{# templates/superadmin/configuration/sa_configuration.html.twig #}
{% extends 'superadmin/superadmin.html.twig' %}

{% block title %}Configuration - {{ 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':'configuration_form', 'name':'configuration_form', 'method':'post', 'action':path('superadmin_configuration')}}) }}
        <div class="form-group" style="margin-top:32px;">
            {{ form_label(form.nTel, "N° Tél. *", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            <div class="col-sm-2">
                {{ form_widget(form.nTel, {'attr': {'class':'form-control', 'maxlength':'10', 'size':'10', 'autocomplete':'off'}}) }}
            </div>
            <div class="col-sm-8"></div>
            <div class="col-sm-offset-2 col-sm-10 fm-error" id="error-configuration-tel">{{ form_errors(form.nTel) }}</div>
        </div>
        <div class="form-group" style="margin-bottom:26px;">
            {{ form_label(form.displayTel, "Afficher N° Tél.", {'label_attr': {'class':'col-sm-2 control-label'}}) }}
            {% block choice_widget_expanded %}
            {% for key, child in form.displayTel %}
            <div class="col-sm-1" style="padding-top:6px;">
                {{ form_widget(child) }}
                {{ form_label(child) }}
            </div>
            {% endfor %}
            {% endblock choice_widget_expanded %}
        </div>
        
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-2">
                <button type="button" class="btn btn-block btn-primary" id="edit_configuration">Modifier</button>
            </div>
            <div class="col-sm-2">
                <button type="reset" class="btn btn-block btn-warning">Annuler</button>
            </div>
            <div class="col-sm-6"></div>
        </div>
    {{ form_end(form) }}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('keypress', 'form#configuration_form #form_nTel', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        
        $(document).on('click', '#edit_configuration', function(){
            var ckeck = 0;
            
            if ($('form#configuration_form #form_nTel').val().length != 10) {	
                ckeck += 1;
                $('#error-configuration-tel').html('Veuillez insérer le n° de tél.');
                $('form#configuration_form #form_nTel').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#error-configuration-tel').html('');
                });            
            }
        
            if (ckeck == 0) {
                $('form#configuration_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>
    
    </script>
{% endblock %}