{% import "Admin/Macros/action.html.twig"  as action %}
{% import "Admin/Macros/statusIcon.html.twig"  as statusIcon %}
{% import "Admin/Macros/cellBackground.html.twig"  as cellBackground %}

<table>
    <thead>
    <tr>
        <th class=""></th>
        <th class="">Requête</th>
        <th>Plaignant</th>
        <th>Incident</th>
        <th>Actions</th>
    </tr>
    </thead>
    {%for o in list%}
    <tr>
        <td class="noid relative left-15-in border-left border-5x border-solid" style="border-color: {{o.status ? o.status.color : '#fff'}}">
            {{cellBackground.render(o.status)}}
            {{statusIcon.render(o.status)}}
        </td>
        <td class="relative vt-15-in">
            <div class="flex col left relative">
                <span class="relative upper success h4">{{o.code ? o.code : ""}}</span>
                <span class="black-alt">{{o.date|pretty_datetime}}</span>
                <span class="upper medium white hz-10-in vt-3-in top-7 p-alt" style="background: {{o.status ? o.status.color : '#fff'}}">{{o.status ? o.status.label : "En attente"}}</span>
            </div>
        </td>
        <td>
            <div class="flex col left relative">
                <span class="h4 ssemibold black">{{o.sex ? "Madame" : "Monsieur"}} {{o.lname~' '~o.fname}}</span>
                <span class="upper success medium">{{o.type ? o.type.label : ""}}</span>
                <span><i class="fa fa-envelope right-10"></i>{{o.email}}</span>
                <span><i class="fa fa-phone right-10"></i>{{o.phone}}</span>
            </div>
        </td>
        <td>
            <div class="flex col left relative">
                <span class="upper black h4 medium">{{o.target.label}}</span>
                <span class="upper success medium">{{o.serviceName}}</span>
                {# <p>
                    {{o.content|nl2br}}
                </p> #}
            </div>
        </td>
        <td class="nowrap">
            <a href="{{url('denunciations-view',{id:o.id})}}" title="Voir détails" class="action btn-popup fa fa-eye"></a>
            <a href="{{url('denunciations-edit',{'id':o.id})}}" title="Modifier le statut" class="action fas fa-edit btn-popup semi"></a>
            {# <a href="{{url('messages-send',{id:o.id})}}" class="action btn-flash fa fa-sync"></a> #}
        </td>
    </tr>
    {%endfor%}
</table>