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

{% block body %}
<div class="flex flex-col w-full">
    <div class="flex flex-row w-full p-3 border-b text-white bg-bungalow-yellow">
        <a href="{{ path('prospections') }}" class="text-white text-lg">
            <i class="{{ icon.get('prospection') }}" style="color: #FFFF;"></i>
            Prospections
        </a>
        <span class="mx-2">-</span>
        <a class="text-white text-lg">Créer</a>
    </div>

    <div class="w-full max-h-[80vh] flex flex-col overflow-y-auto pl-5">
        {% include "./layouts/message_flash.html.twig" %}
        <form class="flex flex-col w-full p-5" method="POST" action="{{ path('store_prospec') }}" enctype="multipart/form-data">
            {% include "./hotel/prospection/form.html.twig" %}
            <div class="modal-footer flex justify-end pt-2">
                <button type="submit" class="bg-blue-500 text-white active:bg-blue-700 font-bold uppercase text-sm px-6 py-2 rounded shadow hover:shadow-lg focus:outline-none focus:ring ml-2">
                    Créer
                </button>
            </div>
        </form>
    </div>
</div>
{% endblock %}

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