{% set title = "Revue de votre réclamation" %}
{% set hasReCaptcha = true %}
{% extends 'Default/base-form.html.twig' %}
{% import 'Admin/macros.html.twig' as adminMacros %}

{% block content %}
<style>
    table.record .h4{font-size: var(--p-size)!important}
</style>
<div id="" class='bg-gray {{desktop("gpadding")}} {{mobile("")}}'>
    <div class="fill hoverflow gpadding {{desktop('flex col vt-60-in')}} {{mobile('vt-30-in')}}">

        {{include('Default/notice.html.twig')}}

        <div class="bg-white shadow hoverflow transition nsiaform las border border-4x border-warning w100">
            <div id="" class="anim-display anim-from-bottom transition-1s opened">

                <div class=" {{desktop('vt-40-in hz-60-in flex row space wrap')}}">
                {% include 'Complaints/record.html.twig' with {'item':item, 'public':true} %}
                </div>

                <div class='bg-warning flex center row center {{desktop("vt-40-in hz-40-in")}} {{mobile("center padding-20")}}'>
                    <a href='{{path("complaint-edit",{code:item.code})}}' class="anim-btn relative flex row center border border-3x border-white radius-5 {{desktop('top-15 hz-20')}}">
                        <span class="upper semibold h6 vt-10-in hz-30-in white"> <i class="fa fa-edit"></i> Modifier</span>
                    </a>
                    <a href='{{path("complaint-confirm",{code:item.code})}}' class="anim-btn relative flex row center bg-success noborder radius-5 {{desktop('top-15 hz-20')}}">
                        <span class="upper semibold h6 vt-10-in hz-30-in white"> <i class="fa fa-check"></i> Confirmer</span>
                    </a>
                </div>

            </div>

        </div>
    </div>
</div>
{% endblock %}