{% extends 'layout.html.twig' %}
    {% block javascripts_header %}
        {{ encore_entry_script_tags('app') }}
        {{ encore_entry_script_tags('commanditaire') }}
    {% endblock %}
{% block body %}
    <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">
                <h4 class="mb-4 bleu"><i class="fas fa-user-tie"></i>
                    {% if commanditaire is defined %}
                    Modifier le commanditaire : {{ commanditaire.nom }}
                {% else %}
                    Enregistrer un commanditaire
                    {% endif %}
                </h4>
                <div class="bg-light  shadow-sm">
                    <hr class="mb-4">
                    <div class="form-row ml-4">
                        <div class="form-group  form-group-lg col-md-3">
                            {{ form_widget(form._token) }}
                            {{ form_label(form.nom,'Nom de société*', {'label_attr': {'class': 'control-label'}}) }}

                            {{ form_widget(form.nom, {'id' : 'nom', 'attr': { 'class': 'form-control required  input-lg'}}) }}
                            {{ form_errors(form.nom,{'attr':{'class':'error'}}) }}

                        </div>

                        <div class="form-group  form-group-lg col-md-3">

                            {{ form_label(form.siret,'Siret *', {'label_attr': {'class': 'control-label required'}}) }}
                            {{ form_widget(form.siret, {'id' : 'siret', 'attr': { 'class': 'form-control  input-lg'}}) }}
                            {{ form_errors(form.siret) }}
                        </div>

                    </div>

                    <div class="form-row ml-4">
                        <div class="form-group  form-group-lg col-md-3">
                            {{ form_label(form.responsable,'Responsable du dossier', {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form.responsable, {'id' : 'telperso', 'attr': { 'class': 'form-control'}}) }}

                        </div>
                        <div class="form-group  form-group-lg col-md-3">
                            {{ form_label(form.datecontact,"Date de contact *", {'label_attr': {'class': 'control-label'}}) }}
                            <div class="input-group date" data-provide="datepicker">
                                {{ form_widget(form.datecontact, {'id' : 'dateentree', '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.datecontact) }}
                        </div>
                    </div>
                    <h5 class="ml-4">Adresse *</h5>
                    <div class="form-row ml-4">
                        <div class="form-group  col-md-3 ">
                            {{ form_widget(form.norue, {'id' : 'id_numrue', 'attr': { 'class': 'form-control', 'placeholder' : 'Numéro de rue'}}) }}
                        </div>
                        <div class="form-group col-md-6 ">
                            {{ form_widget(form.nomrue, {'id' : 'id_no_rue', 'attr': { 'class': 'form-control', 'placeholder' : 'Nom de la rue'}}) }}
                        </div>
                    </div>
                    <div class="form-row ml-4">
                        <div class="form-group col-md-3 ">
                            {{ form_widget(form.cp, {'id' : 'id_code_postal', 'attr': { 'class': 'form-control', 'placeholder' : 'Code postal'}}) }}
                        </div>
                        <div class="form-group col-md-6">{{ form_widget(form.ville, {'id' : 'id_ville', 'attr': { 'class': 'form-control', 'placeholder' : 'Ville ou commune'}}) }}
                        </div>
                        {{ form_errors(form.ville) }}

                    </div>

                    <div class="form-row ml-4">
                        <div class="form-group col-sm-3">
                            {{ form_label(form.telephone,"Téléphone", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form.telephone, {'id' : 'telperso', 'attr': { 'class': 'form-control'}}) }}
                            {{ form_errors(form.telephone) }}
                        </div>
                        <div class="form-group col-sm-3">
                            {{ form_label(form.mobile,"Mobile", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form.mobile, {'id' : 'telperso', 'attr': { 'class': 'form-control'}}) }}
                            {{ form_errors(form.mobile) }}
                        </div>
                    </div>
                    <div class="form-row ml-4">
                        <div class="form-group col-sm-6">
                            {{ form_label(form.mail,"Mail  *", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form.mail, {'id' : 'mailperso', 'attr': { 'class': 'form-control'}}) }}
                            {{ form_errors(form.mail) }}

                        </div>
                    </div>
                    <hr class="mb-4">
                </div>
                <h4 class="vert"><i class="fas fa-user"></i> Informations Diverses *</h4>
                <div class=" bg-white shadow-sm">
                    <hr class="mb-4">
                    <div class="form-row ml-4">
                        <div class="form-group  ">
                            {{ form_label(form.commentaire,"Commentaires *", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form.commentaire, {'id' : 'dateentree', 'attr': { 'class': 'form-control','cols':'60','rows':'10'}}) }}
                            {{ form_errors(form.commentaire) }}
                        </div>
                    </div>
                    <hr class="mb-4">
                </div>


                <hr class="">
            </div>
            <div id="html_element"></div>
            <div id="error_element"></div>
            <div class="row col-sm-10 ">
                <div class="center m-auto">
                    <a href="{{ path('list_commanditaire') }}" 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">
            {{ form_end(form, {'render_rest': false}) }}

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