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

{% block body %}
<div class="w-full flex flex-col h-full">
    <div class="flex flex-row justify-between items-center w-full p-3 border-b text-white bg-bungalow-yellow">
        <div class="flex flex-row">
            <a href="{{ path('hotels') }}" class="text-white text-lg">
                <i class="{{ icon.get('hotel') }}" style="color: #FFFF;"></i>
                Hôtels
            </a>
            <span class="mx-2">-</span>
            <a class="text-white text-lg">{{ hotel.nom }}</a>
        </div>
        {% if is_granted('ROLE_ADMIN') %}
            <a href="{{ path('edit_hotel', {id: hotel.id}) }}" class="ml-4 px-4 py-2 bg-bungalow-blue text-white font-medium rounded-full text-sm w-fit cursor-pointer">
                Modifier les informations
            </a>
        {% endif %}
    </div>
    <div class="w-full max-h-[80vh] flex flex-col overflow-y-auto p-5 pt-5">
        {% include "./layouts/message_flash.html.twig" %}
        {% include "./hotel/client/partials/informations.html.twig" %}
        <div class="mt-6 w-full bg-white shadow-lg rounded-md">
            {% include "./hotel/client/partials/convention.html.twig" %}
        </div>
        <div class="mt-6 w-full bg-white shadow-lg rounded-md">
            {% include "./hotel/client/partials/images.html.twig" %}
        </div>
        <div class="mt-6 w-full bg-white shadow-lg rounded-md">
            {% include "./hotel/client/partials/contact.html.twig" %}
        </div>
        <div class="mt-6 w-full bg-white shadow-lg rounded-md">
            {% include "./hotel/client/partials/prospection.html.twig" %}
        </div>
        <div class="mt-6 w-full bg-white shadow-lg rounded-md">
            {% include "./hotel/client/partials/hebergement_annuel.html.twig" %}
        </div>
    </div>
</div>
{% endblock %}

{% block modals %}
    {% include "./hotel/client/modals/signature.html.twig" %}
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('hotel_index') }}
{% endblock %}