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

{% block title %}Nouveau devis {% endblock %}

{% block body %}
    {{ form_start(form) }}
<div class="grid grid-cols-1 gap-3">
    <div class="bg-gray-100 rounded-xl p-5">
        <h2 class="uppercase"> Nouveau Devis</h2>
        <div class="grid grid-cols-2 gap-3">
            <div>
                <div class="mt-2">
                    <p class="text-gray-500 text-sm">
                        Debut de session
                    </p>
                    {{ form_widget(form.dateSession) }}
                </div>
            </div>
            <div>
                <div class="mt-2">
                    <p class="text-gray-500 text-sm">
                        Fin de session
                    </p>
                    {{ form_widget(form.dateFinSession) }}
                </div>
            </div>
            <div>
            <div class="mt-2">
                <p class="text-gray-500 text-sm">
                    Choisir un candidat
                </p>
                {{ form_widget(form.client) }}
            </div>

            </div>
            <div>
                <div class="mt-2">
                    <p class="text-gray-500 text-sm">
                        Choisir une formation
                    </p>
                    {{ form_widget(form.formation) }}
                </div>
            </div>
        </div>
    </div>
    <div class="flex justify-center">
        <div class="mt-5">
            {{ form_widget(form.Sauvegarder) }}
        </div>
    </div>
</div>
    {{ form_end(form) }}
{% endblock %}

{% block javascripts %}
<script>
    $(document).ready(function() {
        $('.select2').select2();
    });
</script>
{% endblock %}