@extends('layouts.app')
<style>
  .underline {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #c40a2f;
    display: none !important;
}
</style>
@section('content')
<input type="hidden" value="{{Auth::user()->id}}" id="idusuario">
<div class="nk-content">
  <div class="nk-block-head-sub">
      <a href="{{route('dashboard')}}" class="btn btn-white btn-dim btn-outline-dark">
        <em class="icon ni ni-home"></em><span>Home</span>
      </a>
  </div>
  <div class="container-fluid">
      <div class="card">
          @if(session()->has('success'))
          <div class="alert alert-success alert-dismissible fade show" role="alert">
              {{ session('success') }}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
              </button>
          </div>
          @endif
          <h5 class="card-header rounded-top border" style="color:#000000; background: #ffffff;">
              <em class="icon ni ni-user-alt"></em> INFORMACIÓN DEL PACIENTE
          </h5>
          <div class="card-body border shadow-sm">
              <div class="row g-3">
                  <div class="col-12">
                      <div class="border-bottom border-dark border-2 p-1 d-flex flex-wrap justify-content-between align-items-center">
                          <div class="d-flex flex-wrap align-items-center mb-1">
                              <button class="btn btn-sm" id="btnAnterior">
                                  <em class="icon ni ni-back-alt-fill"></em>
                              </button>
                              <input type="text" id="indice" class="form-control form-control-sm mx-1 border border-white" style="width: 65px; text-align: center;" disabled>
                              / 
                              <input type="text" id="total" class="form-control form-control-sm mx-1 border border-white " style="width: 65px; text-align: center" disabled>
                              <button class="btn btn-sm" id="btnSiguiente">
                                  <em class="icon ni ni-forward-alt-fill"></em>
                              </button>
                          </div>
                          <div class="d-flex flex-wrap">
                              <a class="btn btn-white btn-dim btn-outline-dark mx-1" href="{{route('pacientes.create')}}" title="Adicionar paciente">
                                  <em class="icon ni ni-user-add-fill"></em><span>Nuevo Paciente</span>
                              </a>
                              <a class="btn btn-white btn-dim btn-outline-dark mx-1" onclick="alertaEdicionPaciente()" title="Editar paciente">
                                  <em class="icon ni ni-account-setting"></em><span>Editar</span>
                              </a>
                          </div>
                      </div>
                  </div>
                  <div class="col-12 col-lg-6">
                      <div class="border p-5 shadow rounded-5" style="padding-top: 17px !important;">
                          @if (session('ultimoPaciente'))
                          @php
                              $ultimoPaciente = session('ultimoPaciente');
                          @endphp
                          <input type="hidden" id="idpaciente" value="{{$ultimoPaciente->id}}">
                          <div class="d-flex bd-highlight">
                            <div class="p-2 w-100 bd-highlight" style="padding-top:27px !important;padding-left:0xp !important"><strong><h6>BUSCAR PACIENTE</h6></strong></div>
                            <div class="p-2 flex-shrink-1 bd-highlight"><button type="button" class="btn btn-white btn-dim btn-outline-dark m-1" onclick="buscarPaciente()"><em class="icon ni ni-search"></em><span>Buscar</span></button></div>
                          </div>
                          <div class="row">
                              <div class="col-12 col-md-6">
                                @if ($ultimoPaciente->idinstitucion==4)
                                <div class="mb-1 row">
                                  <label for="registro" class="col-sm-4 col-form-label" id="labelCodigo">N° Historial</label>
                                  <div class="col-sm-8">
                                      <input type="text" class="form-control form-control-sm" id="registro" disabled value="{{$ultimoPaciente->asegurado1}}" style="text-transform: uppercase;">
                                  </div>
                                </div>
                                @else
                                <div class="mb-1 row">
                                  <label for="registro" class="col-sm-4 col-form-label" id="labelCodigo">N° Historial</label>
                                  <div class="col-sm-8">
                                      <input type="text" class="form-control form-control-sm" id="registro" disabled value="{{$ultimoPaciente->historial}}" style="text-transform: uppercase;">
                                  </div>
                                </div>
                                @endif
                              </div>
                              <div class="col-12 col-md-6">
                                  <div class="mb-1 row">
                                      <label for="ci" class="col-sm-4 col-form-label d-flex flex-row-reverse">C.I.</label>
                                      <div class="col-sm-8">
                                          <input type="text" class="form-control form-control-sm" id="ci" disabled value="{{$ultimoPaciente->ci}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12">
                                  <div class="mb-1 row">
                                      <label for="paterno" class="col-sm-2 col-form-label">Apellido Pat.</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="paterno" disabled value="{{$ultimoPaciente->paterno}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                                  <div class="mb-1 row">
                                      <label for="materno" class="col-sm-2 col-form-label">Apellido Mat.</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="materno" disabled value="{{$ultimoPaciente->materno}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                                  <div class="mb-1 row">
                                      <label for="nombre" class="col-sm-2 col-form-label">Nombre(s)</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="nombre" disabled value="{{$ultimoPaciente->nombre}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12 col-md-6">
                                  <div class="mb-1 row">
                                      <label for="nacimiento" class="col-sm-4 col-form-label">F. Nacimiento</label>
                                      <div class="col-sm-8">
                                          <input type="date" class="form-control form-control-sm" id="nacimiento" disabled value="{{$ultimoPaciente->nacimiento}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12 col-md-3">
                                  <div class="mb-1 row">
                                      <label for="edad" class="col-sm-5 col-form-label">Edad</label>
                                      <div class="col-sm-7">
                                          <input type="text" class="form-control form-control-sm" id="edad" disabled value="{{$ultimoPaciente->edad}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12 col-md-3">
                                  <div class="mb-1 row">
                                      <label for="sexo" class="col-sm-5 col-form-label">Sexo</label>
                                      <div class="col-sm-7">
                                          <input type="text" class="form-control form-control-sm" id="sexo" disabled value="{{$ultimoPaciente->sexo}}" style="text-transform: uppercase;">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12">
                                <div class="mb-1 row">
                                    <label for="diagnostico" class="col-sm-2 col-form-label">Diagnostico</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control form-control-sm" id="diagnostico" disabled value="{{$ultimoPaciente->diagnostico}}" style="text-transform: uppercase;">
                                    </div>
                                </div>
                            </div>
                          </div>
                          @else
                          <input type="hidden" id="idpaciente">
                          <div class="d-flex bd-highlight">
                            <div class="p-2 w-100 bd-highlight" style="padding-top:27px !important;padding-left:0xp !important"><strong><h6>BUSCAR PACIENTE</h6></strong></div>
                            <div class="p-2 flex-shrink-1 bd-highlight"><button type="button" class="btn btn-white btn-dim btn-outline-dark m-1" onclick="buscarPaciente()"><em class="icon ni ni-search"></em><span>Buscar</span></button></div>
                          </div>
                          <div class="row">
                            @if (Auth::user()->id >= 40)
                            <div class="col-12 col-md-6">
                              <div class="mb-1 row">
                                  <label for="registro" class="col-sm-4 col-form-label">Matricula</label>
                                  <div class="col-sm-8">
                                      <input type="text" class="form-control form-control-sm" id="asegurado1" autocomplete="off">
                                  </div>
                              </div>
                            </div>
                            @else
                            <div class="col-12 col-md-6">
                              <div class="mb-1 row">
                                  <label for="registro" class="col-sm-4 col-form-label"id="labelCodigo">N° Historial</label>
                                  <div class="col-sm-8">
                                      <input type="text" class="form-control form-control-sm" id="registro" autocomplete="off">
                                  </div>
                              </div>
                            </div>  
                            @endif
      
                              <div class="col-12 col-md-6">
                                  <div class="mb-1 row">
                                      <label for="ci" class="col-sm-2 col-form-label">C.I.</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="ci" autocomplete="off">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12">
                                  <div class="mb-1 row">
                                      <label for="paterno" class="col-sm-2 col-form-label">Apellido Pat.</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="paterno" autocomplete="off">
                                      </div>
                                  </div>
                                  <div class="mb-1 row">
                                      <label for="materno" class="col-sm-2 col-form-label">Apellido Mat.</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="materno" autocomplete="off" >
                                      </div>
                                  </div>
                                  <div class="mb-1 row">
                                      <label for="nombre" class="col-sm-2 col-form-label">Nombre(s)</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="nombre" autocomplete="off" >
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12 col-md-6">
                                  <div class="mb-1 row">
                                      <label for="nacimiento" class="col-sm-4 col-form-label">F. Nacimiento</label>
                                      <div class="col-sm-8">
                                          <input type="date" class="form-control form-control-sm" id="nacimiento" autocomplete="off" >
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12 col-md-3">
                                  <div class="mb-1 row">
                                      <label for="edad" class="col-sm-4 col-form-label">Edad</label>
                                      <div class="col-sm-8">
                                          <input type="text" class="form-control form-control-sm" id="edad" autocomplete="off" >
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12 col-md-3">
                                  <div class="mb-1 row">
                                      <label for="sexo" class="col-sm-4 col-form-label">Sexo</label>
                                      <div class="col-sm-8">
                                          <input type="text" class="form-control form-control-sm" id="sexo" autocomplete="off">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-12">
                                  <div class="mb-1 row">
                                      <label for="diagnostico" class="col-sm-2 col-form-label">Diagnostico</label>
                                      <div class="col-sm-10">
                                          <input type="text" class="form-control form-control-sm" id="diagnostico" autocomplete="off">
                                      </div>
                                  </div>
                              </div>
                          </div>
                          @endif
                      </div>
                  </div>
                  @if (Auth::user()->id < 40)
                  <div class="col-12 col-lg-6">
                    <div class="card-inner border p-5 shadow rounded-5">
                        <ul class="nav nav-tabs mt-n3" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active px-3" data-bs-toggle="tab" href="#tabItem1" aria-selected="true" role="tab">LABORATORIO</a>
                            </li>
                            <!--<li class="nav-item" role="presentation">
                                <a class="nav-link px-3" data-bs-toggle="tab" href="#tabItem2" aria-selected="true" role="tab">DOCUMENTOS</a>
                            </li>-->
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active show" id="tabItem1" role="tabpanel">
                              <a href="#" onclick="showModal()"  class="btn btn-dim btn-dark m-1"><em class="icon ni ni-virus"></em><span>PATOLOGÍA</span><span class="underline"></span></a>
                              <a href="#" onclick="showModal1()"  class="btn btn-dim btn-dark m-1"><em class="icon ni ni-fedora"></em><span>INMUNOHISTOQUÍMICA</span><span class="underline"></span</a>
                              <a href="#" onclick="showModal2()"  class="btn btn-dim btn-dark m-1"><em class="icon ni ni-covid"></em><span>CITOPATOLOGÍA</span><span class="underline"></span></a>
                            </div>
                            <div class="tab-pane" id="tabItem2" role="tabpanel" style="height: 150px">
                                
                            </div>
                        </div>
                    </div>
                  </div>
                  @else
                  <div class="col-12 col-lg-6">
                    <div class="card-inner border p-5 shadow rounded-5">
                        <ul class="nav nav-tabs mt-n3" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active px-3" data-bs-toggle="tab" href="#tabItem1" aria-selected="true" role="tab">LABORATORIO</a>
                            </li>
                            <!--<li class="nav-item" role="presentation">
                                <a class="nav-link px-3" data-bs-toggle="tab" href="#tabItem2" aria-selected="true" role="tab">DOCUMENTOS</a>
                            </li>-->
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active show" id="tabItem1" role="tabpanel">
                              <a href="#" onclick="showModalRecepcion1()"  class="btn btn-dim btn-dark m-1"><em class="icon ni ni-virus"></em><span>PATOLOGÍA</span><span class="underline"></span></a>
                              <a href="#" onclick="showModalRecepcion2()"  class="btn btn-dim btn-dark m-1"><em class="icon ni ni-covid"></em><span>CITOPATOLOGÍA</span><span class="underline"></span></a>
                            </div>
                            <div class="tab-pane" id="tabItem2" role="tabpanel" style="height: 150px">
                                
                            </div>
                        </div>
                    </div>
                  </div>
                  @endif

              </div>
          </div>
      </div>
  </div>
