{# templates/superadmin/artisans/sa_gestion_artisans_add.html.twig #}
{% extends 'superadmin/superadmin.html.twig' %}

{% block title %}Gestion des Artisans - {{ parent() }}{% endblock %}

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

    {{ include('superadmin/layout/sa_actions.html.twig') }}
    
    {{ include('superadmin/layout/sa_debug.html.twig') }}

    {{ include('superadmin/layout/sa_alert.html.twig') }}
    
    {{ form_start(form, {'attr': {'class':'form-horizontal', 'id':'ge_artisan_form', 'name':'ge_artisan_form', 'method':'post', 'action':path('superadmin_gestion_artisans_add')}}) }}
        <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', 'style':'resize:none;', '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.mobile, "Mobile", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-3">
                {{ form_widget(form.mobile, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-mobile">{{ form_errors(form.mobile) }}</div>
        </div>
        <div class="form-group">
            {{ form_label(form.mobileBis, "Tél. / Mobile (2)", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-3">
                {{ form_widget(form.mobileBis, {'attr': {'class':'form-control', 'autocomplete':'none'}}) }}
            </div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-artisan-mobile-bis">{{ form_errors(form.mobileBis) }}</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>
        
        {# % for key, value in list_services %}
        <div class="form-group fg-m-bottom">
            {% if key == 'fin_chantier' %}
            <label for="" class="col-sm-2 control-label">Service</label>
            <div class="col-sm-10">
            {% else %}
            <div class="col-sm-offset-2 col-sm-10">
            {% endif %}
                <div class="checkbox">
                    <label for="form_services_{{ key }}">
                        <input type="checkbox" id="form_services_{{ key }}" name="form[services][]" value="{{ key }}"> {{ value }}
                    </label>
                </div>
            </div>
        </div>
        {% endfor % #}
        
        <div class="form-group">
            <label for="" class="col-sm-2 control-label">Service</label>
            <div class="col-sm-10">
                <div class="row">
                    <div class="col-sm-4">
                        {% for key, value in nos_services %}
                        <div class="checkbox">
                            <label for="form_services_{{ key }}">
                                <input type="checkbox" id="form_services_{{ key }}" name="form[services][]" value="{{ key }}"> {{ value }}
                            </label>
                        </div>
                        {% endfor %}
                    </div>
                    <div class="col-sm-4">
                        {% for key, value in nos_depannages %}
                        <div class="checkbox">
                            <label for="form_services_{{ key }}">
                                <input type="checkbox" id="form_services_{{ key }}" name="form[services][]" value="{{ key }}"> {{ value }}
                            </label>
                        </div>
                        {% endfor %}
                    </div>
                    <div class="col-sm-4">
                        {% for key, value in nos_traitements %}
                        <div class="checkbox">
                            <label for="form_services_{{ key }}">
                                <input type="checkbox" id="form_services_{{ key }}" name="form[services][]" value="{{ key }}"> {{ value }}
                            </label>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group" style="margin-top:25px;">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="button" class="btn btn-primary" id="add_ge_artisan">Ajouter</button>
                <input type="hidden" id="form_pass_email" name="form[pass_email]" value="0">
            </div>
        </div>
    {{ form_end(form) }}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('keypress', 'form#ge_artisan_form #form_cp', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });

        $(document).on('keyup', 'form#ge_artisan_form #form_email', function() {
            var ge_artisan_email = $('form#ge_artisan_form #form_email').val();
            var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if (ge_artisan_email.length > 5 && regex.test(ge_artisan_email)) {
                //alert(ge_artisan_email);
                $.ajax({
                    url : "{{ path('superadmin_gestion_artisans_check_email') }}",
                    type : 'POST',
                    data : {email:ge_artisan_email},
                    dataType : 'json',
                    success : function(response){
                        if (response.code == 200) {
                            $('form#ge_artisan_form input#form_pass_email').val(response.value);
                        }
                    },
                    error : function(e){
                    }
                });
            }                
        });

        $(document).on('keypress', 'form#ge_artisan_form #form_tel', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });

        $(document).on('keypress', 'form#ge_artisan_form #form_mobile', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });

        $(document).on('keypress', 'form#ge_artisan_form #form_mobileBis', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });

        $(document).on('click', '#add_ge_artisan', function(){
            var ckeck = 0;
            
            if ($('form#ge_artisan_form #form_societe').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-societe').html('Veuillez insérer le nom de société');
                $('form#ge_artisan_form #form_societe').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-societe').html('');
                });
            }
            /* if ($('form#ge_artisan_form #form_gerant').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-gerant').html('Veuillez insérer le nom de gérant');
                $('form#ge_artisan_form #form_gerant').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-gerant').html('');
                });
            } */
            if ($('form#ge_artisan_form #form_adresse').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-adresse').html('Veuillez insérer l\'adresse');
                $('form#ge_artisan_form #form_adresse').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-adresse').html('');
                });
            }
            if ($('form#ge_artisan_form #form_ville').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-ville').html('Veuillez insérer la ville');
                $('form#ge_artisan_form #form_ville').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-ville').html('');
                });
            }
            if ($('form#ge_artisan_form #form_cp').val().length != 5) {	
                ckeck += 1;
                $('#error-artisan-cp').html('Veuillez insérer le code postal');
                $('form#ge_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#ge_artisan_form #form_email').val();
            /* if (artisan_form_email.length == 0) {		
                ckeck += 1;
                $('#error-artisan-email').html('Veuillez insérer l\'email');
                $('form#ge_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('Email "' + artisan_form_email + '" n\'est pas valide');
                $('form#ge_artisan_form #form_email').css({'border':'1px solid #ff0000','color':'#ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc','color':'#555555'});
                    $('#error-artisan-email').html('');
                });            
            } */
            if ((artisan_form_email.length > 0 && regex.test(artisan_form_email)) && $('form#ge_artisan_form #form_pass_email').val() == 0) {	
                ckeck += 1;
                $('#error-artisan-email').html('Email existe déjà !');
                $('form#ge_artisan_form #form_email').css({'border':'1px solid #ff0000','color':'#ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc','color':'#555555'});
                    $('#error-artisan-email').html('');
                });
            }
            /* if ($('form#ge_artisan_form #form_tel').val().length < 10) {	
                ckeck += 1;
                $('#error-artisan-tel').html('Veuillez insérer votre n° de tél.');
                $('form#ge_artisan_form #form_tel').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-tel').html('');
                });            
            }
            if ($('form#ge_artisan_form #form_siret').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-siret').html('Veuillez insérer le n° SIRET');
                $('form#ge_artisan_form #form_siret').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-artisan-siret').html('');
                });
            }
            if ($('form#ge_artisan_form #form_tva').val().length == 0) {	
                ckeck += 1;
                $('#error-artisan-tva').html('Veuillez insérer le n° TVA');
                $('form#ge_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#ge_artisan_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>
    </script>
{% endblock %}