{% extends 'base.html.twig' %}

{% block title %}Contact {{ parent() }} {% endblock %}

{% block body %}
<h1 class="text-center text-5xl lg:text-3xl my-10 font-bold">Consultation d'une demande</h1>

<table class="border-2 border-gray-200 px-4 py-2 mx-auto w-4/5 bg-white shadow-lg rounded-lg">
    <tbody>
        <tr class="border-b border-gray-200">
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Sujet</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.subject }}</td>
        </tr>
        <tr class="border-b border-gray-200">
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Contenu</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.content }}</td>
        </tr>
        <tr class="border-b border-gray-200">
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Prénom</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.name }}</td>
        </tr>
        <tr class="border-b border-gray-200">
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Email</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.email }}</td>
        </tr>
        <tr class="border-b border-gray-200">
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Téléphone</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.phone }}</td>
        </tr>
        <tr class="border-b border-gray-200">
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Créé le</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.createdAt ? contact.createdAt|date('Y-m-d H:i:s') : '' }}</td>
        </tr>
        <tr>
            <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Résolu</th>
            <td class="text-3xl lg:text-lg p-4">{{ contact.resolved ? 'Yes' : 'No' }}</td>
        </tr>
    </tbody>
</table>

<div class="flex flex-row justify-center my-10">
    <a href="{{ path('app_contact_index') }}" class=" font-semibold text-3xl lg:text-lg btn bg-blue-300 py-4 px-4 m-2 rounded shadow-sm">Retour</a>

    <a href="{{ path('app_contact_edit', {'id': contact.id}) }}" class="font-semibold text-3xl lg:text-lg btn bg-orange-300 py-4 px-4 m-2 rounded shadow-sm ">Éditer le message</a>

    {{ include('contact/_delete_form.html.twig') }}
</div>
{% endblock %}