</div>
<audio id="alertSound">
  <source src="{{asset("sound/alerta1.mp3")}}" type="audio/mpeg">
</audio>
@section('js1')
<script>
// Suponiendo que tienes una variable que determina si mostrar o no el subrayado
var mayorAUno = 1; // Cambia este valor según tu lógica

// Verificar si mayorAUno es mayor a 1 para mostrar la línea
if (mayorAUno > 1) {
    var underlineElements = document.querySelectorAll('.underline');
    underlineElements.forEach(function(element) {
        element.style.display = 'block'; // Mostrar la línea
    });
}
function alertaCreacionPaciente(){
  Swal.fire({
              title: "Atención",
              text: "Seguro que quieres crear un nuevo paciente",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Si"
            }).then((result) => {
              if (result.isConfirmed) {
                var url = "{{ route('pacientes.create') }}";
                window.location.href = url;
              }
            });
}

function capitalizeWords(str) {
  return str.split(' ').map(word => word.toUpperCase()).join(' ');
}
function alertaEdicionPaciente(){
  var idpaciente = $("#idpaciente").val();
  var Paciente = $("#paterno").val()+" "+$("#materno").val()+" "+$("#nombre").val();
  Valor = capitalizeWords(Paciente);
  if(idpaciente!==""){
    Swal.fire({
              title: "Atención",
              html:"Seguro que quieres Editar Informacion del Paciente: <br>" +Valor,
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Si"
            }).then((result) => {
              if (result.isConfirmed) {
                var url = "{{ route('pacientes.edit', ['paciente' => ':idpaciente']) }}";
                    window.location.href = url.replace(':idpaciente', idpaciente);
              }
            });
  }else{
    alert("introduzca un valor")
  }
}

