<?php

if($_SESSION["tipo_usuario"] == "Inventario"){

  echo '<script>

    window.location = "inicio";

  </script>';

  return;

}

?>

<style>
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: calc(2.25rem + 2px);
}
.row1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
}

/* Bordes suaves y sombras para elementos de salud */
.card { border-radius: 12px; }
.btn { border-radius: 8px; transition: all 0.3s; }
.form-control { border-radius: 8px; }
.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.15);
}

/* Efecto hover en filas de tabla */
.table tbody tr:hover {
    background-color: #f8faff !important;
    cursor: pointer;
}

/* Badge personalizado */
.badge-info {
    background-color: #e1f5fe;
    color: #0288d1;
    border: 1px solid #b3e5fc;
}
</style>

<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header" style="padding: 2px;">
      <div class="container-fluid">
        <div class="row mb-2">
          
        </div>
      </div><!-- /.container-fluid -->
    </section>

    
    <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="card shadow-sm border-0">
          <div class="card-header bg-white py-3">
              <h3 class="card-title text-bold text-primary">
                  <i class="fas fa-users-medical mr-2"></i> Gestión de Pacientes
              </h3>
              <?php if (tienePermiso("PACIENTE", "CREAR")): ?>
              <button class="btn btn-primary float-right shadow-sm" data-toggle="modal" data-target="#modalAgregarPaciente">
                  <i class="fas fa-plus mr-1"></i> Agregar Paciente
              </button>
              <?php endif; ?>
          </div>

          <div class="card-body p-0"> <div class="table-responsive">
            <table class="table table-hover align-middle mb-0 cliente">
                <thead class="bg-light text-muted text-uppercase" style="font-size: 0.75rem;">
                    <tr>
                        <th class="pl-4">ID</th>
                        <th>DNI / Documento</th>
                        <th>Nombre Completo</th>
                        <th>Contacto</th>
                        <th>H. Clínica</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody style="font-size: 0.9rem;">
                      <?php 
                       $item = null;
                        $value = null;

                        $paciente = ControladorPaciente:: ctrMostrarPaciente($item, $value);
                      foreach($paciente as $key => $value){
                          $telefono = ltrim($value["contacto"], '(+51)' );
                          echo '<tr>
                              <td class="pl-4 text-muted">#'.$value["id_paciente"].'</td>
                              <td><span class="badge badge-info font-weight-normal px-2 py-1">'.$value["dni"].'</span></td>
                              <td class="font-weight-600">'.$value["nombres"].' '.$value["apellidos"].'</td>
                              <td>
                                  <small class="d-block text-dark"><i class="fas fa-phone-alt mr-1 text-muted"></i>'.$telefono.'</small>
                                  <small class="d-block text-muted"><i class="fas fa-envelope mr-1"></i>'.$value["correo"].'</small>
                              </td>
                              <td><b class="text-primary">'.$value["codigo_hc"].'</b></td>
                              <td>
                                  <div class="btn-group">
                                  <button class="btn btn-sm btn-success btnEnviarTriaje" idPaciente="'.$value["id_paciente"].'" title="Enviar a Triaje">
                                        <i class="fas fa-heartbeat"></i>
                                  </button>';
                                     if (tienePermiso("PACIENTE", "EDITAR")): 
                                      echo'<button class="btn btn-sm btn-light border btnEditarPaciente" idPaciente="'.$value["id_paciente"].'" data-toggle="modal" data-target="#modalEditarPaciente">
                                          <i class="fas fa-pencil-alt text-warning"></i>
                                      </button>';
                                      endif;

                                          $archivoDni = ControladorPaciente::ctrVerificarDocumento($value["id_paciente"], "DNI");

                                          if($archivoDni){
                                              // SI EXISTE: Botón verde para abrir el archivo
                                              echo '<a href="'.$archivoDni["ruta_archivo"].'" target="_blank" class="btn btn-success btn-sm" data-toggle="tooltip" title="Ver DNI Digital">
                                                      <i class="fa fa-eye"></i> Ver DNI
                                                    </a>';
                                          } else {
                                              if (tienePermiso("PACIENTE", "SUBIR")):
                                              echo '<button class="btn btn-primary btn-sm btnSubirDni" idPaciente="'.$value["id_paciente"].'" data-toggle="modal" data-target="#modalSubirDni" data-toggle="tooltip" title="Digitalizar DNI">
                                                      <i class="fa fa-upload"></i> Subir DNI
                                                    </button>';
                                              endif;
                                          }

                                     if (tienePermiso("PACIENTE", "ELIMINAR")):
                                          echo '<button class="btn btn-sm btn-light border btnEliminarCliente" idPaciente="'.$value["id_paciente"].'">
                                              <i class="fa fa-times text-danger"></i>
                                          </button>';
                                     endif;
                                      
                          echo '  </div>
                              </td>
                          </tr>';
                      }
                      ?>
                  </tbody>
              </table>
          </div>
        </div>

       
      </div>
      <!-- /.card -->

    </section>
    <!-- /.content -->
  </div>

  <!--=====================================
