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

{% block title %}Configuration - {{ parent() }}{% endblock %}

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

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}


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

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    {{ form_start(form, {'attr': {'class':'form-horizontal', 'id':'configuration_form', 'name':'configuration_form', 'method':'post', 'action':path('superadmin_configuration')}}) }}
                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.nTel, "N° Tél. *", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-4 fg-m-bottom">
                                {{ form_widget(form.nTel, {'attr': {'class':'form-control', 'maxlength':'13', 'size':'13', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-configuration-tel">{{ form_errors(form.nTel) }}</div>
                        </div>

                        <div class="row form-group fg-m-bottom" style="margin-bottom:24px;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.displayTel, "Afficher N° Tél.", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            {% block choice_widget_expanded %}
                            {% for key, child in form.displayTel %}
                            <div class="col col-md-2">
                                <div class="form-check">
                                    <div class="checkbox">
                                        {{ form_widget(child) }}
                                        {{ form_label(child) }}
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                            {% endblock choice_widget_expanded %}
                        </div>

                        <div class="row form-group fg-m-bottom" style="margin-bottom:24px;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.sendSms, "Autoriser L'envoi SMS", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            {% block choice_widget_expanded_sms %}
                            {% for key, child in form.sendSms %}
                            <div class="col col-md-2">
                                <div class="form-check">
                                    <div class="checkbox">
                                        {{ form_widget(child) }}
                                        {{ form_label(child) }}
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                            {% endblock choice_widget_expanded_sms %}
                        </div>

                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.scriptGoogleAnalytics, "Google Analytics", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-8 fg-m-bottom">
                                {{ form_widget(form.scriptGoogleAnalytics, {'attr': {'class':'form-control', 'style':'height:150px;resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-configuration-scriptGoogleAnalytics">{{ form_errors(form.scriptGoogleAnalytics) }}</div>
                        </div>

                        <div class="row form-group fg-m-bottom" style="margin-bottom:24px;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.displayGoogleAnalytics, "Afficher Google Analytics", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            {% block choice_widget_expanded_b %}
                            {% for key, child in form.displayGoogleAnalytics %}
                            <div class="col col-md-2">
                                <div class="form-check">
                                    <div class="checkbox">
                                        {{ form_widget(child) }}
                                        {{ form_label(child) }}
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                            {% endblock choice_widget_expanded_b %}
                        </div>

                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.scriptLuckyorange, "Luckyorange", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-8 fg-m-bottom">
                                {{ form_widget(form.scriptLuckyorange, {'attr': {'class':'form-control', 'style':'height:150px;resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-configuration-scriptLuckyorange">{{ form_errors(form.scriptLuckyorange) }}</div>
                        </div>

                        <div class="row form-group fg-m-bottom" style="margin-bottom:24px;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.displayLuckyorange, "Afficher Luckyorange", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            {% block choice_widget_expanded_c %}
                            {% for key, child in form.displayLuckyorange %}
                            <div class="col col-md-2">
                                <div class="form-check">
                                    <div class="checkbox">
                                        {{ form_widget(child) }}
                                        {{ form_label(child) }}
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                            {% endblock choice_widget_expanded_c %}
                        </div>

                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.scriptWeglot, "Weglot", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-8 fg-m-bottom">
                                {{ form_widget(form.scriptWeglot, {'attr': {'class':'form-control', 'style':'height:150px;resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-configuration-scriptWeglot">{{ form_errors(form.scriptWeglot) }}</div>
                        </div>

                        <div class="row form-group fg-m-bottom" style="margin-bottom:24px;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.displayWeglot, "Afficher Weglot", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            {% block choice_widget_expanded_d %}
                            {% for key, child in form.displayWeglot %}
                            <div class="col col-md-2">
                                <div class="form-check">
                                    <div class="checkbox">
                                        {{ form_widget(child) }}
                                        {{ form_label(child) }}
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                            {% endblock choice_widget_expanded_d %}
                        </div>

                        <div class="row form-group fg-m-bottom">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.scriptMatomo, "Matomo", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            <div class="col-12 col-md-8 fg-m-bottom">
                                {{ form_widget(form.scriptMatomo, {'attr': {'class':'form-control', 'style':'height:150px;resize:none;', 'autocomplete':'none'}}) }}
                            </div>
                            <div class="offset-md-3 col-md-8 fm-error" id="error-configuration-scriptMatomo">{{ form_errors(form.scriptMatomo) }}</div>
                        </div>

                        <div class="row form-group fg-m-bottom" style="margin-bottom:24px;">
                            <div class="col col-md-3 spa-col-label fg-m-bottom">
                                {{ form_label(form.displayMatomo, "Afficher Matomo", {'label_attr': {'class':'form-control-label spa-label'}}) }}
                            </div>
                            {% block choice_widget_expanded_e %}
                            {% for key, child in form.displayMatomo %}
                            <div class="col col-md-2">
                                <div class="form-check">
                                    <div class="checkbox">
                                        {{ form_widget(child) }}
                                        {{ form_label(child) }}
                                    </div>
                                </div>
                            </div>
                            {% endfor %}
                            {% endblock choice_widget_expanded_e %}
                        </div>

                        <div class="row form-group">
                            <div class="col col-md-3"></div>
                            <div class="col-12 col-md-2" style="margin-bottom:12px;">
                                <button type="button" id="edit_configuration" class="btn btn-info btn-sm btn-block">
                                    Mettre à jour
                                </button>
                            </div>
                            <div class="col-12 col-md-2">
                                <button type="reset" class="btn btn-warning btn-sm btn-block">
                                    Annuler
                                </button>
                            </div>
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% 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 != 43 && 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 || $('form#configuration_form #form_nTel').val().length > 13) {
                ckeck += 1;
                $('#error-configuration-tel').html('Veuillez insérer le n° de tél.');
                $('form#configuration_form #form_nTel').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#error-configuration-tel').html('');
                });            
            }
        
            if (ckeck == 0) {
                $('form#configuration_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>

    </script>
{% endblock %}