function showModal() {
  var idpaciente = $("#idpaciente").val();
  console.log(idpaciente);
  if(idpaciente!==""){
    Swal.fire({
    html: `
    <div class="container-fluid swal2-miEstilo">Patología</div>
    <div class="swal2-contenido">Que desea Realizar?</div>
    <div class="mt-2">
    <a href="#" class="btn  btn-primary me-1" id="customButton"><em class="icon ni ni-file-plus"></em><span>Registrar</span></a>
    <a href="#" class="btn  btn-primary me-1" id="swal2-confirm"><em class="icon ni ni-files"></em><span>Consultar</span></a>
    <a href="#" class="btn  btn-danger" id="swal2-cancel"><em class="icon ni ni-cross-sm"></em><span>Cancelar</span></a>
    </div>
    `,
    showCancelButton: false,
    showConfirmButton: false,
  }).then(() => {
    // Aquí puedes agregar cualquier acción que quieras realizar después de que el modal se cierre
  });
  }else{
    alert("introduzca un valor")
  }


  // Agregar controladores de eventos para los botones personalizados después de que el modal se haya mostrado
  $(document).on('click', '#customButton', function() {
    // Acción para el botón "Editar"
    console.log(idpaciente);
    var url = "{{ route('crearInformacion', ['dato' => 'ID_PLACEHOLDER']) }}";
    url = url.replace('ID_PLACEHOLDER', idpaciente);
    window.location.href = url;
    // Aquí puedes agregar la lógica que quieras ejecutar para editar
  });

  $(document).off('click', '#swal2-confirm').on('click', '#swal2-confirm', function() {
                $.ajax({
                  type: 'GET',
                  url: "./cantidadHistorial/" + idpaciente,
                  dataType: 'json',
                  success: function(response) {
                    console.log(response)
                    var sw=0;
                    response.forEach(function(item) {
                      var cantidad = item.cantidad;
                      var tipo = item.tipo;
                      if(tipo==1 && cantidad>0){
                        sw=1;
                      }
                    });
                    if(sw==0){
                      var audio = document.getElementById("alertSound");
                      audio.play()
                      Swal.close();
                      Swal.fire({
                        html: `
                              <div class="container-fluid swal2-miEstilo">Patología</div>
                              <div class="swal2-contenido">No hay registros que coincidan con estos criterios de búsqueda</div>
                              <div class="mt-2">
                              <a href="#" class="btn  btn-danger" id="swal2-cancel"><em class="icon ni ni-cross-sm"></em><span>Aceptar</span></a>
                              </div>
                              `,
                        timer: 10000,
                        showConfirmButton: false
                      });
                    }
                    else{
                      var url = "{{ route('historialInformacion', ['dato' => 'ID_PLACEHOLDER']) }}";
                      url = url.replace('ID_PLACEHOLDER', idpaciente);
                      window.location.href = url
                    }
                  },
                  error: function(xhr, status, error) {                  
                    console.error('Error en la solicitud AJAX:', status, error); 
                  }
                });
  });

  $(document).on('click', '#swal2-cancel', function() {
    // Acción para el botón "Cancelar"
    console.log('Cancelar');
    Swal.close(); // Cerrar el modal
  });
}

