{# templates/artisan_v2/configuration/ad_doc_administratif.html.twig #}
{% extends 'artisan_v2/artisan.html.twig' %}

{% block title %}Document administratif - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
        {{ include('artisan_v2/layout/ar_debug.html.twig') }}

        {{ include('artisan_v2/layout/ar_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    {{ form_start(form, {'attr': {'class':'form-horizontal', 'id':'artisan_form', 'name':'artisan_form', 'method':'post', 'action':path('artisan_document_administratif')}}) }}
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                {{ form_label(form.societe, "Société *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.societe, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-2 col-md-8 fm-error" id="error-artisan-societe">{{ form_errors(form.societe) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                {{ form_label(form.gerant, "Gérant *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.gerant, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-2 col-md-8 fm-error" id="error-artisan-gerant">{{ form_errors(form.gerant) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                {{ form_label(form.adresse, "Adresse *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.adresse, {'attr': {'class':'form-control', 'style':'resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-2 col-md-8 fm-error" id="error-artisan-adresse">{{ form_errors(form.adresse) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                {{ form_label(form.tel, "Tél. *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                {{ form_widget(form.tel, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-2 col-md-8 fm-error" id="error-artisan-tel">{{ form_errors(form.tel) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                {{ form_label(form.siret, "N° SIRET *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-3 fg-m-bottom">
                                {{ form_widget(form.siret, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-2 col-md-8 fm-error" id="error-artisan-siret">{{ form_errors(form.siret) }}</div>
                        </div>
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                {{ form_label(form.tva, "N° TVA *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-3 fg-m-bottom">
                                {{ form_widget(form.tva, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-2 col-md-8 fm-error" id="error-artisan-tva">{{ form_errors(form.tva) }}</div>
                        </div>

                        <div class="row form-group m-t-20">
                            <div class="col col-md-2"></div>
                            <div class="col-12 col-md-4">
                                <button type="button" id="edit_artisan" class="btn btn-info btn-sm btn-block">
                                    <i class="zmdi zmdi-refresh"></i>&nbsp; Mettre à jour
                                </button>
                            </div>
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>

            {{ include('artisan_v2/layout/ar_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('click', '#edit_artisan', function(){
            var ckeck = 0;
            
            if ($('form#artisan_form #form_societe').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-societe').html('Veuillez insérer le nom de votre société');
                $('form#artisan_form #form_societe').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-societe').html('');
                });
            }
            if ($('form#artisan_form #form_gerant').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-gerant').html('Veuillez insérer le nom de gérant');
                $('form#artisan_form #form_gerant').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-gerant').html('');
                });
            }
            if ($('form#artisan_form #form_adresse').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-adresse').html('Veuillez insérer votre adresse');
                $('form#artisan_form #form_adresse').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-adresse').html('');
                });
            }
            {# /*if ($('form#artisan_form #form_ville').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-ville').html('Veuillez insérer votre ville');
                $('form#artisan_form #form_ville').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-ville').html('');
                });
            }
            if ($('form#artisan_form #form_cp').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-cp').html('Veuillez insérer le code postal');
                $('form#artisan_form #form_cp').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-cp').html('');
                });
            }
            var artisan_form_email = $('form#artisan_form #form_email').val();
            if (artisan_form_email.length == 0) {		
                ckeck += 1;
                $('#error-artisan-email').html('Veuillez insérer votre email');
                $('form#artisan_form #form_email').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-email').html('');
                });            
            }
            var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if (artisan_form_email.length > 0 && !regex.test(artisan_form_email)) {		
                ckeck += 1;
                $('#error-artisan-email').html('Votre email "' + artisan_form_email + '" n\'est pas valide');
                $('form#artisan_form #form_email').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-email').html('');
                });            
            }*/ #}
            if ($('form#artisan_form #form_tel').val().length < 10) {	
                ckeck += 1;
                $('#error-artisan-tel').html('Veuillez insérer votre n° de tél.');
                $('form#artisan_form #form_tel').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-tel').html('');
                });            
            }
            if ($('form#artisan_form #form_siret').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-siret').html('Veuillez insérer le n° SIRET');
                $('form#artisan_form #form_siret').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-siret').html('');
                });
            }
            if ($('form#artisan_form #form_tva').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-tva').html('Veuillez insérer le n° TVA');
                $('form#artisan_form #form_tva').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-artisan-tva').html('');
                });
            }
        
            if (ckeck == 0) {
                $('form#artisan_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>
    </script>
{% endblock %}