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

{% block title %}Réservations{{parent()}}{% endblock %}

{% block body %}
<div class="bg-gray-300 pt-4 pb-10">    
    <h1 class="font-bold text-4xl lg:text-2xl text-center mb-4">Réservations au nom de {{reservation.firstName}} {{reservation.lastName}}</h1>
    <table class="border-2 border-gray-200 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">Prénom</th>
                <td class="text-3xl lg:text-lg p-4">{{ reservation.firstName }}</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">Nom</th>
                <td class="text-3xl lg:text-lg p-4">{{ reservation.lastName }}</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">N°Téléphone</th>
                <td class="text-3xl lg:text-lg p-4">{{ reservation.mail }}</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">Date de Réservation</th>
                <td class="text-3xl lg:text-lg p-4">{{ reservation.reservedAt ? reservation.reservedAt|date('d/m/Y H:i') : '' }}</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">Commentaire</th>
                <td class="text-4xl lg:text-base p-4">{{ reservation.comment }}</td>
            </tr>
        </tbody>
    </table>
    <div class="flex flex-row justify-center mt-10 mb-4">
    <a href="{{ path('app_reservation_index') }}" class="font-semibold text-3xl lg:text-lg btn bg-blue-500 py-2 lg:py-4 px-4 m-2 rounded shadow-sm">Retour</a>
    {{ include('reservation/_delete_form.html.twig') }}   
    </div>
</div>
{% endblock %}