function showModal1() {
  var idpaciente = $("#idpaciente").val();
  console.log(idpaciente);
  if(idpaciente!==""){
    Swal.fire({
    html: `
    <div class="container-fluid swal2-miEstilo">Patología</div>
    <div class="swal2-contenido">Que desea Realizar?</div>
    <div class="mt-2">
    <a href="#" class="btn  btn-primary me-1" id="registroInmuno"><em class="icon ni ni-file-plus"></em><span>Registrar</span></a>
    <a href="#" class="btn  btn-primary me-1" id="ConsultaInmuno"><em class="icon ni ni-files"></em><span>Consultar</span></a>
    <a href="#" class="btn  btn-danger" id="cancelarInmuno"><em class="icon ni ni-cross-sm"></em><span>Cancelar</span></a>
    </div>
    `,
    showCancelButton: false,
    showConfirmButton: false,
  }).then(() => {
    // Aquí puedes agregar cualquier acción que quieras realizar después de que el modal se cierre
  });
  }else{
    alert("introduzca un valor")
  }


  // Agregar controladores de eventos para los botones personalizados después de que el modal se haya mostrado
  $(document).on('click', '#registroInmuno', function() {
    // Acción para el botón "Editar"
    console.log(idpaciente);
    var url = "{{ route('crearInmuno', ['dato' => 'ID_PLACEHOLDER']) }}";
    url = url.replace('ID_PLACEHOLDER', idpaciente);
    window.location.href = url;
    // Aquí puedes agregar la lógica que quieras ejecutar para editar
  });

  $(document).off('click', '#ConsultaInmuno').on('click', '#ConsultaInmuno', function() {
    $.ajax({
                  type: 'GET',
                  url: "./cantidadHistorial/" + idpaciente,
                  dataType: 'json',
                  success: function(response) {
                    console.log(response)
                    var sw=0;
                    response.forEach(function(item) {
                      var cantidad = item.cantidad;
                      var tipo = item.tipo;
                      if(tipo==2 && cantidad>0){
                        sw=1;
                      }
                    });
                    if(sw==0){
                      var audio = document.getElementById("alertSound");
                      audio.play()
                      Swal.close();
                      Swal.fire({
                        html: `
                              <div class="container-fluid swal2-miEstilo">Patología</div>
                              <div class="swal2-contenido">No hay registros que coincidan con estos criterios de búsqueda</div>
                              <div class="mt-2">
                              <a href="#" class="btn  btn-danger" id="cancelarInmuno"><em class="icon ni ni-cross-sm"></em><span>Aceptar</span></a>
                              </div>
                              `,
                        timer: 10000,
                        showConfirmButton: false
                      });
                    }
                    else{
                      var url = "{{ route('historialInmuno', ['dato' => 'ID_PLACEHOLDER']) }}";
                      url = url.replace('ID_PLACEHOLDER', idpaciente);
                      window.location.href = url
                    }
                  },
                  error: function(xhr, status, error) {                  
                    console.error('Error en la solicitud AJAX:', status, error); 
                  }
                });
  });
  $(document).on('click', '#cancelarInmuno', function() {
    // Acción para el botón "Cancelar"
    console.log('Cancelar');
    Swal.close(); // Cerrar el modal
  });
}
function showModal2() {
  var idpaciente = $("#idpaciente").val();
  console.log(idpaciente);
  if(idpaciente!==""){
    Swal.fire({
    html: `
    <div class="container-fluid swal2-miEstilo">Patología</div>
    <div class="swal2-contenido">Que desea Realizar?</div>
    <div class="mt-2">
    <a href="#" class="btn  btn-primary me-1" id="registroCito"><em class="icon ni ni-file-plus"></em><span>Registrar</span></a>
    <a href="#" class="btn  btn-primary me-1" id="ConsultaCito"><em class="icon ni ni-files"></em><span>Consultar</span></a>
    <a href="#" class="btn  btn-danger" id="cancelarCito"><em class="icon ni ni-cross-sm"></em><span>Cancelar</span></a>
    </div>
    `,
    showCancelButton: false,
    showConfirmButton: false,
  }).then(() => {
    // Aquí puedes agregar cualquier acción que quieras realizar después de que el modal se cierre
  });
  }else{
    alert("introduzca un valor")
  }


  // Agregar controladores de eventos para los botones personalizados después de que el modal se haya mostrado
  $(document).on('click', '#registroCito', function() {
    // Acción para el botón "Editar"
    console.log(idpaciente);
    var url = "{{ route('crearCitologia', ['dato' => 'ID_PLACEHOLDER']) }}";
    url = url.replace('ID_PLACEHOLDER', idpaciente);
    window.location.href = url;
    // Aquí puedes agregar la lógica que quieras ejecutar para editar
  });
  $(document).off('click', '#ConsultaCito').on('click', '#ConsultaCito', function() {
    $.ajax({
                  type: 'GET',
                  url: "./cantidadHistorial/" + idpaciente,
                  dataType: 'json',
                  success: function(response) {
                    console.log(response)
                    var sw=0;
                    response.forEach(function(item) {
                      var cantidad = item.cantidad;
                      var tipo = item.tipo;
                      if(tipo==3 && cantidad>0){
                        sw=1;
                      }
                    });
                    if(sw==0){
                      var audio = document.getElementById("alertSound");
                      audio.play()
                      Swal.close();
                      Swal.fire({
                        html: `
                              <div class="container-fluid swal2-miEstilo">Patología</div>
                              <div class="swal2-contenido">No hay registros que coincidan con estos criterios de búsqueda</div>
                              <div class="mt-2">
                              <a href="#" class="btn  btn-danger" id="cancelarCito"><em class="icon ni ni-cross-sm"></em><span>Aceptar</span></a>
                              </div>
                              `,
                        timer: 10000,
                        showConfirmButton: false
                      });
                    }
                    else{
                      var url = "{{ route('historialCito', ['dato' => 'ID_PLACEHOLDER']) }}";
                      url = url.replace('ID_PLACEHOLDER', idpaciente);
                      window.location.href = url
                    }
                  },
                  error: function(xhr, status, error) {                  
                    console.error('Error en la solicitud AJAX:', status, error); 
                  }
                });
  });

  $(document).on('click', '#cancelarCito', function() {
    // Acción para el botón "Cancelar"
    console.log('Cancelar');
    Swal.close(); // Cerrar el modal
  });
}
function buscarPaciente(){
  location.reload(true);
}
$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#paterno').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPaciente/" + valorInput,
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          console.log(response)
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          // Función para mostrar los datos según el índice actual
          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});