MODAL AGREGAR PACIENTE
======================================-->

<div class="modal fade" id="modalAgregarPaciente" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content border-0 shadow-lg">
            <form role="form" method="post">

                <div class="modal-header bg-primary text-white border-0">
                    <h4 class="modal-title font-weight-light"><i class="fas fa-user-medical mr-2"></i>Ficha de Registro de Paciente</h4>
                    <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                </div>

                <div class="modal-body p-0"> <ul class="nav nav-tabs nav-justified" id="tabPaciente" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active font-weight-bold" id="basicos-tab" data-toggle="tab" href="#basicos" role="tab">1. Datos Básicos</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-bold" id="nacimiento-tab" data-toggle="tab" href="#nacimiento" role="tab">2. Nacimiento y Ubicación</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-bold" id="social-tab" data-toggle="tab" href="#social" role="tab">3. Información Social</a>
                        </li>
                    </ul>

                    <div class="tab-content p-4" id="tabPacienteContent">
                        
                        <div class="tab-pane fade show active" id="basicos" role="tabpanel">
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label class="small font-weight-bold">N° HISTORIA</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="nuevoHistoria" id="nuevoHistoria" placeholder="HC-000" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small font-weight-bold">DNI</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="nuevoRuc" id="nuevoRuc" maxlength="8" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small font-weight-bold">GÉNERO</label>
                                    <select class="form-control form-control-sm custom-select" name="genero" required>
                                        <option value="">Seleccionar...</option>
                                        <option value="M">MASCULINO</option>
                                        <option value="F">FEMENINO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">NOMBRES</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="nuevoNombre" required>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">APELLIDOS</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="nuevoApellido" required>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">FECHA NACIMIENTO</label>
                                    <input type="date" class="form-control form-control-sm shadow-none" name="nuevoFecha">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">TELÉFONO</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="nuevoTelefono" id="nuevoTelefono" data-inputmask='"mask": "(+51) 999-999-999"' data-mask>
                                </div>
                            </div>
                        </div>

                       <div class="tab-pane fade" id="nacimiento" role="tabpanel">
    
                          <h6 class="text-primary font-weight-bold border-bottom pb-2"><i class="fas fa-baby mr-2"></i>Lugar de Nacimiento</h6>
                          <div class="row">
                              <div class="form-group col-md-4">
                                  <label class="small">DEPARTAMENTO</label>
                                  <select class="form-control form-control-sm select2" id="nuevoDepartamento" name="nuevoDepartamento" style="width: 100%;">
                                      <option value="">Seleccionar...</option>
                                      <?php
                                          $departamentos = ControladorPaciente::ctrMostrarDepartamentos();
                                          foreach ($departamentos as $key => $value) {
                                              echo '<option value="'.$value["id"].'">'.$value["name"].'</option>';
                                          }
                                      ?>
                                  </select>
                              </div>
                              <div class="form-group col-md-4">
                                  <label class="small">PROVINCIA</label>
                                  <select class="form-control form-control-sm select2" id="nuevoProvincia" name="nuevoProvincia" style="width: 100%;">
                                      <option value="">Seleccionar...</option>
                                  </select>
                              </div>
                              <div class="form-group col-md-4">
                                  <label class="small">DISTRITO</label>
                                  <select class="form-control form-control-sm select2" id="nuevoDistrito" name="nuevoDistrito" style="width: 100%;">
                                      <option value="">Seleccionar...</option>
                                  </select>
                              </div>
                          </div>

                          <h6 class="text-success font-weight-bold border-bottom pb-2 mt-3"><i class="fas fa-home mr-2"></i>Lugar de Residencia Actual</h6>
                          <div class="row">
                              <div class="form-group col-md-4">
                                  <label class="small">DEPARTAMENTO</label>
                                  <select class="form-control form-control-sm select2" id="procedenciaDepartamento" name="procedenciaDepartamento" style="width: 100%;">
                                      <option value="">Seleccionar...</option>
                                      <?php
                                          foreach ($departamentos as $key => $value) {
                                              echo '<option value="'.$value["id"].'">'.$value["name"].'</option>';
                                          }
                                      ?>
                                  </select>
                              </div>
                              <div class="form-group col-md-4">
                                  <label class="small">PROVINCIA</label>
                                  <select class="form-control form-control-sm select2" id="procedenciaProvincia" name="procedenciaProvincia" style="width: 100%;">
                                      <option value="">Seleccionar...</option>
                                  </select>
                              </div>
                              <div class="form-group col-md-4">
                                  <label class="small">DISTRITO</label>
                                  <select class="form-control form-control-sm select2" id="procedenciaDistrito" name="procedenciaDistrito" style="width: 100%;">
                                      <option value="">Seleccionar...</option>
                                  </select>
                              </div>
                              <div class="form-group col-md-12">
                                  <label class="small font-weight-bold text-uppercase">Dirección (Calle, Av, Jirón, N° o Comunidad)</label>
                                  <div class="input-group">
                                      <div class="input-group-prepend">
                                          <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
                                      </div>
                                      <input type="text" class="form-control form-control-sm" name="nuevoDireccion" id="nuevoDireccion" placeholder="Ej: Jr. Espinar 123 / Comunidad de Huadquiña">
                                  </div>
                              </div>
                          </div>
                      </div>

                        <div class="tab-pane fade" id="social" role="tabpanel">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">OCUPACIÓN</label>
                                    <select class="form-control form-control-sm select2" name="nuevaOcupacion" style="width: 100%;">
                                        <option value="Agricultor">Agricultor</option>
                                        <option value="Comerciante">Comerciante</option>
                                        <option value="Estudiante">Estudiante</option>
                                        <option value="Ama de Casa">Ama de Casa</option>
                                        <option value="Obrero">Obrero</option>
                                        <option value="Docente">Docente</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">ESTADO CIVIL</label>
                                    <select class="form-control form-control-sm" name="nuevoEstadoCivil">
                                        <option value="Soltero(a)">Soltero(a)</option>
                                        <option value="Casado(a)">Casado(a)</option>
                                        <option value="Conviviente">Conviviente</option>
                                        <option value="Viudo(a)">Viudo(a)</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">GRADO INSTRUCCIÓN</label>
                                    <select class="form-control form-control-sm" name="nuevoGradoInstruccion">
                                        <option value="Sin instrucción">Sin instrucción</option>
                                        <option value="Primaria Completa">Primaria Completa</option>
                                        <option value="Primaria Incompleta">Primaria Incompleta</option>
                                        <option value="Secundaria Completa">Secundaria Completa</option>
                                        <option value="Secundaria Incompleta">Secundaria Incompleta</option>
                                        <option value="Superior Completa">Superior Completa</option>
                                        <option value="Superior Incompleta">Superior Incompleta</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">RELIGIÓN</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="nuevoReligion" placeholder="Ej: Católica, Evangélica">
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="small font-weight-bold">CORREO ELECTRÓNICO</label>
                                    <input type="email" class="form-control form-control-sm shadow-none" name="nuevoCorreo">
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="modal-footer bg-light border-0">
                    <button type="button" class="btn btn-link text-muted" data-dismiss="modal">Salir</button>
                    <button type="submit" class="btn btn-primary px-4 shadow-sm">Guardar Paciente</button>
                </div>

                <?php 
                    $crearPaciente = new ControladorPaciente();
                    $crearPaciente->ctrCrearPaciente();
                ?>
            </form>
        </div>
    </div>
