<!DOCTYPE html>
<html lang="es">

<head>
  <%- include('../tools/head'); %>
  <!-- Custom styles for this page -->
  <link href="/vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="/css/dropzone.css">
</head>

<body id="page-top">
  <!-- Page Wrapper -->
  <div id="wrapper">
    <!-- Sidebar -->
    <%- include('../tools/sidebarProf'); %>
    <!-- End of Sidebar -->

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">
      <!-- Main Content -->
      <div id="content">
        <!-- Topbar -->
        <%- include('../tools/topbar'); %>
        <!-- End of Topbar -->

        <!-- Begin Page Content -->
        <div class="container-fluid">
          <div class="d-sm-flex align-items-center justify-content-between mb-4">
            <h1 class="h3 mb-0 text-gray-800">
              Bienvenido, <%= user.nombre %>
              <%= user.apellido %>
            </h1>
            <div id="btnCronograma" style="display: none;">
              <a type="button" data-target="#cronoModal" data-toggle="modal" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class=" fas fa-download fa-sm text-white-50"></i> Subir Cronograma</a>
            </div>
          </div>

          <!-- Content Row -->
          <div class="form-row align-items-center mb-sm-2">
            <!-- Consolidaciones Pendientes -->
            <div class="col my-1">
              <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-warning text-uppercase mb-1">
                        Consolidaciones Pendientes
                      </div>
                      <div class="h5 mb-0 font-weight-bold text-gray-800">
                        <%= consPend %>
                      </div>
                    </div>
                    <div class="col-auto">
                      <i class="fas fa-file-circle-exclamation fa-2x"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Consolidaciones Conrregidas -->
            <div class="col my-1">
              <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-primary text-uppercase mb-1">
                        Consolidaciones Corregidas
                      </div>
                      <div class="h5 mb-0 font-weight-bold text-gray-800">
                        <%= consCorre %>
                      </div>
                    </div>
                    <div class="col-auto">
                      <i class="fas fa-file-pen fa-2x"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Consolidaciones Enviadas -->
            <div class="col my-1">
              <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-info text-uppercase mb-1">
                        Consolidaciones Enviadas
                      </div>
                      <div class="h5 mb-0 font-weight-bold text-gray-800">
                        <%= consEnv %>
                      </div>
                    </div>
                    <div class="col-auto">
                      <i class="fas fa-file-export fa-2x"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Consolidaciones Rechazadas -->
            <div class="col my-1">
              <div class="card border-left-danger 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-danger text-uppercase mb-1">
                        Consolidaciones Rechazadas
                      </div>
                      <div class="h5 mb-0 font-weight-bold text-gray-800">
                        <%= consRechProf %>
                      </div>
                    </div>
                    <div class="col-auto">
                      <i class="fas fa-file-circle-xmark fa-2x"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Consolidaciones Aceptadas -->
            <div class="col my-1">
              <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-success text-uppercase mb-1">
                        Consolidaciones Aceptadas
                      </div>
                      <div class="h5 mb-0 font-weight-bold text-gray-800">
                        <%= consAcep %>
                      </div>
                    </div>
                    <div class="col-auto">
                      <i class="fas fa-file-circle-check fa-2x"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Visitas en el año - BarChar -->
          <div class="row">
            <div class="col-xl-12 col-md-6 mb-4">
              <!-- Bar Chart -->
              <div class="card shadow ">
                <div class="card-header py-3">
                  <h6 class="m-0 font-weight-bold text-primary">Visitas En El Año De La Provincia De <%= user.provincia %></h6>
                </div>
                <div class="card-body">
                  <div class="chart-bar">
                    <canvas id="myBarChart"></canvas>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-xl-9">
              <div class="card shadow mb-4">

                <div id="accordion">
                  <!-- Consolidaciones Pendientes -->
                  <div class="card">
                    <div class="card-header" id="headingOne">
                      <h5 class="mb-0">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                          Consolidaciones Pendientes
                        </button>
                      </h5>
                    </div>
                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                      <div class="card-body">
                        <div class="table-responsive">
                          <table class="table table-bordered table-hover display nowrap" id="dataTable" width="100%" cellspacing="0" style="font-size: 13px;  text-align: center !important;">
                            <thead>
                              <tr>
                                <th>Estado</th>
                                <th>Fecha_Enviado</th>
                                <th>Tipo Consolidación</th>
                                <th>Municipio</th>
                                <th>Responsable</th>
                              </tr>
                            </thead>
                            <tfoot>
                              <tr>
                                <th>Estado</th>
                                <th>Fecha_Enviado</th>
                                <th>Tipo Consolidación</th>
                                <th>Municipio</th>
                                <th>Responsable</th>
                              </tr>
                            </tfoot>
                            <tbody>
                              <% if (allConso){ %>
                              <% allConso.forEach((allConso)=> { %>
                              <% if(allConso.status=="Pendiente" && allConso.consolidacion.tomaMuestra!="on" && allConso.consolidacion.vivienda != "on"){ %>
                              <tr>
                                <td>
                                  <% if(allConso.consolidacion.establecimiento=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/Establecimientos/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.antirrabica=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/AntirrabicaAnimal/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.eduSanitaria=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/EduSanitaria/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.EvenSaludPubli=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/EventosSaludPublica/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.lisCarnets=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/ListadoCarnetizados/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.vehiculos=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/Vehiculos/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.quejas=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/Quejas/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.cronograma=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/Cronograma/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.viviSalu=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/ViviendaSaludable/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.permMunicipio=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/PermMunicipio/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } else if(allConso.consolidacion.alertSani=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Validar/AlertaSanitaria/<%= allConso._id %>"><span class="badge badge-warning text-uppercase">Pendiente</span></a>
                                  <% } %>
                                </td>
                                <td>
                                  <%= moment(allConso.createdAt,"YYYY/MM/DD").format('YYYY-MM-DD'); %>
                                </td>
                                <td>
                                  <% if(allConso.consolidacion.establecimiento=="on" ){ %>
                                  Establecimientos
                                  <% } else if(allConso.consolidacion.antirrabica=="on" ){ %>
                                  Antirrabica Animal
                                  <% } else if(allConso.consolidacion.eduSanitaria=="on" ){ %>
                                  Educación Sanitaria
                                  <% } else if(allConso.consolidacion.EvenSaludPubli=="on" ){ %>
                                  Eventos de Salud Publica
                                  <% } else if(allConso.consolidacion.lisCarnets=="on" ){ %>
                                  Listado de Carnetizados
                                  <% } else if(allConso.consolidacion.vehiculos=="on" ){ %>
                                  Vehiculos
                                  <% } else if(allConso.consolidacion.tomaMuestra=="on" ){ %>
                                  Toma de Muestras
                                  <% } else if(allConso.consolidacion.quejas=="on" ){ %>
                                  Quejas
                                  <% } else if(allConso.consolidacion.cronograma=="on" ){ %>
                                  Cronograma de Actividades
                                  <% } else if(allConso.consolidacion.viviSalu=="on" ){ %>
                                  Vivienda Saludable
                                  <% } else if(allConso.consolidacion.permMunicipio=="on" ){ %>
                                  Permanencia en Municipio
                                  <% } else if(allConso.consolidacion.alertSani=="on" ){ %>
                                  Alerta Sanitaria
                                  <% } %>
                                </td>
                                <td>
                                  <%= allConso.municipio %>
                                </td>
                                <td>
                                  <%= allConso.responsable.userResponsable %> -
                                  <%= allConso.responsable.nombreResponsable %>
                                </td>
                              </tr>
                              <% } %>
                              <% }); %>
                              <% } %>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Consolidaciones Corregidas -->
                  <div class="card">
                    <div class="card-header" id="headingTwo">
                      <h5 class="mb-0">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                          Consolidaciones Corregidas
                        </button>
                      </h5>
                    </div>
                    <div id="collapse2" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                      <div class="card-body">
                        <div class="table-responsive">
                          <table class="table table-bordered table-hover display nowrap" id="dataTable2" width="100%" cellspacing="0" style="font-size: 13px;  text-align: center !important;">
                            <thead>
                              <tr>
                                <th>Estado</th>
                                <th>Fecha_Corregido</th>
                                <th>Tipo Consolidación</th>
                                <th>Municipio</th>
                                <th>Responsable</th>
                              </tr>
                            </thead>
                            <tfoot>
                              <tr>
                                <th>Estado</th>
                                <th>Fecha_Corregido</th>
                                <th>Tipo Consolidación</th>
                                <th>Municipio</th>
                                <th>Responsable</th>
                              </tr>
                            </tfoot>
                            <tbody>
                              <% if (allConso){ %>
                              <% allConso.forEach((allConso)=> { %>
                              <% if(allConso.status=="Corregido" && allConso.consolidacion.tomaMuestra!="on"){ %>
                              <tr>
                                <td>
                                  <% if(allConso.consolidacion.establecimiento=="on"){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/Establecimientos/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.antirrabica=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/AntirrabicaAnimal/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.eduSanitaria=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/EduSanitaria/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.EvenSaludPubli=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/EventosSaludPublica/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.lisCarnets=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/ListadoCarnetizados/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.vehiculos=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/Vehiculos/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.tomaMuestra=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/TomaMuestras/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.quejas=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/Quejas/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span> </a>
                                  <% } else if(allConso.consolidacion.cronograma=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/Cronograma/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.viviSalu=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/ViviendaSaludable/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.permMunicipio=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/PermMunicipio/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } else if(allConso.consolidacion.alertSani=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Correccion/AlertaSanitaria/<%= allConso._id %>"><span class="badge badge-primary text-uppercase">Corregido</span></a>
                                  <% } %>
                                </td>
                                <td>
                                  <%= moment(allConso.reporte.fechRepor,"YYYY/MM/DD").format('YYYY-MM-DD'); %>
                                </td>
                                <td>
                                  <% if(allConso.consolidacion.establecimiento=="on" ){ %>
                                  Establecimientos
                                  <% } else if(allConso.consolidacion.antirrabica=="on" ){ %>
                                  Antirrabica Animal
                                  <% } else if(allConso.consolidacion.eduSanitaria=="on" ){ %>
                                  Educación Sanitaria
                                  <% } else if(allConso.consolidacion.EvenSaludPubli=="on" ){ %>
                                  Eventos de Salud Publica
                                  <% } else if(allConso.consolidacion.lisCarnets=="on" ){ %>
                                  Listado de Carnetizados
                                  <% } else if(allConso.consolidacion.vehiculos=="on" ){ %>
                                  Vehiculos
                                  <% } else if(allConso.consolidacion.tomaMuestra=="on" ){ %>
                                  Toma de Muestras
                                  <% } else if(allConso.consolidacion.quejas=="on" ){ %>
                                  Quejas
                                  <% } else if(allConso.consolidacion.cronograma=="on" ){ %>
                                  Cronograma de Actividades
                                  <% } else if(allConso.consolidacion.viviSalu=="on" ){ %>
                                  Vivienda Saludable
                                  <% } else if(allConso.consolidacion.permMunicipio=="on" ){ %>
                                  Permanencia en Municipio
                                  <% } else if(allConso.consolidacion.alertSani=="on" ){ %>
                                  Alerta Sanitaria
                                  <% } %>
                                </td>
                                <td>
                                  <%= allConso.municipio %><%= allConso.ForQuejas.municipioComuni %>
                                </td>
                                <td>
                                  <%= allConso.responsable.userResponsable %> -
                                  <%= allConso.responsable.nombreResponsable %>
                                </td>
                              </tr>
                              <% } %>
                              <% }); %>
                              <% } %>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Consolidaciones Rechazadas Propias -->
                  <div class="card">
                    <div class="card-header" id="headingThree">
                      <h5 class="mb-0">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                          Consolidaciones Rechazadas Propias
                        </button>
                        </h2>
                    </div>
                    <div id="collapse3" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                      <div class="card-body">
                        <div class="table-responsive">
                          <table class="table table-bordered table-hover display nowrap" id="dataTable3" width="100%" cellspacing="0" style="font-size: 13px;  text-align: center !important;">
                            <thead>
                              <tr>
                                <th>Estado</th>
                                <th>Fecha_Rechazado</th>
                                <th>Tipo Consolidación</th>
                                <th>Municipio</th>
                                <th>Motivo</th>
                              </tr>
                            </thead>
                            <tfoot>
                              <tr>
                                <th>Estado</th>
                                <th>Fecha_Rechazado</th>
                                <th>Tipo Consolidación</th>
                                <th>Municipio</th>
                                <th>Motivo</th>
                              </tr>
                            </tfoot>
                            <tbody>
                              <% if (allConso){ %>
                              <% allConso.forEach((allConso)=> { %>
                              <% if(allConso.status=="Rechazado" && allConso.responsable.userResponsable == user.user){ %>
                              <tr>
                                <td>
                                  <% if(allConso.consolidacion.establecimiento=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/Establecimientos/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.antirrabica=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/AntirrabicaAnimal/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.eduSanitaria=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/EduSanitaria/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.EvenSaludPubli=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/EventosSaludPublica/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.lisCarnets=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/ListadoCarnetizados/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.vehiculos=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/Vehiculos/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.tomaMuestra=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/TomaMuestras/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.quejas=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/Quejas/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.noveadministrativa=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/NoveAdministrativa/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.viviSalu=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/ViviendaSaludable/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.permMunicipio=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/PermMunicipio/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } else if(allConso.consolidacion.cronograma=="on" ){ %>
                                  <a href="/profesional/Consolidaciones/Rechazado/Cronograma/<%= allConso._id %>"><span class="badge badge-danger text-uppercase">Rechazado</span></a>
                                  <% } %>
                                </td>
                                <td>
                                  <%= moment(allConso.reporte.fechRepor,"YYYY/MM/DD").format('YYYY-MM-DD'); %>
                                </td>
                                <td>
                                  <% if(allConso.consolidacion.establecimiento=="on" ){ %>
                                  Establecimientos
                                  <% } else if(allConso.consolidacion.antirrabica=="on" ){ %>
                                  Antirrabica Animal
                                  <% } else if(allConso.consolidacion.eduSanitaria=="on" ){ %>
                                  Educación Sanitaria
                                  <% } else if(allConso.consolidacion.EvenSaludPubli=="on" ){ %>
                                  Eventos de Salud Publica
                                  <% } else if(allConso.consolidacion.lisCarnets=="on" ){ %>
                                  Listado de Carnetizados
                                  <% } else if(allConso.consolidacion.vehiculos=="on" ){ %>
                                  Vehiculos
                                  <% } else if(allConso.consolidacion.tomaMuestra=="on" ){ %>
                                  Toma de Muestras
                                  <% } else if(allConso.consolidacion.quejas=="on" ){ %>
                                  Quejas
                                  <% } else if(allConso.consolidacion.viviSalu=="on" ){ %>
                                  Vivienda Saludable
                                  <% } else if(allConso.consolidacion.noveadministrativa=="on" ){ %>
                                  Informe Mensual
                                  <% } else if(allConso.consolidacion.permMunicipio=="on" ){ %>
                                  Permanencia en Municipio
                                  <% } else if(allConso.consolidacion.cronograma=="on" ){ %>
                                  Cronograma De Actividades
                                  <% } %>
                                </td>
                                <td>
                                  <%= allConso.municipio %><%= allConso.ForQuejas.municipioComuni %>
                                </td>
                                <td>
                                  <%= allConso.reporte.motivo %>
                                </td>
                              </tr>
                              <% } %>
                              <% }); %>
                              <% } %>
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </div>

            <div class="col-xl-3">
              <div class="card shadow mb-2">
                <a type="button" data-target="#permMuniModal" data-toggle="modal" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class=" fas fa-file fa-sm text-white-50"></i> Permanencia En Municipio</a>
              </div>
              <ul class="list-group">
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  Vacunaciones
                  <span class="badge badge-primary badge-pill"><%= vacunas %></span>
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center">
                  Total Visitas
                  <span class="badge badge-primary badge-pill"><%= visitAcep %></span>
                </li>
              </ul>
            </div>

          </div>

        </div>
        <!-- /.container-fluid -->
      </div>
      <!-- End of Main Content -->

      <!-- Footer -->
      <%- include('../tools/footer'); %>
      <!-- End of Footer -->
    </div>
    <!-- End of Content Wrapper -->
  </div>
  <!-- End of Page Wrapper -->

  <!-- Scroll to Top Button-->
  <a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
  </a>

  <!-- Ad_Cronograma Modal -->
  <div class="modal fade" id="AdcronoModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class=" modal-dialog" role="document" style="max-width: 700px !important;">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title"><i class="fa-solid fa-triangle-exclamation"> Atencion</i></h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
          </ol>
          <div class="carousel-inner">
            <div class="carousel-item active">
              <img src="/img/1.svg" class="d-block w-100">
            </div>
            <div class="carousel-item">
              <img src="/img/2.svg" class="d-block w-100">
            </div>
            <div class="carousel-item">
              <img src="/img/3.svg" class="d-block w-100">
            </div>
            <div class="carousel-item">
              <img src="/img/4.svg" class="d-block w-100">
            </div>
            <div class="carousel-item">
              <img src="/img/5.svg" class="d-block w-100">
            </div>
          </div>
          <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" style="background-color: Transparent; border: none;" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </button>
          <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" style="background-color: Transparent; border: none;" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </button>
        </div>
        <div class="modal-footer">
          <button class="btn btn-secondary" type="button" data-dismiss="modal">
            Cerrar
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- Cronograma - Modal-->
  <div class="modal fade" id="cronoModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">¡ATENCIÓN!</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <form onsubmit="UploadCronograma(event)" method="POST" action="/profesional/Consolidaciones/Cronograma/<%= user.user %>" enctype="multipart/form-data">
          <input type="text" value="on" id="cronograma" name="cronograma" style="display: none;" readonly>

          <div class="modal-body">
            <div class="mb-3">
              <label for="mesCron" class="form-label">MES:</label>
              <select name="mesCron" id="mesCron" class="custom-select mr-sm-2">
                <option selected disabled>
                  Seleccione
                </option>
                <option value="Enero">Enero</option>
                <option value="Febrero">Febrero</option>
                <option value="Marzo">Marzo</option>
                <option value="Abril">Abril</option>
                <option value="Mayo">Mayo</option>
                <option value="Junio">Junio</option>
                <option value="Julio">Julio</option>
                <option value="Agosto">Agosto</option>
                <option value="Septiembre">Septiembre</option>
                <option value="Octubre">Octubre</option>
                <option value="Noviembre">Noviembre</option>
                <option value="Diciembre">Diciembre</option>
              </select>
            </div>
            <div class="mb-3">
              <label class="mr-sm-2" for="fields">Adjuntar
                Archivo(s)</label>
              <div class="drop-zone">
                <span class="drop-zone__prompt">Arrastra el archivo o da click para buscar</span>
                <input type="file" name="myFile" id="myFileCron" class="drop-zone__input" />
              </div>
            </div>
            <b>*RECUERDE QUE ESTA ACCIÓN ES UNICA EN EL MES*</b>
          </div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">
              Cancelar
            </button>
            <button class="btn btn-primary " type="submit">
              Enviar
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Permanencia En municipio - Modal -->
  <div class="modal fade" id="permMuniModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">PERMANENCIA EN MUNICIPIO</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <form onsubmit="UploadPermanencia(event)" method="POST" action="/profesional/Consolidaciones/PermMunicipio/<%= user.user %>" enctype="multipart/form-data">
          <input type="text" value="on" id="permMunicipio" name="permMunicipio" style="display: none;" readonly>

          <div class="modal-body">
            <div class="mb-3">
              <label class="mr-sm-2" for="fields">Adjuntar
                Archivo(s)</label>
              <div class="drop-zone">
                <span class="drop-zone__prompt">Arrastra el archivo o da click para buscar</span>
                <input type="file" name="myFile" id="myFile" class="drop-zone__input" />
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">
              Cancelar
            </button>
            <button class="btn btn-primary " type="submit">
              Enviar
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Nov Administrativa Modal -->
  <div class="modal fade" id="NovAdModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class=" modal-dialog" role="document" style="max-width: 700px !important;">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title"><i class="fa-solid fa-triangle-exclamation"> Atencion</i></h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <img src="/img/6.svg" class="d-block w-100">
        <div class="modal-footer">
          <button class="btn btn-secondary" type="button" data-dismiss="modal">
            Cerrar
          </button>
          <a class="btn btn-primary" href="/profesional/Consolidaciones/Enviar/NoveAdministrativa">Vamos</a>
        </div>
      </div>
    </div>
  </div>

  <!-- Logout Modal-->
  <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Salida</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">×</span>
          </button>
        </div>
        <div class="modal-body">
          Seleccione "Cerrar sesión" a continuación si está listo para
          finalizar su sesión actual.
        </div>
        <div class="modal-footer">
          <button class="btn btn-secondary" type="button" data-dismiss="modal">
            Cancelar
          </button>
          <a class="btn btn-primary" href="/profesional/logout">Cerrar Sesión</a>
        </div>
      </div>
    </div>
  </div>

  <script type="text/JavaScript">
    //Meses
    let barMESES = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
    
    //Visitas
    <% if(barChaVisit){ %>
    var barChaVisit = []
    <% barChaVisit.forEach((barChaVisit)=> { %>
      <% if(barChaVisit._id.anno == new Date().getFullYear()){ %>
        barChaVisit.push("<%= barChaVisit._id.anno %>",barMESES[<%= barChaVisit._id.mes %>- 1], "<%= barChaVisit.count %>")
      <% } %>
    <% }) %>
    <% } %>

     //Favorable
     <% if(barChaFav){ %>
    var barChaFav = []
    <% barChaFav.forEach((barChaFav)=> { %>
      <% if(barChaFav._id.anno == new Date().getFullYear()){ %>
        barChaFav.push("<%= barChaFav._id.anno %>", barMESES[<%= barChaFav._id.mes %>- 1], "<%= barChaFav.count %>")
      <% } %>
    <% }) %>
    <% } %>

    // Desfavorable
    <% if(barChaDes){ %>
    var barChaDes = []
    <% barChaDes.forEach((barChaDes)=> { %>
      <% if(barChaDes._id.anno == new Date().getFullYear()){ %>
        barChaDes.push("<%= barChaDes._id.anno %>", barMESES[<%= barChaDes._id.mes %>- 1], "<%= barChaDes.count %>")
      <% } %>
    <% }) %>
    <% } %>

    // Favorable Con Requerimientos
    <% if(barChaFavRe){ %>
    var barChaFavRe = []
    <% barChaFavRe.forEach((barChaFavRe)=> { %>
      <% if(barChaFavRe._id.anno == new Date().getFullYear()){ %>
        barChaFavRe.push("<%= barChaFavRe._id.anno %>", barMESES[<%= barChaFavRe._id.mes %>- 1], "<%= barChaFavRe.count %>")
      <% } %>
    <% }) %>
    <% } %>
  </script>

  <!-- Bootstrap core JavaScript-->
  <script src="/vendor/jquery/jquery.min.js"></script>
  <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Core plugin JavaScript-->
  <script src="/vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom scripts for all pages-->
  <script src="/js/sb-admin-2.min.js"></script>

  <!-- Page level plugins -->
  <script src="/vendor/datatables/jquery.dataTables.min.js"></script>
  <script src="/vendor/datatables/dataTables.bootstrap4.min.js"></script>

  <!-- Page level plugins -->
  <script src="/vendor/chart.js/Chart.min.js"></script>

  <!-- Page level custom scripts -->
  <script src="/js/demo/chart-bar-demo.js"></script>
  <script type="text/JavaScript" src="/js/tools/dropzone.js"></script>
  <script src="/js/demo/datatables-demo.js"></script>

  <!-- Alert -->
  <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

  <!-- Validations -->
  <script type="text/JavaScript" src="/js/Tecnico/formularios.js"></script>

  <script type="text/JavaScript">
    $(window).bind("load", function() {
      var nav = document.getElementById("nav1");
      nav.className += "  active";

      <% if(settings){ %>
      var date = new Date()
      if (date.getDate() >= <%= settings[0].infMensStart %> && date.getDate() <= <%= settings[0].infMensEnd %>) {
        $(document).ready(function() {
          $('#NovAdModal').modal('toggle')
        });
      }

      if (date.getDate() >= <%= settings[0].cronogramaStart %> && date.getDate() <= <%= settings[0].cronogramaEnd %>) {
        $(document).ready(function() {
          $('#AdcronoModal').modal('toggle')
        });
        let MESES = [
          "Enero",
          "Febrero",
          "Marzo",
          "Abril",
          "Mayo",
          "Junio",
          "Julio",
          "Agosto",
          "Septiembre",
          "Octubre",
          "Noviembre",
          "Diciembre",
        ];
        document.getElementById("btnCronograma").removeAttribute("style");
        document.getElementById("mesCron").value = MESES[date.getMonth()];
      }
      <% } %>
    });

    $('#dataTable').DataTable({
      order: [
        [1, 'desc']
      ],
      scrollY: true,
      scrollX: true,
      scrollCollapse: true,
      language: {
        search: "Buscar:",
        info: "Mostrando _START_ elementos a _END_ de _TOTAL_ entradas",
        zeroRecords: "Sin Datos en esta Tabla",
        infoFiltered: " - filtrado desde _MAX_ entradas",
        lengthMenu: "Mostrando _MENU_ entradas",
        paginate: {
          previous: "Anterior",
          next: "Siguiente",
        },
      },
    });
    $('#dataTable2').DataTable({
      order: [
        [1, 'desc']
      ],
      language: {
        search: "Buscar:",
        info: "Mostrando _START_ elementos a _END_ de _TOTAL_ entradas",
        zeroRecords: "Sin Datos en esta Tabla",
        infoFiltered: " - filtrado desde _MAX_ entradas",
        lengthMenu: "Mostrando _MENU_ entradas",
        paginate: {
          previous: "Anterior",
          next: "Siguiente",
        },
      },
    });
    $('#dataTable3').DataTable({
      order: [
        [1, 'desc']
      ],
      language: {
        search: "Buscar:",
        info: "Mostrando _START_ elementos a _END_ de _TOTAL_ entradas",
        zeroRecords: "Sin Datos en esta Tabla",
        infoFiltered: " - filtrado desde _MAX_ entradas",
        lengthMenu: "Mostrando _MENU_ entradas",
        paginate: {
          previous: "Anterior",
          next: "Siguiente",
        },
      },
    });
  </script>

  <% if(typeof alert !="undefined" ) { %>
  <script type="text/JavaScript">
    Swal.fire({
          title: '<%= alert[0].alertTitle %>',
          text:'<%= alert[0].alertMessage %>',
          icon:'<%= alert[0].alertIcon %>',
          showConfirmButton: <%= alert[0].showConfirmButton %>,
          timer: <%= alert[0].timer %>
        }).then(()=>{
          window.location = '<%= alert[0].ruta %>'
        })
      </script>
  <% } %>
</body>

</html>