{# templates/superadmin_v2/users/sa_users_roles.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Utilisateurs - {{ 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="table-data__tool" style="width:100%;">
                    <div class="table-data__tool-left col-lg-4">
                        <div class="checkbox" style="margin:0;padding:10px 0 0;">
                            <label for="check_all" style="padding-bottom:0px;line-height:24px;font-size:12px;">
                                <input type="checkbox" id="check_all" name="check_all" value="check_all"> Tout cocher
                            </label>
                        </div>
                    </div>
                    <div class="table-data__tool-right col-lg-8">
                        <div class="row form-group fg-m-bottom" style="margin:6px 0 0!important;">
                            <div class="col-12 col-md-9 fg-m-bottom">
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <button type="button" id="auth_submit" class="btn btn-primary btn-sm btn-block" onclick="$('form#user_roles_form').submit();">Modifier</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="table-responsive table--no-card m-b-30">
                  <form id="user_roles_form" class="form-horizontal" method="post" action="">
                    {% for category in autorisations %}
                    <h5>{{ category.nom }} :</h5>
                    <table class="table table-borderless table-striped table-earning" style="margin-top:6px;margin-bottom:28px;">
                        <tbody>
                            {% for sub_category in category.modules %}
                            <tr>
                                <td>
                                    <div class="checkbox" style="margin-left:8px;padding:10px 0 0;">
                                        <label for="module_{{ sub_category.id }}">
                                          <input type="checkbox" 
                                                 class="module" 
                                                 id="module_{{ sub_category.id }}" 
                                                 name="modules[]" 
                                                 value="{{ sub_category.id }}"
                                                 {% if sub_category.id in user_modules %} checked{% endif %}
                                                 > {{ sub_category.nom }}
                                        </label>
                                    </div>
                                </td>
                                {% for i in 1..nbr_col_roles %}
                                <td style="width:{{ width_col_role }}%;">
                                    {% if sub_category.roles|length >= i %}
                                    <div class="checkbox" style="margin:0;padding:10px 0 0;">
                                        <label for="role_{{ sub_category.roles[i].id }}">
                                              <input type="checkbox" 
                                                     class="role role-{{ sub_category.id }}" 
                                                     rel="{{ sub_category.id }}" 
                                                     id="role_{{ sub_category.roles[i].id }}" 
                                                     name="roles[]" 
                                                     value="{{ sub_category.roles[i].id }}"
                                                     {% if sub_category.roles[i].id in user_roles %} checked{% endif %}
                                                     > {{ sub_category.roles[i].nom }}
                                        </label>
                                    </div>
                                    {% endif %}
                                </td>
                                {% endfor %}
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endfor %}
                    <input type="hidden" id="edit_auth" name="edit_auth" value="edit_auth">
                  </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('click', '#check_all', function(){
            $('input:checkbox').not(this).prop('checked', this.checked);
        });

        $(document).on('click', '.module', function(){
            var id = $(this).val();
            if (!$(this).is(":checked")) {
                $('#check_all').prop('checked', false);
                $('.role-' + id).prop('checked', false);
            }
        });

        $(document).on('click', '.role', function(){
            var module_id = $(this).attr("rel");
            if ($(this).is(":checked")) {
                $('#module_' + module_id).prop('checked', true);
            } else {
                $('#check_all').prop('checked', false);
            }
        });
    });
    // ]]>
    </script>
{% endblock %}