</div>
      
  <!--=====================================
MODAL EDITAR CLIENTE
======================================-->
<div class="modal fade" id="modalEditarPaciente" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content border-0 shadow-lg">
            <form role="form" method="post">

                <div class="modal-header bg-info text-white border-0">
                    <h4 class="modal-title font-weight-light"><i class="fas fa-user-edit mr-2"></i>Editar Ficha de Paciente</h4>
                    <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                </div>

                <div class="modal-body p-0"> 
                    <ul class="nav nav-tabs nav-justified" id="tabEditarPaciente" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active font-weight-bold" id="edit-basicos-tab" data-toggle="tab" href="#edit-basicos" role="tab">1. Datos Básicos</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-bold" id="edit-nacimiento-tab" data-toggle="tab" href="#edit-nacimiento" role="tab">2. Nacimiento y Ubicación</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link font-weight-bold" id="edit-social-tab" data-toggle="tab" href="#edit-social" role="tab">3. Información Social</a>
                        </li>
                    </ul>

                    <div class="tab-content p-4" id="tabEditarPacienteContent">
                        
                        <div class="tab-pane fade show active" id="edit-basicos" role="tabpanel">
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label class="small font-weight-bold">N° HISTORIA</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="editarHistoria" id="editarHistoria" required>
                                    <input type="hidden" name="idPaciente" id="idPaciente">
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small font-weight-bold">DNI</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="editarRuc" id="editarRuc" maxlength="8" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small font-weight-bold">GÉNERO</label>
                                    <select class="form-control form-control-sm custom-select" name="editarGenero" id="editarGenero" required>
                                        <option value="M">MASCULINO</option>
                                        <option value="F">FEMENINO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">NOMBRES</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="editarNombre" id="editarNombre" required>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">APELLIDOS</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="editarApellido" id="editarApellido" required>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">FECHA NACIMIENTO</label>
                                    <input type="date" class="form-control form-control-sm shadow-none" name="editarFecha" id="editarFecha">
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">TELÉFONO</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="editarTelefono" id="editarTelefono" data-inputmask='"mask": "(+51) 999-999-999"' data-mask>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="edit-nacimiento" role="tabpanel">
                            <h6 class="text-primary font-weight-bold border-bottom pb-2">Lugar de Nacimiento</h6>
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label class="small">DEPARTAMENTO</label>
                                    <select class="form-control form-control-sm select2" id="editarDepartamento" name="editarDepartamento" style="width: 100%;">
                                        <?php
                                            foreach ($departamentos as $key => $value) {
                                                echo '<option value="'.$value["id"].'">'.$value["name"].'</option>';
                                            }
                                        ?>
                                    </select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small">PROVINCIA</label>
                                    <select class="form-control form-control-sm select2" id="editarProvincia" name="editarProvincia" style="width: 100%;">
                                    </select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small">DISTRITO</label>
                                    <select class="form-control form-control-sm select2" id="editarDistrito" name="editarDistrito" style="width: 100%;">
                                    </select>
                                </div>
                            </div>

                            <h6 class="text-success font-weight-bold border-bottom pb-2 mt-3">Lugar de Residencia Actual</h6>
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label class="small">DEPARTAMENTO</label>
                                    <select class="form-control form-control-sm select2" id="editarProcedenciaDepartamento" name="editarProcedenciaDepartamento" style="width: 100%;">
                                        <?php
                                            foreach ($departamentos as $key => $value) {
                                                echo '<option value="'.$value["id"].'">'.$value["name"].'</option>';
                                            }
                                        ?>
                                    </select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small">PROVINCIA</label>
                                    <select class="form-control form-control-sm select2" id="editarProcedenciaProvincia" name="editarProcedenciaProvincia" style="width: 100%;">
                                    </select>
                                </div>
                                <div class="form-group col-md-4">
                                    <label class="small">DISTRITO</label>
                                    <select class="form-control form-control-sm select2" id="editarProcedenciaDistrito" name="editarProcedenciaDistrito" style="width: 100%;">
                                    </select>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="small font-weight-bold">DIRECCIÓN ACTUAL</label>
                                    <input type="text" class="form-control form-control-sm" name="editarDireccion" id="editarDireccion">
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="edit-social" role="tabpanel">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">OCUPACIÓN</label>
                                    <select class="form-control form-control-sm select2" name="editarOcupacion" id="editarOcupacion" style="width: 100%;">
                                        <option value="Agricultor">Agricultor</option>
                                        <option value="Comerciante">Comerciante</option>
                                        <option value="Estudiante">Estudiante</option>
                                        <option value="Ama de Casa">Ama de Casa</option>
                                        <option value="Obrero">Obrero</option>
                                        <option value="Docente">Docente</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">ESTADO CIVIL</label>
                                    <select class="form-control form-control-sm" name="editarEstadoCivil" id="editarEstadoCivil">
                                        <option value="Soltero(a)">Soltero(a)</option>
                                        <option value="Casado(a)">Casado(a)</option>
                                        <option value="Conviviente">Conviviente</option>
                                        <option value="Viudo(a)">Viudo(a)</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">GRADO INSTRUCCIÓN</label>
                                    <select class="form-control form-control-sm" name="editarGradoInstruccion" id="editarGradoInstruccion">
                                       <option value="Sin instrucción">Sin instrucción</option>
                                        <option value="Primaria Completa">Primaria Completa</option>
                                        <option value="Primaria Incompleta">Primaria Incompleta</option>
                                        <option value="Secundaria Completa">Secundaria Completa</option>
                                        <option value="Secundaria Incompleta">Secundaria Incompleta</option>
                                        <option value="Superior Completa">Superior Completa</option>
                                        <option value="Superior Incompleta">Superior Incompleta</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="small font-weight-bold">RELIGIÓN</label>
                                    <input type="text" class="form-control form-control-sm shadow-none" name="editarReligion" id="editarReligion">
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="small font-weight-bold">CORREO ELECTRÓNICO</label>
                                    <input type="email" class="form-control form-control-sm shadow-none" name="editarCorreo" id="editarCorreo">
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="modal-footer bg-light border-0">
                    <button type="button" class="btn btn-link text-muted" data-dismiss="modal">Salir</button>
                    <button type="submit" class="btn btn-info px-4 shadow-sm">Guardar Cambios</button>
                </div>

                <?php 
                    $editarPaciente = new ControladorPaciente();
                    $editarPaciente->ctrEditarPaciente();
                ?>
            </form>
        </div>
    </div>
