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

{% block title %}Modification client{% endblock %}
{% form_theme formCustomer 'bootstrap_4_horizontal_layout.html.twig' %}

{% block title_page %}

    {% if editMode %}
        Modification du client : {{ customer.name }}
    {% else %}
        Création d'un client
    {% endif %}


{% endblock %}


{% block container_start %}
    <!-- general form elements -->
    <div class="card card-primary">
        {#
        <div class="card-header">
            <h3 class="card-title">Quick Example</h3>
        </div>
        <!-- /.card-header -->
        #}
        <!-- form start -->
        {{ form_start(formCustomer) }}
        <div class="card-body">
            {{ form_row(formCustomer.type,{'attr':{'placeholder':'Type'},'label':'Type (*)'}) }}
            {{ form_row(formCustomer.company,{'attr':{'placeholder':'Société'},'label':'Société'}) }}
            {{ form_row(formCustomer.name,{'attr':{'placeholder':'Nom'},'label':'Nom'}) }}
            {{ form_row(formCustomer.firstName,{'attr':{'placeholder':'Prénom'},'label':'Prénom'}) }}
            {{ form_row(formCustomer.sites,{'attr':{'class':'select2'},'label':'Les sites'}) }}
            {{ form_row(formCustomer.address,{'attr':{'placeholder':'Adresse'},'label':'Adresse'}) }}
            {{ form_row(formCustomer.additionalAddress,{'attr':{'placeholder':'Complément d\'adresse'},'label':'Complément d\'adresse'}) }}
            {{ form_row(formCustomer.zipcode,{'attr':{'placeholder':'Code postal'},'label':'Code postal'}) }}
            {{ form_row(formCustomer.city,{'attr':{'placeholder':'Ville'},'label':'Ville'}) }}
            {{ form_row(formCustomer.country,{'attr':{'placeholder':'Pays'},'label':'Pays'}) }}
            {{ form_row(formCustomer.phone1,{'attr':{'placeholder':'Téléphone 1'},'label':'Téléphone 1'}) }}
            {{ form_row(formCustomer.phone2,{'attr':{'placeholder':'Telephone 2'},'label':'Téléphone 2'}) }}
            {{ form_row(formCustomer.fax,{'attr':{'placeholder':'Fax'},'label':'Fax'}) }}
            {{ form_row(formCustomer.email,{'attr':{'placeholder':'Email'},'label':'E-mail'}) }}
            {{ form_row(formCustomer.comment,{'attr':{'placeholder':'commentaire'},'label':'Commentaire'}) }}

            {% if is_granted("ROLE_MAINTENANCE_CYCLIQUE") %}
                {{ form_row(formCustomer.cyclicalMaintenance,{'label':'Délais maintenance (mois)'}) }}
            {% endif %}

        </div>
        <!-- /.card-body -->

        <div class="card-footer text-center">
            <button type='submit' class='btn btn-success'>
                {% if editMode  %}
                    Modifier
                {% else %}
                    Ajouter
                {% endif %}
            </button>
        </div>
        {{ form_end(formCustomer) }}
    </div>
    <!-- /.card -->

{% endblock %}

{% block javascript %}
parrent()

<script src="{{ asset('js/find-address.js') }}/"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            //$('select').select2();

            //Loader code postal
            var html = $('.zipecode').parent().parent().find('label').html()
            var img = "<img id='loader_zipecode' class='loader' style='margin-left: 20px;' src=\"{{ asset('images/loader/ajax-loader.gif') }}\" alt='loader-ajax' />";
            //$('.zipecode').parent().parent().find('label').html(html + ' ' + img)

            //Loader ccommune
            var html = $('.city').parent().parent().find('label').html()
            var img = "<img id='loader_city' class='loader' style='margin-left: 20px;' src=\"{{ asset('images/loader/ajax-loader.gif') }}\" alt='loader-ajax' />";
            //$('.city').parent().parent().find('label').html(html + ' ' + img)
        })
    </script>
{% endblock %}