{% set isEdit = instrumentation_installation is defined %}

<div class="cursor-pointer flex items-center justify-between border-b-4 mb-10 rounded" data-dropdown-toggle="informations">
    <h2 class="w-full text-left text-xl font-semibold">Informations</h2>
    <i class="fas fa-chevron-up dropdown-icon"></i>
</div>
<div id="informations" class="mb-4 flex flex-col w-full">
    <div class="flex flex-row justify-between">
        <div class="flex flex-col w-2/5 mb-4">
            <label for="hotel" class="block text-sm font-medium text-gray-700 required">Nom de l'hôtel</label>
            <select id="hotel" name="hotel" class="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 required sm:text-sm {% if (instrumentation_installation is defined) %}cursor-not-allowed{% endif %}" {% if (instrumentation_installation is defined) %}disabled{% endif %}>
                <option value="" hidden {% if (instrumentation_installation is not defined) %}selected{% endif %}>Sélectionnez un hôtel</option>
                {% for hotel in data.hotels %}
                    <option value="{{ hotel.id }}">{{ hotel.nom }}</option>
                {% endfor %}
                {% if (instrumentation_installation is defined) %}
                    <option value="{{ instrumentation_installation.hotel.id }}" selected>{{ instrumentation_installation.hotel.nom }}</option>
                {% endif %}
            </select>
        </div>
    </div>
    <div class="flex flex-col w-full mb-4">
        <label for="description" class="block text-sm font-medium text-gray-700">Description</label>
        <textarea id="description" name="description" rows="3" class="block w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" placeholder="Description de l'installation d'instrumentation...">{% if (instrumentation_installation is defined) %}{{instrumentation_installation.description}}{% endif %}</textarea>
    </div>
</div>

<div class="cursor-pointer flex items-center justify-between border-b-4 mb-10 rounded" data-dropdown-toggle="dates">
    <h2 class="w-full text-left text-xl font-semibold">Dates de prévision et réalisation</h2>
    <i class="fas fa-chevron-up dropdown-icon"></i>
</div>
<div id="dates" class="mb-4 flex flex-col w-full">
    <div class="flex flex-row justify-between">
        <div class="flex flex-col w-2/5 mb-4">
            <label for="prev_start_at" class="block text-sm font-medium text-gray-700">Date de début prévisionnelle</label>
            <input type="date" name="prev_start_at" id="prev_start_at" value="{% if (instrumentation_installation is defined and instrumentation_installation.prevStartAt) %}{{instrumentation_installation.prevStartAt|date('Y-m-d')}}{% endif %}" class="block w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
        </div>
        <div class="flex flex-col w-2/5 mb-4">
            <label for="prev_end_at" class="block text-sm font-medium text-gray-700">Date de fin prévisionnelle</label>
            <input type="date" name="prev_end_at" id="prev_end_at" value="{% if (instrumentation_installation is defined and instrumentation_installation.prevEndAt) %}{{instrumentation_installation.prevEndAt|date('Y-m-d')}}{% endif %}" class="block w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
        </div>
    </div>
    <div class="flex flex-row justify-between">
        <div class="flex flex-col w-2/5 mb-4">
            <label for="rea_start_at" class="block text-sm font-medium text-gray-700">Date de début réelle</label>
            <input type="date" name="rea_start_at" id="rea_start_at" value="{% if (instrumentation_installation is defined and instrumentation_installation.reaStartAt) %}{{instrumentation_installation.reaStartAt|date('Y-m-d')}}{% endif %}" class="block w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
        </div>
        <div class="flex flex-col w-2/5 mb-4">
            <label for="rea_end_at" class="block text-sm font-medium text-gray-700">Date de fin réelle</label>
            <input type="date" name="rea_end_at" id="rea_end_at" value="{% if (instrumentation_installation is defined and instrumentation_installation.reaEndAt) %}{{instrumentation_installation.reaEndAt|date('Y-m-d')}}{% endif %}" class="block w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
        </div>
    </div>
</div>