{% 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 style="border-spacing: 0px 15px">
    <thead>
    <tr>
        <th class=""></th>
        <th>Plainte</th>
        <th>Plaignant</th>
        <th>Détails</th>
        <th>Actions</th>
    </tr>
    </thead>

    {% for o in list %}
    <tr class="">
        <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 h4 medium black">{{o.type ? o.type.isRequiredOtherType ? o.otherType : o.type.label : "Non précisé"}}</span>
                <span class="relative upper success">{{o.cardNumber ? "Carte n° "~o.cardNumber}}</span>
                <span class="black-alt">{{o.date|pretty_datetime}}</span>
                <span class="black">#{{o.code}}</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 class="relative">
            <div class="flex col left relative">
                <span class="h4 medium">{{o.sex ? "Madame" : "Monsieur"}} {{o.lname~' '~o.fname}}</span>
                <span class="upper success">{{o.hasAccount ? "Compte n° "~o.accountNumber}}</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 class="relative half">
            <div class="relative">
            {{o.description|nl2br}}
            </div>
        </td>
        <td class="relative nowrap">
            <div class="relative">
                {{action.render({link: url('complaints-view',{id:o.id}), color: "white", bg: "success", icon: "eye", title: "Détails de la plainte"})}}
                {{action.render({link: url('complaints-edit',{id:o.id}), color: "white", bg: "warning", icon: "edit", title: "Modifier le statut de la plainte"})}}
            </div>
        </td>
    </tr>
    {%endfor%}
</table>