{% extends 'CmBundle:Z:baseDos.html.twig' %}

{% block stylesheet %}
    <style>
        .verticalText {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
        }
    </style>
{% endblock %}


{% block javascripts %}
    <script src="{{ asset('js/misJs/se/scriptSE.js') }}" type="text/javascript"></script>
{% endblock %}


{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="mt-4">CUADRO GENERAL POR PLANTEL</h1>
            </div>
        </div><!-- FIN row -->
        <ol class="breadcrumb mb-2">
            <li class="breadcrumb-item"><a href="{{ path('cm_homepage') }}">Tablero</a></li>
            <li class="breadcrumb-item active">CGPP</li>
        </ol>

        <div class="row">
            <div class="col-md-5">
                <label class="control-label" for="idePla">PLANTEL:</label>
                <select id="idePla" name="idePla" class="form-select form-select-sm">
                    <option value="default">Selecciona</option>
                    <option value="GENERAL">--GENERAL--</option>
                    {% for p in planteles %}
                        <option value="{{ p.idePla }}">{{ p.nomPla }}</option>
                    {% else %}
                        <option value="default">Sin Registros</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-lg-12 mt-3">
                <div class="row" id="con-cuadro">

                </div><!-- Fin ROW -->
            </div>
        </div><!-- Fin ROW -->
    </div><!-- Fin CONTAINER-FLUID -->

    {#
    <!-- Modal -->
    <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header" style="background-color: #C9DAE1;">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">LISTA DE ALUMNOS</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="con_lis_alu">

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnExportar">EXPORTAR</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCerrar">CERRAR</button>
                </div>
            </div>

        </div>
    </div> <!-- FIN MODAL -->
    #}

    <div class="modal fade" id="myModal" data-bs-backdrop="static" data-keyboard="false" tabindex="-1"
         aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header text-white" style="background-color: #336375;">
                    <h5 class="modal-title" id="staticBackdropLabel">LISTA DE ALUMNOS</h5>
                    <button type="button" class="btn-close bg-white" data-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="con_lis_alu">

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="btnExportar">
                        EXPORTAR
                    </button>
                    <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" id="btnModCerrar">CERRAR
                    </button>
                </div>
            </div>
        </div>
    </div>


{% endblock %}