</div>

      <div class="modal fade" id="modalIngresoEmergencia" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content border-0 shadow-lg">
                <form role="form" method="post">
                    <div class="modal-header bg-success text-white">
                        <h4 class="modal-title">Registrar Ingreso</h4>
                        <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="idPacienteIngreso" id="idPacienteIngreso">
                        
                        <div class="form-group">
                            <label class="small font-weight-bold">MOTIVO DE CONSULTA</label>
                            <textarea class="form-control" name="nuevoMotivo" rows="3" placeholder="Ej: Dolor abdominal fuerte, fiebre..." required></textarea>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold">TIPO DE SEGURO</label>
                            <select class="form-control custom-select" name="nuevoSeguro" required>
                                <option value="SIS">SIS</option>
                                <option value="ESSALUD">ESSALUD</option>
                                <option value="PARTICULAR">PARTICULAR</option>
                                <option value="OTROS">OTROS</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer bg-light">
                        <button type="button" class="btn btn-link" data-dismiss="modal">Cancelar</button>
                        <button type="submit" class="btn btn-success px-4">Confirmar Ingreso</button>
                    </div>
                    <?php
                        $ingreso = new ControladorPaciente(); // O crea un ControladorIngreso
                        $ingreso -> ctrCrearIngreso(); 
                    ?>
                </form>
            </div>
        </div>
    </div>
    <div id="modalSubirDni" class="modal fade" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <form role="form" method="post" enctype="multipart/form-data">
            <div class="modal-header bg-primary text-white">
              <h4 class="modal-title">Digitalizar DNI</h4>
              <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
              <div class="box-body">
                <input type="hidden" name="idPacienteDni" id="idPacienteDni">
                
                <div class="form-group">
                  <label>Seleccione el archivo escaneado (PDF o Imagen)</label>
                  <input type="file" class="form-control" name="archivoDni" accept=".pdf, .jpg, .png" required>
                  <p class="help-block">Formatos admitidos: PDF, JPG, PNG. Máx 2MB.</p>
                </div>
              </div>
            </div>

            <div class="modal-footer">
              <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Salir</button>
              <button type="submit" class="btn btn-primary">Guardar Archivo</button>
            </div>

            <?php
              $subir = new ControladorPaciente();
              $subir -> ctrSubirDni();
            ?>
          </form>
        </div>
      </div>
    </div>
      <?php 
      
