{% 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/reportes.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">Reportes</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 active">Reportes</li>
                </ol>
            </div>

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

<!--Begin row -->




<div class="row row-cols-xxl-5 row-cols-lg-3 row-cols-md-2 row-cols-1">
    
    <!--PERMISO REPORTES COMISIÓN-->
    {% for permiso in permisos_fimpes %} 
    {% if permiso.id_permiso == 68 %}
    <div class="col">
        <div class="card">
            <a class="card-body bg-primary-subtle" style="background-color: #212C56;" data-bs-toggle="collapse" href="#comisiones" role="button" aria-expanded="false" aria-controls="leadDiscovered">
                <h5 class="card-title text-uppercase fw-semibold mb-1 fs-15">COMISIONES</h5>
                
            </a>
        </div>
        <!--end card-->


        <div class="collapse show" id="comisiones">
            
            {% for seccion in secciones %}
            <!--card-->
            
            <div class="card mb-1">
                <div class="card-body">
                    <a class="d-flex align-items-center" data-bs-toggle="collapse"  href="#seccion_comision{{seccion.id}}" role="button" aria-expanded="false" aria-controls="leadDiscovered1">
                        <div class="flex-shrink-0">
                            <i class="ri-file-text-line" style="font-size: 26px; color:cornflowerblue;"></i>
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h6 class="fs-14 mb-1">{{seccion.seccion}}</h6>
                            <p class="text-muted mb-0">Exportar en excel</p>
                        </div>
                    </a>
                </div>
                <div class="collapse border-top border-top-dashed" id="seccion_comision{{seccion.id}}">
                    
                    <div class="card-footer hstack gap-2" style="text-align: center;">
                        <form action="{{assets}}Reportes/exportarComision" method="POST">
                            
                            <div style="display: none;">
                            <select name="seccion[]"  id="seccion" data-choices data-choices-removeItem data-choices-sorting-false class="form-select mb-3" multiple>
                        
                                {% for row in secciones %}
                                <option value="{{row.id}}" {% if row.id == seccion.id %} selected {% endif %}>{{row.seccion}} </option>
                                {% endfor %}
                                
                            </select>
                        </div>

                          <button type="submit" class="btn btn-info btn-sm w-100"><i class="ri-file-excel-2-line"></i> Exportar</button>
                        </form>
                    </div>
                </div>
            </div>
            <!--end card-->

            {% endfor %}
           
           
        </div>
    </div>
    <!--end col-->
    {% endif%}  
    {% endfor %}
    <!--END PERMISO-->


    <!--PERMISO REPORTES ZONA-->
    {% for permiso in permisos_fimpes %} 
    {% if permiso.id_permiso == 69 %}
    <div class="col">

        <div class="card">
            <a class="card-body bg-secondary-subtle" data-bs-toggle="collapse" href="#zonas" role="button" aria-expanded="false" aria-controls="contactInitiated">
                <h5 class="card-title text-uppercase fw-semibold mb-1 fs-15">Zonas</h5>
                
            </a>
        </div>

        <!--end card-->
        <div class="collapse hide" id="zonas">

            {% for zona in zonas %}

             {% if (id_zona == zona.id or id_zona == 0) %}
            <div class="card">
                <a class="card-body bg-success-subtle" data-bs-toggle="collapse" href="#zona_{{zona.id}}" role="button" aria-expanded="false" aria-controls="contactInitiated">
                    <h5 class="card-title text-uppercase fw-semibold mb-1 fs-15">{{zona.zona}}</h5>
                    
                </a>

            </div>


            <div class="collapse hide" id="zona_{{zona.id}}">


                <div class="card mb-1">
                    <div class="card-body">
                        <a class="d-flex align-items-center" data-bs-toggle="collapse"  href="#seccion_comision_{{zona.id}}_{{seccion.id}}" role="button" aria-expanded="false" aria-controls="leadDiscovered1">
                            <div class="flex-shrink-0">
                                <i class="ri-file-text-line" style="font-size: 26px; color:cornflowerblue;"></i>
                            </div>
                            <div class="flex-grow-1 ms-3">
                                <h6 class="fs-14 mb-1">Zona</h6>
                                <p class="text-muted mb-0">{{zona.zona}}</p>
                            </div>
                        </a>
                    </div>
                    <div class="collapse border-top border-top-dashed" id="seccion_comision_{{zona.id}}_{{seccion.id}}">
                        
                        <div class="card-footer hstack gap-2" style="text-align: center;">
                            <form action="{{assets}}Reportes/exportarZona" method="POST">
    
                                <input type="hidden" name="zona" value="{{zona.id}}" />
                                
                                <div style="display: none;">
                                <select name="seccion[]"  id="seccion" data-choices data-choices-removeItem data-choices-sorting-false class="form-select mb-3" multiple>
                            
                                    {% for row in secciones %}
                                    <option value="{{row.id}}"  selected >{{row.seccion}} </option>
                                    {% endfor %}
                                    
                                </select>
                            </div>
    
                              <button type="submit" class="btn btn-info btn-sm w-100"><i class="ri-file-excel-2-line"></i> Exportar</button>
                            </form>
                        </div>
                    </div>
                </div>
                <!--end card-->

                {% for seccion in secciones %}
            <!--card-->
            
            <div class="card mb-1">
                <div class="card-body">
                    <a class="d-flex align-items-center" data-bs-toggle="collapse"  href="#seccion_comision_{{zona.id}}_{{seccion.id}}" role="button" aria-expanded="false" aria-controls="leadDiscovered1">
                        <div class="flex-shrink-0">
                            <i class="ri-file-text-line" style="font-size: 26px; color:cornflowerblue;"></i>
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h6 class="fs-14 mb-1">{{seccion.seccion}}</h6>
                            <p class="text-muted mb-0">{{zona.zona}}</p>
                        </div>
                    </a>
                </div>
                <div class="collapse border-top border-top-dashed" id="seccion_comision_{{zona.id}}_{{seccion.id}}">
                    
                    <div class="card-footer hstack gap-2" style="text-align: center;">
                        <form action="{{assets}}Reportes/exportarZona" method="POST">

                            <input type="hidden" name="zona" id="zona" value="{{zona.id}}" />
                            
                            <div style="display: none;">
                            <select name="seccion[]"  id="seccion" data-choices data-choices-removeItem data-choices-sorting-false class="form-select mb-3" multiple>
                        
                                {% for row in secciones %}
                                <option value="{{row.id}}" {% if row.id == seccion.id %} selected {% endif %}>{{row.seccion}} </option>
                                {% endfor %}
                                
                            </select>
                        </div>

                          <button type="submit" class="btn btn-info btn-sm w-100"><i class="ri-file-excel-2-line"></i> Exportar</button>
                        </form>
                    </div>
                </div>
            </div>
            <!--end card-->

            {% endfor %}

            </div>

            {% endif %}

            {% endfor %}
           
        </div>
    </div>
    <!--end col-->
    {% endif%}  
    {% endfor %}
    <!--END PERMISO-->

     <!--PERMISO REPORTES HISTORICOS-->
     {% for permiso in permisos_fimpes %} 
     {% if permiso.id_permiso == 70 %}
    <div class="col">
        <div class="card">
            <a class="card-body bg-warning-subtle" data-bs-toggle="collapse" href="#historico" role="button" aria-expanded="false" aria-controls="needsIdentified">
                <h5 class="card-title text-uppercase fw-semibold mb-1 fs-15">Históricos</h5>
            </a>
        </div>
        <!--end card-->
        <div class="collapse hide" id="historico">


            {% for seccion in secciones %}
            <!--card-->
            
            <div class="card mb-1">
                <div class="card-body">
                    <a class="d-flex align-items-center" data-bs-toggle="collapse"  href="#seccion_comision_historico{{seccion.id}}" role="button" aria-expanded="false" aria-controls="leadDiscovered1">
                        <div class="flex-shrink-0">
                            <i class="ri-file-text-line" style="font-size: 26px; color:cornflowerblue;"></i>
                        </div>
                        <div class="flex-grow-1 ms-3">
                            <h6 class="fs-14 mb-1">{{seccion.seccion}}</h6>
                            <p class="text-muted mb-0">Exportar en excel</p>
                        </div>
                    </a>
                </div>
                <div class="collapse border-top border-top-dashed" id="seccion_comision_historico{{seccion.id}}">
                    
                    <div class="card-footer hstack gap-2" style="text-align: center;">
                        <form action="{{assets}}Instituciones/exportarHistorico" method="POST">
                            
                            <div style="display: none;">
                            <select name="seccion[]"  id="seccion" data-choices data-choices-removeItem data-choices-sorting-false class="form-select mb-3" multiple>
                        
                                {% for row in secciones %}
                                <option value="{{row.id}}" {% if row.id == seccion.id %} selected {% endif %}>{{row.seccion}} </option>
                                {% endfor %}
                                
                            </select>
                        </div>

                          <button type="submit" class="btn btn-info btn-sm w-100"><i class="ri-file-excel-2-line"></i> Exportar</button>
                        </form>
                    </div>
                </div>
            </div>
            <!--end card-->

            {% endfor %}

            
        </div>
    </div>
    <!--end col-->
    {% endif%}  
    {% endfor %}
    <!--END PERMISO-->



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

                    

{% endblock %}