{% if tracabilities is defined %}

    {% if  tracabilities|length %}

        {% for tracability in tracabilities %}

            <div class="media-list">
                <div class="mb-4" style="border:solid 2px black;">
                    <div class="card-header p-2" style="background-color:#f3f9fe;">
                        <div class="row">
                            {% if tracability.userTracabilityCongeEmetteur %}
                                <div class="col-6">
                                    <span class="avatar avatar-online">
                                        <img src="{{ asset('uploads/avatars/'~tracability.userTracabilityCongeEmetteur.path) }}" width="30" height="30" alt="user" />
                                            
                                        <span title="{{ tracability.userTracabilityCongeGroupEmetteur.name }}">{{ tracability.userTracabilityCongeEmetteur.getFullName }}
                                            ( {{ tracability.userTracabilityCongeGroupEmetteur.name }} {% if tracability.isInterimEmetteur %} - Intérim {% endif %})
                                        </span>
                                    </span>
                                </div>
                            {% endif %}
                            {% if tracability.userTracabilityCongeRecepteur %}
                                <div class="col-6">
                                    <span class="avatar avatar-online">
                                        <img src="{{ asset('uploads/avatars/'~tracability.userTracabilityCongeRecepteur.path) }}" width="30" height="30" alt="user" />
                                        
                                        <span title="{{ tracability.userTracabilityCongeGroupRecepteur.name }}">{{ tracability.userTracabilityCongeRecepteur.getFullName }}
                                            ( {{ tracability.userTracabilityCongeGroupRecepteur.name }} {% if tracability.isInterimRecepteur %} - Intérim {% endif %})
                                        </span>

                                    </span>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    <span class="float-right text muted badge badge-success mt-1">{{ tracability.statutValue }}</span>
                    <span class="float-right text muted badge badge-warning mt-1">{{ tracability.dateAction|date('Y-m-d H:i') }}</span>
                </div>
            </div>

        {% endfor %}

    {% else %}

        <div class="alert alert-info mb-2" role="alert">
            <i class="fa fa-info-circle mr-1"></i> Aucune traçabilité trouvée !
        </div>

    {% endif %}

{% else %}
    <div class="alert alert-info mb-2" role="alert">
        <i class="fa fa-info-circle mr-1"></i> Aucune traçabilité trouvée !
    </div>
{% endif %}