<?php

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

  echo '<script>

    window.location = "inicio";

  </script>';

  return;

}

?>


<?php
// Validar que el paciente exista para evitar errores de "undefined"
if(isset($_GET["idTriaje"])){
    $item = "id_triaje";
    $valor = $_GET["idTriaje"];
    $paciente = ControladorConsulta::ctrMostrarPacienteConsulta($item, $valor);
    
    if(!$paciente){
        echo '<script>window.location = "consulta-medica";</script>';
        return;
    }
}
?>

<div class="content-wrapper">
    <section class="content">
        <div class="container-fluid pt-3">
            <div class="row">
                
                <div class="col-md-3">
                    <?php if (tienePermiso("CONSULTA MEDICA", "VER")): ?>
                    <button type="button" class="btn btn-info btn-block shadow-sm mb-3" id="btnVerHistorial" idPaciente="<?php echo $paciente['id_paciente']; ?>">
                        <i class="fas fa-history mr-1"></i> VER HISTORIAL CLÍNICO
                    </button>
                <?php endif; ?>
                    <div class="card card-outline card-danger shadow-sm">
                        <div class="card-header"><h3 class="card-title font-weight-bold">Funciones Vitales</h3></div>
                        <div class="card-body p-0">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <b>Prioridad:</b> 
                                    <?php
                                        $clasePrio = "badge-secondary";
                                        if($paciente["nivel_prioridad"] == "T1") $clasePrio = "badge-danger animate__animated animate__flash animate__infinite";
                                        if($paciente["nivel_prioridad"] == "T2") $clasePrio = "badge-warning text-white";
                                        if($paciente["nivel_prioridad"] == "T3") $clasePrio = "badge-success";
                                    ?>
                                    <span class="badge <?php echo $clasePrio; ?> float-right px-2 py-1"><?php echo $paciente["nivel_prioridad"]; ?></span>
                                </li>
                                <li class="list-group-item"><b>PA:</b> <span class="float-right text-navy"><?php echo $paciente["presion_arterial"]; ?></span></li>
                                <li class="list-group-item"><b>Temp:</b> <span class="float-right"><?php echo $paciente["temperatura"]; ?> °C</span></li>
                                <li class="list-group-item"><b>SatO2:</b> <span class="float-right font-weight-bold text-primary"><?php echo $paciente["saturacion_oxigeno"]; ?> %</span></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-9">
                    <div class="card shadow-lg border-0">
                        <div class="card-header bg-primary text-white">
                            <h3 class="card-title">
                                <i class="fas fa-stethoscope mr-2"></i> PACIENTE: <strong><?php echo $paciente["nombres"]." ".$paciente["apellidos"]; ?></strong>
                            </h3>
                        </div>
                        
                        <form role="form" method="post" enctype="multipart/form-data">
                            <div class="card-body">
                                <input type="hidden" name="idIngresoAtencion" value="<?php echo $paciente["id_ingreso"]; ?>">
                                <input type="hidden" name="idTriajeAtencion" value="<?php echo $paciente["id_triaje"]; ?>">
                                <input type="hidden" name="idPacienteAtencion" value="<?php echo $paciente["id_paciente"]; ?>">

                                <div class="accordion" id="accordionAtencion">
                    
                                    <div class="card border-bottom">
                                        <div class="card-header bg-light" id="headingOne">
                                            <h2 class="mb-0">
                                                <button class="btn btn-block text-left font-weight-bold" type="button" data-toggle="collapse" data-target="#collapseOne">
                                                    <i class="fas fa-file-medical mr-2"></i> Historia Clínica y Examen Físico
                                                </button>
                                            </h2>
                                        </div>

                                        <div id="collapseOne" class="collapse show" data-parent="#accordionAtencion">
                                            <div class="card-body">
                                                    <div class="row">
                                                        <div class="col-md-6 form-group">
                                                            <label class="text-primary font-weight-bold">Anamnesis / Historia</label>
                                                            <textarea class="form-control" name="nuevaAnamnesis" rows="4" required></textarea>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="text-primary font-weight-bold">Examen Físico</label>
                                                            <textarea class="form-control" name="nuevoExamenFisico" rows="4"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card border-bottom">
                                            <div class="card-header bg-light" id="headingTwo">
                                                <button class="btn btn-block text-left font-weight-bold collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo">
                                                    <i class="fas fa-notes-medical mr-2"></i> Antecedentes y Funciones
                                                </button>
                                            </div>
                                            <div id="collapseTwo" class="collapse" data-parent="#accordionAtencion">
                                                <div class="card-body">

                                                    <div class="row">
                                                        <div class="col-md-12 form-group">
                                                            <label class="text-danger font-weight-bold">
                                                                <i class="fas fa-notes-medical mr-1"></i> Antecedentes (Selección Rápida)
                                                            </label>
                                                            
                                                            <div class="row bg-light p-3 border rounded">
                                                                <?php 
                                                                $listaAntecedentes = [
                                                                    "TBC", "Diabetes", "Insuf. Renal", "Artritis", 
                                                                    "Hepatitis", "VIH", "Cirugías Previas", "Transfusión Sanguínea"
                                                                ];
                                                                
                                                                foreach ($listaAntecedentes as $antecedente): ?>
                                                                    <div class="col-md-3">
                                                                        <div class="custom-control custom-checkbox">
                                                                            <input class="custom-control-input" type="checkbox" 
                                                                                id="check_<?php echo str_replace(' ', '', $antecedente); ?>" 
                                                                                name="antecedentes_seleccionados[]" 
                                                                                value="<?php echo $antecedente; ?>">
                                                                            <label for="check_<?php echo str_replace(' ', '', $antecedente); ?>" 
                                                                                class="custom-control-label">
                                                                                <?php echo $antecedente; ?>
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                <?php endforeach; ?>
                                                            </div>

                                                            <div class="mt-3">
                                                                <label class="small font-weight-bold text-muted">Detalles adicionales o antecedentes no listados:</label>
                                                                <textarea class="form-control" name="nuevosAntecedentes" rows="2" placeholder="Ej: Hipertensión hace 5 años, alergias a medicamentos..."></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 form-group">
                                                            <label class="text-info font-weight-bold">Funciones Biológicas</label>
                                                            <textarea class="form-control" name="nuevasFuncionesBio" rows="2" placeholder="Apetito, sed, orina, deposiciones..."></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card border-bottom">
                                            <div class="card-header bg-light" id="headingThree">
                                                <button class="btn btn-block text-left font-weight-bold collapsed" type="button" data-toggle="collapse" data-target="#collapseThree">
                                                    <i class="fas fa-pills mr-2"></i> Diagnóstico y Tratamiento
                                                </button>
                                            </div>
                                            <div id="collapseThree" class="collapse" data-parent="#accordionAtencion">
                                                <div class="card-body">

                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <label class="text-primary font-weight-bold">Diagnósticos CIE-10 (RF09)</label>
                                                            <div id="contenedorDiagnosticos">
                                                                <div class="row mb-2 fila-diagnostico">
                                                                    <div class="col-md-10">
                                                                        <input type="text"  class="form-control" name="nuevoCie10[]" placeholder="Diagnostico" required>
                                                                    </div>
                                                                    <div class="col-md-2">
                                                                        <button type="button" class="btn btn-primary btn-block btnAgregarDiagnostico">
                                                                            <i class="fas fa-plus"></i>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <script>
                                                            $(document).ready(function(){
                                                                $(".btnAgregarDiagnostico").click(function(){
                                                                    var nuevaFila = `
                                                                        <div class="row mb-2 fila-diagnostico animate__animated animate__fadeIn">
                                                                            <div class="col-md-10">
                                                                                <input type="text"  class="form-control" name="nuevoCie10[]" placeholder="Diagnostico" required>
                                                                            </div>
                                                                            <div class="col-md-2">
                                                                                <button type="button" class="btn btn-danger btn-block btnQuitarDiagnostico">
                                                                                    <i class="fas fa-minus"></i>
                                                                                </button>
                                                                            </div>
                                                                        </div>`;
                                                                    $("#contenedorDiagnosticos").append(nuevaFila);
                                                                    $('.select2').select2(); // Reinicializar Select2 para la nueva fila
                                                                });

                                                                $(document).on("click", ".btnQuitarDiagnostico", function(){
                                                                    $(this).closest(".fila-diagnostico").remove();
                                                                });
                                                            });
                                                            </script>

                                                    
                                                    </div>


                                                    <div class="row">
                                                            <div class="row mt-4">
                                                                <div class="col-md-12">
                                                                    <label class="text-success font-weight-bold">
                                                                        <i class="fas fa-pills"></i> RECETA MÉDICA (Medicamentos)
                                                                    </label>
                                                                    <div class="table-responsive">
                                                                        <table class="table table-bordered" id="tablaMedicamentos">
                                                                            <thead class="bg-light">
                                                                                <tr>
                                                                                    <th>Medicamento</th>
                                                                                    <th>Concentración</th>
                                                                                    <th>Cantidad</th>
                                                                                    <th>Dosis</th>
                                                                                    <th>Vía</th>
                                                                                    <th>Frecuencia</th>
                                                                                    <th>Duración</th>
                                                                                    <th>Acción</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                <tr class="fila-medicamento">
                                                                                    <td><input type="text" name="med_nombre[]" class="form-control" placeholder="Ej: Amoxicilina"></td>
                                                                                    <td><input type="text" name="med_conc[]" class="form-control" placeholder="500mg"></td>
                                                                                    <td><input type="text" name="med_cant[]" class="form-control" placeholder="10"></td>
                                                                                    <td><input type="text" name="med_dosis[]" class="form-control" placeholder="1 cap"></td>
                                                                                    <td><input type="text" name="med_via[]" class="form-control" placeholder="Oral"></td>
                                                                                    <td><input type="text" name="med_frec[]" class="form-control" placeholder="cada 8h"></td>
                                                                                    <td><input type="text" name="med_duracion[]" class="form-control" placeholder="7 días"></td>
                                                                                    <td>
                                                                                        <button type="button" class="btn btn-success btnAgregarMed"><i class="fas fa-plus"></i></button>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row mt-3">
                                                            <div class="col-md-4 form-group">
                                                                <label class="text-info font-weight-bold">Procedimiento</label>
                                                                <textarea class="form-control" name="nuevoProcedimiento" rows="2" placeholder="Ej: Sutura de herida, nebulización..."></textarea>
                                                            </div>

                                                            <div class="col-md-4 form-group">
                                                                <label class="text-info font-weight-bold">Indicaciones Generales</label>
                                                                <textarea class="form-control" name="nuevasIndicaciones" rows="2" placeholder="Ej: Reposo absoluto, dieta blanda..."></textarea>
                                                            </div>

                                                            <div class="col-md-4 form-group">
                                                                <label class="font-weight-bold">Destino (RF10)</label>
                                                                <select class="form-control custom-select" name="nuevoDestino" required>
                                                                    <option value="">Seleccione destino...</option>
                                                                    
                                                                    <optgroup label="Finalizar Atención">
                                                                        <option value="alta">Alta Médica</option>
                                                                    </optgroup>

                                                                    <optgroup label="Continuar en Hospital (Observación)">
                                                                        <option value="transferencia_piso">Transferencia a Piso</option>
                                                                        <option value="transferencia_UCI">Transferencia a UCI</option>
                                                                    </optgroup>

                                                                    <optgroup label="Otros">
                                                                        <option value="deceso">Deceso</option>
                                                                    </optgroup>
                                                                </select>
                                                            </div> 
                                                        </div>




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

                                    </div> </div>

                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="card card-outline card-primary bg-light">
                                        <div class="card-header p-2">
                                            <h3 class="card-title text-primary font-weight-bold" style="font-size: 0.9rem;">
                                                <i class="fas fa-paperclip mr-1"></i> DIGITALIZACIÓN DE DOCUMENTOS (RF05)
                                            </h3>
                                        </div>
                                        <div class="card-body p-3">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group mb-0">
                                                        <label class="small font-weight-bold">Tipo de Documento</label>
                                                        <select class="form-control form-control-sm" name="tipoDocumentoClinico" id="tipoDocumentoClinico">
                                                            <option value="Consentimiento Informado">Consentimiento Informado</option>
                                                            <option value="Resultado Laboratorio">Resultado de Laboratorio</option>
                                                            <option value="Documento Hospitalario">Documento Hospitalario</option>
                                                            <option value="Otro">Otro</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group mb-0">
                                                        <label class="small font-weight-bold">Adjuntar Archivo (PDF / Imagen)</label>
                                                        <div class="input-group input-group-sm">
                                                            <div class="custom-file">
                                                                <?php if (tienePermiso("CONSULTA MEDICA", "SUBIR")): ?>
                                                                <input type="file" class="custom-file-input" name="archivoClinico" id="archivoClinico" accept=".pdf, .jpg, .png">
                                                                <label class="custom-file-label" for="archivoClinico" style="overflow: hidden;">Seleccionar...</label>
                                                                <?php endif; ?>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <p class="text-muted mb-0 mt-2 small">
                                                <i class="fas fa-info-circle"></i> Use esta sección para digitalizar consentimientos firmados o reportes externos.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card-footer bg-white text-right border-top">
                                <?php if (tienePermiso("CONSULTA MEDICA", "CREAR")): ?>
                                <button type="submit" class="btn btn-success px-5 shadow-sm font-weight-bold">
                                    <i class="fas fa-save mr-1"></i> FINALIZAR ATENCIÓN
                                </button>
                                <?php endif; ?>
                            </div>
                            
                            <?php
                                
                                 $finalizar = new ControladorConsulta();
                                 $finalizar -> ctrFinalizarAtencion();
                            ?>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<?php include "modulos/historial.modal.php"; ?>