$borrarPaciente = new ControladorPaciente();
$borrarPaciente -> ctrBorrarPaciente();

?>
  <script src="./vistas/js/paciente.js"></script>

<script>
        var elemento = document.getElementById("almacen");
      elemento.className += " active";

      var elemento = document.getElementById("alma");
      elemento.className += " menu-open";
      
      var elemento = document.getElementById("paciente");
      elemento.className += " active";


  function permite(elEvento, permitidos) {
  // Variables que definen los caracteres permitidos
  var numeros = "0123456789";
  var caracteres = " aábcdeéfghiíjklmnñoópqrstuvwxyzAÁBCDEÉFGHIÍJKLMNÑOÓPQRSTUVWXYZ";
  var numeros_caracteres = numeros + caracteres;
  var teclas_especiales = [8, 37, 39, 46];
  // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha
 
 
  // Seleccionar los caracteres a partir del parámetro de la función
  switch(permitidos) {
    case 'num':
      permitidos = numeros;
      break;
    case 'car':
      permitidos = caracteres;
      break;
    case 'num_car':
      permitidos = numeros_caracteres;
      break;
  }
 
  // Obtener la tecla pulsada 
  var evento = elEvento || window.event;
  var codigoCaracter = evento.charCode || evento.keyCode;
  var caracter = String.fromCharCode(codigoCaracter);
 
  // Comprobar si la tecla pulsada es alguna de las teclas especiales
  // (teclas de borrado y flechas horizontales)
  var tecla_especial = false;
  for(var i in teclas_especiales) {
    if(codigoCaracter == teclas_especiales[i]) {
      tecla_especial = true;
      break;
    }
  }
 
  // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
  // o si es una tecla especial
  return permitidos.indexOf(caracter) != -1 || tecla_especial;
}

$(".cliente").on("click", ".btnSubirDni", function(){
    var idPaciente = $(this).attr("idPaciente");
    $("#idPacienteDni").val(idPaciente);
})


</script>
