{% 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,3,33,42,56,59,62] %}
            {# Variable de niveau 2 #}
            {% set niveau2 = [1,2,4,7,19,34,35,36,37,38,43,48,53,54,55,57,58,60,61,63,68,72,76] %}
            {# Variable de niveau 3 #}
            {% set niveau3 = [5,6,8,13,20,24,28,39,40,41,44,45,46,47,49,50,51,52,64,65,66,67,69,70,71,73,74,75] %}
            {# Variable de niveau 3 retour à la ligne #}
            {% set niveau3_br = [] %}
            {# Variable de niveau 4 #}
            {% set niveau4 = [9,10,11,12,14,15,16,17,18,21,22,23,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 <= 2; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Config
                    if (val == 3) {
                        for (let i = 4; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 4) {
                        for (let i = 5; i <= 6; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 7) {
                        for (let i = 8; i <= 18; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 8) {
                        for (let i = 9; i <= 12; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 13) {
                        for (let i = 14; i <= 18; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 19 ) {
                        for (let i = 20; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 20 ) {
                        for (let i = 21; i <= 23; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 24 ) {
                        for (let i = 25; i <= 27; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 17 ) {
                        for (let i = 18; i <= 28; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 17 ) {
                        for (let i = 18; i <= 28; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 28 ) {
                        for (let i = 29; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //%odule Data repository
                    else if (val == 33 ) {
                        for (let i = 34; i <= 41; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 38 ) {
                        for (let i = 39; i <= 41; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Publications
                    else if (val == 42 ) {
                        for (let i = 43; i <= 55; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 43 ) {
                        for (let i = 44; i <= 47; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 48 ) {
                        for (let i = 49; i <= 52; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Consultation
                    else if (val == 56 ) {
                        for (let i = 57; i <= 58; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Notification
                    else if (val == 59 ) {
                        for (let i = 60; i <= 61; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    //Module Parameter
                    else if (val == 62 ) {
                        for (let i = 63; i <= 76; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 63 ) {
                        for (let i = 64; i <= 67; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 68 ) {
                        for (let i = 69; i <= 71; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                    else if (val == 72 ) {
                        for (let i = 73; i <= 75; i++) {
                            $('#group_access_'+i).prop("checked", true);
                        }
                    }
                } else { //Uncheck
                    //Module Dashboard
                    if (val == 0) {
                        for (let i = 1; i <= 2; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Config
                    if (val == 3) {
                        for (let i = 4; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 4) {
                        for (let i = 5; i <= 6; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 7) {
                        for (let i = 8; i <= 18; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 8) {
                        for (let i = 9; i <= 12; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 13) {
                        for (let i = 14; i <= 18; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 19 ) {
                        for (let i = 20; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 20 ) {
                        for (let i = 21; i <= 23; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 24 ) {
                        for (let i = 25; i <= 27; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 17 ) {
                        for (let i = 18; i <= 28; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 17 ) {
                        for (let i = 18; i <= 28; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 28 ) {
                        for (let i = 29; i <= 32; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //%odule Data repository
                    else if (val == 33 ) {
                        for (let i = 34; i <= 41; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 38 ) {
                        for (let i = 39; i <= 41; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Publications
                    else if (val == 42 ) {
                        for (let i = 43; i <= 55; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 43 ) {
                        for (let i = 44; i <= 47; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 48 ) {
                        for (let i = 49; i <= 52; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Consultation
                    else if (val == 56 ) {
                        for (let i = 57; i <= 58; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Notification
                    else if (val == 59 ) {
                        for (let i = 60; i <= 61; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    //Module Parameter
                    else if (val == 62 ) {
                        for (let i = 63; i <= 76; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 63 ) {
                        for (let i = 64; i <= 67; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 68 ) {
                        for (let i = 69; i <= 71; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                    else if (val == 72 ) {
                        for (let i = 73; i <= 75; i++) {
                            $('#group_access_'+i).prop("checked", false);
                        }
                    }
                }
            });
        });
       
    </script>
{% endblock %}
{#% block validation %}{% endblock %#}