<script>
    $(document).ready(function(){
        // Función para agregar fila de medicamentos
        $(".btnAgregarMed").click(function(){
            var nuevaFila = `
            <tr class="fila-medicamento animate__animated animate__fadeIn">
                <td><input type="text" name="med_nombre[]" class="form-control"></td>
                <td><input type="text" name="med_conc[]" class="form-control"></td>
                <td><input type="text" name="med_cant[]" class="form-control"></td>
                <td><input type="text" name="med_dosis[]" class="form-control"></td>
                <td><input type="text" name="med_via[]" class="form-control"></td>
                <td><input type="text" name="med_frec[]" class="form-control"></td>
                <td><input type="text" name="med_duracion[]" class="form-control"></td>
                <td>
                    <button type="button" class="btn btn-danger btnQuitarMed"><i class="fas fa-minus"></i></button>
                </td>
            </tr>`;
            $("#tablaMedicamentos tbody").append(nuevaFila);
        });

        // Función para quitar fila
        $(document).on("click", ".btnQuitarMed", function(){
            $(this).closest("tr").remove();
        });
    });
      
       var elemento = document.getElementById("almacen");
      elemento.className += " active";

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

      var elemento = document.getElementById("consulta-medica");
      elemento.className += " active";

      $(document).on('change', '#archivoClinico', function(e){
            // Obtenemos el nombre del archivo
            var fileName = e.target.files[0].name;
            // Lo escribimos en el label correspondiente
            $(this).next('.custom-file-label').html(fileName);
        });
</script>

<script src="vistas/js/nuevo.js"></script>


