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

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

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

    {{ include('artisan/layout/ar_actions.html.twig') }}
    
    {{ include('artisan/layout/ar_debug.html.twig') }}

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

    {{ form_start(form, {'attr': {'class':'form-horizontal', 'id':'artisan_form', 'name':'artisan_form', 'method':'post', 'action':path('artisan_document_administratif')}}) }}
        <div class="form-group">
            {{ form_label(form.societe, "Société *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-4">
                {{ form_widget(form.societe, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-societe">{{ form_errors(form.societe) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.gerant, "Gérant *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-4">
                {{ form_widget(form.gerant, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-gerant">{{ form_errors(form.gerant) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.adresse, "Adresse *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-4">
                {{ form_widget(form.adresse, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-adresse">{{ form_errors(form.adresse) }}</div>
        </div>
        {# <!--div class="form-group">
            {{ form_label(form.ville, "Ville *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-3">
                {{ form_widget(form.ville, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-ville">{{ form_errors(form.ville) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.cp, "Code postal *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-2">
                {{ form_widget(form.cp, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-cp">{{ form_errors(form.cp) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.email, "Email *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-4">
                {{ form_widget(form.email, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-email">{{ form_errors(form.email) }}</div>
        </div--> #}
        <div class="form-group">
            {{ form_label(form.tel, "Tél. *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-3">
                {{ form_widget(form.tel, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-tel">{{ form_errors(form.tel) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.siret, "N° SIRET *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-4">
                {{ form_widget(form.siret, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-siret">{{ form_errors(form.siret) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.tva, "N° TVA *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-4">
                {{ form_widget(form.tva, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-tva">{{ form_errors(form.tva) }}</div>
        </div>
        
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="button" class="btn btn-primary" id="edit_artisan">Modifier</button>
            </div>
        </div>
    {{ form_end(form) }}

{% 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 société');
                $('form#artisan_form #form_societe').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#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').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-tva').html('');
                });
            }
        
            if (ckeck == 0) {
                $('form#artisan_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>
    
    </script>
{% endblock %}