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

    {% block javascripts_header %}
        {{ encore_entry_script_tags('app') }}
        {{ encore_entry_script_tags('missions') }}
    {% endblock %}

{% block title %}
        {% include "module/_title.html.twig" %}
{% endblock %}
{% block body %}
    {% include "module/_title.html.twig" %}
    <div class="shadow mt-4">
        {% include "module/_menu.html.twig" %}
        {% include "_flashes.html.twig" %}
        <div class="row">
            <div class="col-lg-12 form">
                {{ form_start(form, {'attr': {'class': 'form form-horizontal','id':"creer_commanditaire",'autocomplete':'off'}}) }}
                <div class="bodyZone">

                    <div class="bg-white  p-3 shadow">
                        <div class="alert-info p-3 opacity-6"><i class="fa fa-info-circle mr-2"></i> Veuillez d'abord saisir les informations de la mission ci-dessous avant d'enregistrer l'éligibilité et les modules de celle-ci. </div>
                        <div class="form-row ml-4">
                            <div id="dataclient" class="form-group  form-group-lg col-md-3" >
                                {{ form_widget(form._token) }}
                                {{ form_label(form.client,'Clients/Prospects *', {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form.client, {'id' : 'nom', 'attr': { 'class': 'form-control required  input-lg'}}) }}
                                {{ form_errors(form.client,{'attr':{'class':'error'}}) }}
                            </div>

                        </div>
                        <div class="form-row ml-4">
                            <div class="form-group  form-group-lg  col-md-5 ">
                                {{ form_label(form.commande,"Mission *", {'label_attr': {'class': 'control-label'}}) }}

                                {{ form_widget(form.commande, {'id' : 'id_datecontact', 'attr': { 'class': 'form-control','placeholder':'jj/mm/aaaa'}}) }}
                                {{ form_errors(form.commande) }}
                            </div>
                        </div>
                        <div class="form-row ml-4">
                            <div class="form-group col-sm-2">
                                {{ form_label(form.datedebut,"Date de début mission", {'label_attr': {'class': 'control-label'}}) }}
                                <div class="input-group date" data-provide="datepicker">
                                    {{ form_widget(form.datedebut, {'id' : 'id_datedebut', 'attr': { 'class': 'form-control input-lg','placeholder':'jj/mm/aaaa'}}) }}
                                    <div class="input-group-addon">
                                        <span class="glyphicon glyphicon-th"></span>
                                    </div>

                                </div>
                                {{ form_errors(form.datedebut) }}
                            </div>
                            <div class="form-group col-sm-2">
                                {{ form_label(form.datefin,"Date de fin de mission", {'label_attr': {'class': 'control-label'}}) }}
                                <div class="input-group date" data-provide="datepicker">
                                    {{ form_widget(form.datefin, {'id' : 'id_datefin', 'attr': { 'class': 'form-control input-lg','placeholder':'jj/mm/aaaa'}}) }}
                                    <div class="input-group-addon">
                                        <span class="glyphicon glyphicon-th"></span>
                                    </div>

                                </div>
                                {{ form_errors(form.datefin) }}
                            </div>
                        </div>
                        <div class="form-row ml-4">
                            <div class="form-group col-md-2">
                                {{ form_label(form.nbrejourprevu,"Nombre de jour prévu", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form.nbrejourprevu, {'id' : 'nbredejourprevu', 'attr': { 'class': 'form-control'}}) }}
                                {{ form_errors(form.nbrejourprevu) }}
                            </div>
                            <div class="form-group col-md-2">
                                {{ form_label(form.nbrejourrealise,"Nombre de jour réalisé", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form.nbrejourrealise, {'id' : 'nbrejourrealise', 'attr': { 'class': 'form-control'}}) }}
                                {{ form_errors(form.nbrejourrealise) }}
                            </div>
                            <div class="form-group  form-group-lg  col-md-2 ">
                                {{ form_label(form.honoraire,"Honoraires ", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form.honoraire, {'id' : 'id_honoraire', 'attr': { 'class': 'form-control'}}) }}
                                {{ form_errors(form.honoraire) }}
                            </div>
                        </div>


                        <hr class="">
                        <div id="html_element"></div>
                        <div id="error_element"></div>
                        <div class="row ">
                            <div class="center m-auto">
                                <a href="{{ path('accueil') }}" class=" btn btn-secondary mr-5"><i
                                            class="fas fa-undo"></i> Retour</a>
                                <button type="submit" class=" btn btn-success"><i class="fas fa-check"></i> Enregistrer
                                </button>
                            </div>

                        </div>

                        <hr class="mb-4">
                    </div>
                    {{ form_end(form, {'render_rest': false}) }}

                </div> <!-- fin div.form -->
            </div>
        </div>
    </div>
{% endblock %}