{% set title = "Statut de votre requête" %}

{% extends 'Default/base-form.html.twig' %}
{% import "Admin/Macros/statusIcon.html.twig"  as statusIcon %}

{% block content %}
<div class='bg-gray relative gpadding {{desktop("")}} {{mobile("bottom-25-in")}}'>
        <div class='flex row center  {{desktop("vt-40-in gpadding")}} {{mobile("vt-25-in")}}'>
            <div class='bg-white shadow border-top border-solid border-10x {{desktop("vt-40-in hz-80-in")}} {{mobile("vt-25-in hz-20-in")}}'
                style="border-color: {{item.status ? item.status.color : '#ccc'}}">
            {% block notif %}
            <div class="flex {{desktop('row top')}} {{mobile('col center')}}">
                <div class="flex row">
                    {% set status = item.status %}
                    <div class="padding-20 circle shadow-alt" style="background: {{status ? status.color : '#fff'}}">
                        <span class="icon big circle relative flex col middle" title="{{status ? status.label}}">
                            {% if status and status.icon %}
                            <icon class="relative fill">
                                <img src="{{asset(status.icon)}}" class="filter-white contain">
                            </icon>
                            {% endif %}
                        </span>
                    </div>
                </div>
                <div class="flex col left-40 p">
                    <span class="flex row">
                        <span class="gwidth right-20">Requête n° :</span>
                        <span class="success bold h6">{{item.code}}</span>
                    </span>
                    <span class="flex row top-10">
                        <span class="gwidth right-20">Envoyée le :</span>
                        <span class="success bold h6">{{item.date|pretty_datetime}}</span>
                    </span>
                    <span class="flex row top-10">
                        <span class="gwidth right-20">Usager :</span>
                        <span class="success bold h6">{{item.name}}</span>
                    </span>
                    <span class="flex row top-10">
                        {% set typeLabel = "" %}
                        {% if type == 'complaint' %}
                        {% set typeLabel = "Réclamation" %}
                        {% elseif type == 'denunciation' %}
                        {% set typeLabel = "Dénunciation" %}
                        {% elseif type == 'preaccount' %}
                        {% set typeLabel = "Création de compte" %}
                        {% endif %}
                        <span class="gwidth right-20">Type :</span>
                        <span class="success bold h6">{{typeLabel}}</span>
                    </span>
                    <span class="flex row top-10">
                        <span class="gwidth right-20">Sujet :</span>
                        <span class="success bold h6">{{item.subject}}</span>
                    </span>
                    <div class="top-20">
                        <span class="upper medium white hz-15-in vt-8-in p" style="background: {{item.status ? item.status.color : '#fff'}}">{{item.status ? item.status.label : "En attente"}}</span>
                    </div>
                </div>
            </div>
            {% endblock %}
            </div>
        </div>
</div>
{% endblock %}