$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#registro').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteCodigo/" + valorInput,
        dataType: "json",
        success: function (response) {
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio
          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});
$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#ci').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteCi/" + valorInput,
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          // Función para mostrar los datos según el índice actual
          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});

$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#diagnostico').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteDiagnostico/" + valorInput,
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          // Función para mostrar los datos según el índice actual
          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});
$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  $('#sexo').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteSexo/" + valorInput,
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          // Función para mostrar los datos según el índice actual
          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});
$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#edad').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteEdad/" + valorInput,
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          // Función para mostrar los datos según el índice actual
          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});
$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#nombre').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      var obtPaterno=$('#paterno').val();
      var obtMaterno=$('#materno').val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteNombre/",
        data: {
              nombre: valorInput,
              paterno: obtPaterno,
              materno:obtMaterno,
              },
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});
$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#materno').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      var obtPaterno=$('#paterno').val();
      var obtMaterno=$('#materno').val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteMaterno/",
        data: {
              materno: valorInput,
              paterno: obtPaterno,
              },
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});

$(document).ready(function(){
  var currentIndex = 0; // Índice actual del array response
  var responseLength = 0; // Variable para almacenar la longitud del array response
  var valorInput = $('#idpaciente').val();
  console.log("El valor del input es: " + valorInput);
  $('#asegurado1').on('keypress', function(event) {
    if (event.which === 13) {  
      var valorInput = $(this).val();
      $.ajax({
        type: "GET",
        url: "./filtrarPacienteAsegurado/" + valorInput,
        dataType: "json",
        success: function (response) {
          
          responseLength = response.length;
          console.log(responseLength);
          if(responseLength>0){
            $('#total').val(responseLength);
          
          
          mostrarDatos(currentIndex); // Mostrar los datos del primer elemento al inicio

          function mostrarDatos(index) {
            $('#indice').val(index + 1); // Mostrar el índice actualizado
            $('#idpaciente').val(response[index].id);
            if(response[index].asegurado1!=null){
              $('#registro').val(response[index].asegurado1);
              $('#registro').attr('disabled', 'disabled')
            }
            else{
              $('#registro').val(response[index].historial);
              $('#registro').attr('disabled', 'disabled')
            }
            $('#paterno').val(response[index].paterno);
            $('#paterno').attr('disabled', 'disabled')
            $('#materno').val(response[index].materno);
            $('#materno').attr('disabled', 'disabled')
            $('#nombre').val(response[index].nombre);
            $('#nombre').attr('disabled', 'disabled')
            $('#nacimiento').val(response[index].nacimiento);
            $('#nacimiento').attr('disabled', 'disabled')
            $('#sexo').val(response[index].sexo);
            $('#sexo').attr('disabled', 'disabled')
            $('#telefono').val(response[index].telefono);
            $('#telefono').attr('disabled', 'disabled')
            $('#alergia').val(response[index].alergia);
            $('#alergia').attr('disabled', 'disabled')
            $('#ci').val(response[index].ci);
            $('#ci').attr('disabled', 'disabled')
            $('#diagnostico').val(response[index].diagnostico);
            $('#diagnostico').attr('disabled', 'disabled')
            $('#edad').val(response[index].edad);
            $('#edad').attr('disabled', 'disabled')
          }
          // Inicialmente, habilitar ambos botones
            $('#btnSiguiente').prop('disabled', false);
            $('#btnAnterior').prop('disabled', false);

            function actualizarEstadoBotones() {
              // Deshabilitar el botón "Siguiente" si estamos en el último elemento
              $('#btnSiguiente').prop('disabled', currentIndex === responseLength - 1);
              
              // Deshabilitar el botón "Anterior" si estamos en el primer elemento
              $('#btnAnterior').prop('disabled', currentIndex === 0);
            }

            // Botón para avanzar al siguiente elemento
            $('#btnSiguiente').on('click', function() {
              if (currentIndex < responseLength - 1) { // Solo avanzar si no estamos en el último elemento
                currentIndex++; // Incrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Botón para retroceder al elemento anterior
            $('#btnAnterior').on('click', function() {
              if (currentIndex > 0) { // Solo retroceder si no estamos en el primer elemento
                currentIndex--; // Decrementar el índice
                mostrarDatos(currentIndex); // Mostrar datos del elemento actual
                actualizarEstadoBotones(); // Actualizar el estado de los botones
              }
            });

            // Manejar los eventos de teclado para las flechas izquierda y derecha
            $(document).on('keydown', function(event) {
              if (event.which === 39) { // Flecha derecha
                $('#btnSiguiente').click(); // Simular clic en el botón "Siguiente"
              } else if (event.which === 37) { // Flecha izquierda
                $('#btnAnterior').click(); // Simular clic en el botón "Anterior"
              }
            });
          }else{
            console.log("no se encontro datos")
            Swal.fire({
              title: "Paciente no encontrado",
              text: "No hay registros que coincidan con estos criterios de busqueda",
              icon: "warning",
              showCancelButton: true,
              confirmButtonColor: "#3085d6",
              cancelButtonColor: "#d33",
              confirmButtonText: "Modificar Busqueda"
            }).then((result) => {
              if (result.isConfirmed) {
                location.reload(true);
              }
            });
          }

          
        },
        error: function (error) {
          console.error("Error en la solicitud AJAX:", error);
        },
      });
    }
  });
});

function showModalRecepcion1() {
  var idpaciente = $("#idpaciente").val();
  console.log(idpaciente);
  if(idpaciente!==""){
    Swal.fire({
    html: `
    <div class="container-fluid swal2-miEstilo">Patología</div>
    <div class="swal2-contenido">Que desea Realizar?</div>
    <div class="mt-2">
    <a href="#" class="btn  btn-primary me-1" id="customButtonRecepcion"><em class="icon ni ni-file-plus"></em><span>Registrar</span></a>
    <a href="#" class="btn  btn-primary me-1" id="swal2-confirmRecepcion"><em class="icon ni ni-files"></em><span>Consultar</span></a>
    <a href="#" class="btn  btn-danger" id="swal2-cancel"><em class="icon ni ni-cross-sm"></em><span>Cancelar</span></a>
    </div>
    `,
    showCancelButton: false,
    showConfirmButton: false,
  }).then(() => {
    // Aquí puedes agregar cualquier acción que quieras realizar después de que el modal se cierre
  });
  }else{
    alert("introduzca un valor")
  }


  // Agregar controladores de eventos para los botones personalizados después de que el modal se haya mostrado
  $(document).on('click', '#customButtonRecepcion', function() {
    // Acción para el botón "Editar"
    console.log(idpaciente);
    var url = "{{ route('crearInformacionRecepcion', ['dato' => 'ID_PLACEHOLDER']) }}";
    url = url.replace('ID_PLACEHOLDER', idpaciente);
    window.location.href = url;
    // Aquí puedes agregar la lógica que quieras ejecutar para editar
  });

  $(document).off('click', '#swal2-confirmRecepcion').on('click', '#swal2-confirmRecepcion', function() {
                $.ajax({
                  type: 'GET',
                  url: "./cantidadHistorial/" + idpaciente,
                  dataType: 'json',
                  success: function(response) {
                    console.log(response)
                    var sw=0;
                    response.forEach(function(item) {
                      var cantidad = item.cantidad;
                      var tipo = item.tipo;
                      if(tipo==1 && cantidad>0){
                        sw=1;
                      }
                    });
                    if(sw==0){
                      var audio = document.getElementById("alertSound");
                      audio.play()
                      Swal.close();
                      Swal.fire({
                        html: `
                              <div class="container-fluid swal2-miEstilo">Patología</div>
                              <div class="swal2-contenido">No hay registros que coincidan con estos criterios de búsqueda</div>
                              <div class="mt-2">
                              <a href="#" class="btn  btn-danger" id="swal2-cancel"><em class="icon ni ni-cross-sm"></em><span>Aceptar</span></a>
                              </div>
                              `,
                        timer: 10000,
                        showConfirmButton: false
                      });
                    }
                    else{
                      var url = "{{ route('historialInformacion', ['dato' => 'ID_PLACEHOLDER']) }}";
                      url = url.replace('ID_PLACEHOLDER', idpaciente);
                      window.location.href = url
                    }
                  },
                  error: function(xhr, status, error) {                  
                    console.error('Error en la solicitud AJAX:', status, error); 
                  }
                });
  });

  $(document).on('click', '#swal2-cancel', function() {
    // Acción para el botón "Cancelar"
    console.log('Cancelar');
    Swal.close(); // Cerrar el modal
  });
}

function showModalRecepcion2() {
  var idpaciente = $("#idpaciente").val();
  console.log(idpaciente);
  if(idpaciente!==""){
    Swal.fire({
    html: `
    <div class="container-fluid swal2-miEstilo">Patología</div>
    <div class="swal2-contenido">Que desea Realizar?</div>
    <div class="mt-2">
    <a href="#" class="btn  btn-primary me-1" id="registroCitoRecepcion"><em class="icon ni ni-file-plus"></em><span>Registrar</span></a>
    <a href="#" class="btn  btn-primary me-1" id="ConsultaCitoRecepcion"><em class="icon ni ni-files"></em><span>Consultar</span></a>
    <a href="#" class="btn  btn-danger" id="cancelarCito"><em class="icon ni ni-cross-sm"></em><span>Cancelar</span></a>
    </div>
    `,
    showCancelButton: false,
    showConfirmButton: false,
  }).then(() => {
    // Aquí puedes agregar cualquier acción que quieras realizar después de que el modal se cierre
  });
  }else{
    alert("introduzca un valor")
  }


  // Agregar controladores de eventos para los botones personalizados después de que el modal se haya mostrado
  $(document).on('click', '#registroCitoRecepcion', function() {
    // Acción para el botón "Editar"
    console.log(idpaciente);
    var url = "{{ route('crearCitologiaRecepcion', ['dato' => 'ID_PLACEHOLDER']) }}";
    url = url.replace('ID_PLACEHOLDER', idpaciente);
    window.location.href = url;
    // Aquí puedes agregar la lógica que quieras ejecutar para editar
  });
  $(document).off('click', '#ConsultaCitoRecepcion').on('click', '#ConsultaCitoRecepcion', function() {
    $.ajax({
                  type: 'GET',
                  url: "./cantidadHistorial/" + idpaciente,
                  dataType: 'json',
                  success: function(response) {
                    console.log(response)
                    var sw=0;
                    response.forEach(function(item) {
                      var cantidad = item.cantidad;
                      var tipo = item.tipo;
                      if(tipo==3 && cantidad>0){
                        sw=1;
                      }
                    });
                    if(sw==0){
                      var audio = document.getElementById("alertSound");
                      audio.play()
                      Swal.close();
                      Swal.fire({
                        html: `
                              <div class="container-fluid swal2-miEstilo">Patología</div>
                              <div class="swal2-contenido">No hay registros que coincidan con estos criterios de búsqueda</div>
                              <div class="mt-2">
                              <a href="#" class="btn  btn-danger" id="cancelarCito"><em class="icon ni ni-cross-sm"></em><span>Aceptar</span></a>
                              </div>
                              `,
                        timer: 10000,
                        showConfirmButton: false
                      });
                    }
                    else{
                      var url = "{{ route('historialCito', ['dato' => 'ID_PLACEHOLDER']) }}";
                      url = url.replace('ID_PLACEHOLDER', idpaciente);
                      window.location.href = url
                    }
                  },
                  error: function(xhr, status, error) {                  
                    console.error('Error en la solicitud AJAX:', status, error); 
                  }
                });
  });

  $(document).on('click', '#cancelarCito', function() {
    // Acción para el botón "Cancelar"
    console.log('Cancelar');
    Swal.close(); // Cerrar el modal
  });
}
</script>
@endsection
@endsection