{% extends "master-administracion.html" %}


{% block stylesheets %}
    {{ parent() }}    

        <!--datatable css-->
        <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
        <!--datatable responsive css-->
        <link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" />
    
        <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">

        
    <!-- Sweet Alert css-->
    <link href="{{assets}}/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
    
{% endblock %}

{% block javascripts %}
    {{ parent() }}

     <!--datatable js-->
     <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
     <script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
     <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

    <!-- Sweet Alerts js -->
    <script src="{{assets}}/libs/sweetalert2/sweetalert2.min.js"></script>
    <script src="{{assets}}/js/pages/permisos.js"></script>
{% endblock %}


{% block body %}


<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">Rol: {{rol.rol}}</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="../../Administracion/">Administración</a></li>
                    <li class="breadcrumb-item"><a href="../../Roles/">Roles</a></li>
                    <li class="breadcrumb-item active">Permisos</a></li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->

<!--Begin row -->

<div class="row">
    <div class="col-lg-12">
        <div class="card" id="leadsList">
            
            <div class="card-body">

                        <table id="dataTable" class="table table-bordered" style="width:100%">
                            <thead class="table-light">
                                <tr>
                                    <th>ID</th>
                                    <th>Permiso</th>
                                    <th>Rol</th>
                                    <th>Categoria</th>
                                    <th>Descripción</th>
                                    <th>Activar/Desactivar</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                                {% for permiso in permisos %}
                                
                                {% if permiso.tipo == tipo %}
                                <tr>  
                                    <td>{{permiso.id}}</td>
                                    <td><b>{{permiso.permiso}}</b></td>
                                    <td><b>{{rol.rol}}</b></td>
                                    <td><b>{{permiso.categoria}}</b></td>
                                    <td>{{permiso.descripcion}}</td>
                                    <td>

                                        
                                   
                                    <div class="form-check form-switch" style="text-align: center;">
                                        <input class="form-check-input" type="checkbox" role="switch" onclick="toggle({{id_rol}},{{permiso.id}},'{{permiso.permiso}}');" id="checkbox-{{permiso.id_permiso}}"
                                        {% if permiso.id_permiso != '' %} checked  {% endif %} 
                                        
                                        {% for permiso in permisos_fimpes %} 
                                        {% if permiso.id_permiso == 49 %}

                                          
                                        {% endif%}  
                                        {% endfor %}
                                        
                                        >
                                    </div>
                                   

                                    </td>
                                </tr>
                                {% endif %}

                                 {% endfor %}
                                
                            </tbody>
                        </table>
            </div>
            
        </div>

    </div>
    <!--end col-->
</div>
<!--end row-->



                    

{% endblock %}