{% extends "layout.html" %}

{% block content %}
<div class="col-12 row">

<div class="col-12 mb-3"><a href="{{url_for('departamento.plantadocente')}}" class="btn btn-lg btn-secondary btn-icon-split mx-4"><span class="icon text-white-50"><i class="fas fa-reply"></i></span><span class="py-2 mx-4">Planilla de Docentes</span></a></div>

{% for gtfs in listado_gtfs %}
   <div class="col-12">
    <div class="card shadow mb-4">
       <div class="card-header py-3">
           <h6 class="m-0 font-weight-bold text-primary">{{gtfs.nombre}}</h6>
       </div>
       <div class="card-body">
          <div class="row">
            <div class="col-md-6 col-xl-4 mb-4">
                <div class="card border-left-primary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Alumnos del Departamento</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_depto_regulares_total}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-address-book fa-2x text-primary"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
                <div class="card border-left-success shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Alumnos Carreras Diurnas</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_depto_regulares_diurnos}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-cloud-sun fa-2x text-success"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
                <div class="card border-left-warning shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Alumnos Carreras Vespertianas</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_depto_regulares_vespertinos}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-cloud-moon fa-2x text-warning"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
                <div class="card border-left-primary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Alumnos Otros Departamentos</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_servicios_total}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-chalkboard-teacher fa-2x text-primary"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
                <div class="card border-left-success shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Alumnos Otros Departamentos Diurnos</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_servicios_diurno}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-cloud-sun fa-2x text-success"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-4 mb-4">
                <div class="card border-left-warning shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Alumnos Otros Departamentos Vespertinos</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_servicios_vespertino}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-cloud-moon fa-2x text-warning"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-3 mb-4">
                <div class="card border-left-primary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Docentes Planta ({{depto.cicloact}})</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_profeplanta}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-user-tie fa-2x text-primary"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-3 mb-4">
                <div class="card border-left-info shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Docentes Part-Time Depto</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_profepartime}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-user-tie fa-2x text-info"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-3 mb-4">
                <div class="card border-left-primary shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Programas Diurnos</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_programas_diurnos}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-book fa-2x text-success"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xl-3 mb-4">
                <div class="card border-left-warning shadow h-100 py-2">
                    <div class="card-body">
                        <div class="row no-gutters align-items-center">
                            <div class="col mr-2">
                                <div class="text-xs font-weight-bold text-dark text-uppercase mb-1">
                                    Programas Vespertinos</div>
                                <div class="h5 mb-0 font-weight-bold text-gray-800">{{depto.num_programas_vespertinos}}</div>
                            </div>
                            <div class="col-auto">
                                <i class="fas fa-book fa-2x text-warning"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
          <div class='row'>
           <div class='col-md-12 col-xl-6 px-1 my-1'><a  href="{{url_for('departamento.paralelos'   , deptoid=depto.id)}}" class="btn btn-block btn-primary btn-icon-split d-flex"><span class="icon text-white-50"><i class="fas fa-chalkboard-teacher"></i></span><span class="text flex-grow-1">Paralelos por Programa</span></a></div>
           <div class='col-md-12 col-xl-6 px-1 my-1'><a  href="{{url_for('departamento.profesores'  , deptoid=depto.id)}}" class="btn btn-block btn-success btn-icon-split d-flex"><span class="icon text-white-50"><i class="fas fa-user-graduate"></i></span><span class="text flex-grow-1">Planta docente</span></a></div>
           <div class='col-md-12 col-xl-6 px-1 my-1'><a  href="{{url_for('departamento.alumnos'     , deptoid=depto.id)}}" class="btn btn-block btn-warning btn-icon-split d-flex"><span class="icon text-white-50"><i class="fas fa-user"></i></span><span class="text flex-grow-1">Alumnos del Departamento</span></a></div>
           <div class='col-md-12 col-xl-6 px-1 my-1'><a  href="{{url_for('departamento.lizzy'      , deptoid=depto.id)}}" class="btn btn-block btn-secondary btn-icon-split d-flex"><span class="icon text-white-50"><i class="fas fa-chart-pie"></i></span><span class="text flex-grow-1">Indicadores Informe Departamental</span></a></div>
           <div class='col-md-12 col-xl-6 px-1 my-1'><a href="{{url_for('departamento.programas', deptoid=depto.id)}}" class="btn btn-block btn-info btn-icon-split d-flex"><span class="icon text-white-50"><i class="fas fa-book"></i></span><span class="text flex-grow-1">Programas del Depto</span></a></div>
          </div>
       </div>
    </div>
   </div>
{% endfor %}
</div>
{% endblock content %}


{% block js %}


{% endblock %}
