{% extends "admin/index.html.twig" %}
{# {% extends '@EasyAdmin/page/content.html.twig' %} #}

{% block content %}
{# {{ dump(ticket) }} #}
<section>
    <div class="col-10 card mx-auto p-4">
        <p>{{ticket.user.email}}</p>
        <p>{{ticket.user.profil.phone}}</p>
        <p>{{ticket.user.profil.completeName}}</p>
        <p>{{ticket.user.profil.parentChambre.value}} - {{ticket.user.profil.chambre.numero}}</p>
    </div>
    <div class="col-10 card mx-auto text-center">
        <h4>{{ticket.subject}}</h4>
        <p>{{ticket.date|format_datetime('full', 'short', locale: app.session.get('_locale'))}}</p>
        <p class="text-start col-10 p-2 card mx-auto">{{ ticket.message|nl2br  }}</p>
        {% for message in ticket.supportMessages %}
        <div class="text-start col-10 p-2 card mx-auto">
            <div class="card-header">
                <p>{{message.date|date('d/m/Y H:i')}}</p>
            </div>
            <div class="card-body">
                <p>{{ message.message|nl2br  }}</p>
            </div>
        </div>
        {% endfor %}
        <twig:SupportMessageComponent support="{{ticket}}" />
    </div>
</section>

{% endblock %}