{% extends 'default/form.html.twig' %} 

{% block content %}
    {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
        <div class="row">
            {% if not form.vars.valid %} 
                {# Loop through every form item #}
                {% for child in form.children %}
                    {# Display the errors of the form item #}
                    {% for error in child.vars.errors %}
                        <div id='erreur' class="alert alert-danger">{{error.message}}</div>
                    {% endfor %}
                {% endfor %}
            {% endif %}
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.name, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Group.Name'|trans}}"}}) }}
                    {{ form_label(form.name, 'Form.Group.Name' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <h5>{{'Form.Group.Principal' | trans}} <span class="text-danger">*</span></h5>
                <div class="form-check">
                    {% for v in form.principal %}
                        {{ form_widget(v, {'attr': {'class': ''}}) }}  {{ form_label(v) }}
                        <span class='m-l-60'></span>
                    {% endfor %}
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-floating mb-3">
                    {{ form_widget(form.description, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Group.Description'|trans}}"}}) }}
                    {{ form_label(form.description, 'Form.Group.Description' | trans) }}
                </div>
            </div>
        </div>
        
        <div class="form-group">
            <h5>{{'Form.Group.Access' | trans}} <span class="text-danger">*</span></h5>
            <blockquote>
            <button type="button" id='check-all' class="btn btn-sm btn-success text-white">{{'Form.checkAll' | trans}}</button>
            <button type="button" id='uncheck-all' class="btn btn-sm btn-danger text-white">{{'Form.uncheckAll' | trans}}</button>
            {#{ form_widget(form.access, {'attr': {'class': 'form-control form-check'}}) }#}
            {% set i = 0 %}
            {# Variable de niveau 1 #}
            {% set niveau1 = [0,2,33,39,46,49,52] %}
            {# Variable de niveau 2 #}
            {% set niveau2 = [1,3,6,22,34,40,41,47,48,50,51,53,58,62,67,68] %}
            {# Variable de niveau 3 #}
            {% set niveau3 = [4,5,7,12,17,23,28,35,36,37,38,42,43,44,45,54,55,56,57,59,60,61,63,64,65,66] %}
            {# Variable de niveau 3 retour à la ligne #}
            {% set niveau3_br = [] %}
            {# Variable de niveau 4 #}
            {% set niveau4 = [8,9,10,11,13,14,15,16,18,19,20,21,24,25,26,27,29,30,31,32] %}
            {# Variable de niveau 4 retour à la ligne #}
            {% set niveau4_br = [] %}

            <div class="form-check">
            {% for t in form.access %}  
                {% if i in niveau1 %}
                    <hr />{{ form_widget(t, {'attr': {'class': 'm-b-10 mycheck'}}) }} {{ form_label(t) }}<br/>{# Pour les variables de niveau 1#}

                {% elseif i in niveau2  %}{# Pour les variables de niveau 2#}
                   {{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-30 mycheck'}}) }} {{ form_label(t) }}<br/>
                
                {% elseif i in niveau3 and i in niveau3_br  %}{# Pour les variables de niveau 3 précédé de plusieurs Niveau 3#}
                    <br/>{{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-60 mycheck'}}) }} {{ form_label(t) }}
                {% elseif i in niveau3 and (i+1) not in niveau2  %}{# Pour les variables de niveau 3 pas suivi d'un niveau 2#}
                    {{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-60 mycheck'}}) }} {{ form_label(t) }}
                {% elseif i in niveau3 and (i+1) in niveau2 %}{# Pour les variables de niveau 3 suivi d'un niveau 2#}
                    {{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-60 mycheck'}}) }} {{ form_label(t) }}<br/>

                {% elseif i in niveau4  and (i-1) in niveau3   %}{# Pour les variables de niveau 4 précédé de plusieurs Niveau 4#}
                    <br/>{{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-90 mycheck'}}) }} {{ form_label(t) }}
                {% elseif i in niveau4 and (i+1) in niveau2  %}{# Pour les variables de niveau 4 suivi d'un niveau 2#}
                    {{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-90 mycheck'}}) }} {{ form_label(t) }}<br/>
                {% elseif i in niveau4 and (i+1) not in niveau3  %}{# Pour les variables de niveau 4 pas suivi d'un niveau 3#}
                    {{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-90 mycheck'}}) }} {{ form_label(t) }}
                {% elseif i in niveau4 and (i+1) in niveau3  %}{# Pour les variables de niveau 4 suivi d'un niveau 3#}
                    {{ form_widget(t, {'attr': {'class': 'm-b-10 m-l-90 mycheck'}}) }} {{ form_label(t) }}<br/>
               
                {% endif %}
                
                {% set i = i + 1 %}
            {% endfor %}
            </div>
            </blockquote>
        </div>
        <div class="form-group">
            <div class="ms-auto mt-3 mt-md-0">
                <button type="submit" class="btn btn-success text-white">{{'Form.Submit' | trans}}</button>
                <a href='{{path('param_group')}}' class="btn btn-warning text-white"><i class='ti-control-backward'></i> {{'Form.Return' | trans}}</a>
            </div>
        </div>
        {{ form_rest(form) }}
    {{ form_end(form) }}

    
{% endblock %}
{% block custom_js %}
    {{parent()}}
    <script type="text/javascript">
        $(document).ready(function() {
            $("#check-all").click(function() {
                 $("form input[type=checkbox]").prop("checked", true);
            });
            $("#uncheck-all").click(function() { 
                 $("form input[type=checkbox]").prop("checked", false);
            });

            {# Fonction de check/uncheck parent/enfant #}
            $(".mycheck").change(function() {
                var id = this.id;
                var valTab = id.split("_");
                var val = valTab[2];
                if(this.checked) {
                    //Module Dashboard
                    if (val == 0) {
                        for (let i = 1; i <= 1; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Config
                    if (val == 2) {
                        for (let i = 3; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 3) {
                        for (let i = 4; i <= 5; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 6) {
                        for (let i = 7; i <= 21; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 7) {
                        for (let i = 8; i <= 11; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 12) {
                        for (let i = 13; i <= 16; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 17 ) {
                        for (let i = 18; i <= 21; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 22 ) {
                        for (let i = 23; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 23 ) {
                        for (let i = 24; i <= 27; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 28 ) {
                        for (let i = 29; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Advertisement
                    else if (val == 33 ) {
                        for (let i = 34; i <= 38; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 34 ) {
                        for (let i = 35; i <= 38; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Data log
                    else if (val == 39 ) {
                        for (let i = 40; i <= 45; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 41 ) {
                        for (let i = 42; i <= 45; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Publications
                    else if (val == 46 ) {
                        for (let i = 47; i <= 48; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Notification
                    else if (val == 49 ) {
                        for (let i = 50; i <= 51; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Parameter
                    else if (val == 52 ) {
                        for (let i = 53; i <= 68; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 53 ) {
                        for (let i = 54; i <= 57; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 58 ) {
                        for (let i = 59; i <= 61; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 62 ) {
                        for (let i = 63; i <= 66; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                } else { //Uncheck
                    //Module Dashboard
                    if (val == 0) {
                        for (let i = 1; i <= 1; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Config
                    if (val == 2) {
                        for (let i = 3; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 3) {
                        for (let i = 4; i <= 5; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 6) {
                        for (let i = 7; i <= 21; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 7) {
                        for (let i = 8; i <= 11; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 12) {
                        for (let i = 13; i <= 16; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 17 ) {
                        for (let i = 18; i <= 21; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 22 ) {
                        for (let i = 23; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 23 ) {
                        for (let i = 24; i <= 27; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 28 ) {
                        for (let i = 29; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Advertisement
                    else if (val == 33 ) {
                        for (let i = 34; i <= 38; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 34 ) {
                        for (let i = 35; i <= 38; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Data log
                    else if (val == 39 ) {
                        for (let i = 40; i <= 45; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 41 ) {
                        for (let i = 42; i <= 45; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Publications
                    else if (val == 46 ) {
                        for (let i = 47; i <= 48; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Notification
                    else if (val == 49 ) {
                        for (let i = 50; i <= 51; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Parameter
                    else if (val == 52 ) {
                        for (let i = 53; i <= 68; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 53 ) {
                        for (let i = 54; i <= 57; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 58 ) {
                        for (let i = 59; i <= 61; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 62 ) {
                        for (let i = 63; i <= 66; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                }
            });
        });
       
    </script>
{% endblock %}
{#% block validation %}{% endblock %#}