<?php
//Activamos el almacenamiento en el buffer
ob_start();
session_start();

if (!isset($_SESSION["nombre"])) {
    header("Location: login.html");
} else {
    require 'header.php';

    if ($_SESSION['atencion'] == 1) {
        ?>
        <!--Contenido-->
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box">
                            <div class="box-header with-border">
                                <h1 class="box-title">Atención
                                    <button class="btn btn-success" id="btnagregar" onclick="mostrarform(true)"><i
                                            class="fa fa-plus-circle"></i> Agregar
                                    </button>
                                </h1>
                                <div class="box-tools pull-right">
                                </div>
                            </div>
                            <!-- /.box-header -->
                            <!-- centro -->
                            <div class="panel-body table-responsive" id="listadoregistros">
                                <table id="tbllistado" class="table table-striped table-bordered table-condensed table-hover">
                                    <thead>
                                        <th>Opciones</th>
                                        <th>Fecha</th>
                                        <th>Registrador</th>
                                        <th>Servicio</th>
                                        <th>Especialista</th>
                                        <th>Paciente</th>
                                        <th>DNI</th>
                                        <th>Edad</th>
                                        <th>Costo</th>
                                        <th>Estado</th>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                    <!-- Foot removido para limpiar visualización duplicada reportada -->
                                </table>
                            </div>
                            <div class="panel-body" style="height: 400px; display: none;" id="formularioregistros">
                                <form name="formulario" id="formulario" method="POST">
                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Número Documento (*):</label>
                                        <input type="number" class="form-control" name="documento" id="documento" required="">
                                        <button type="button" onclick="buscarPaciente()" class="btn btn-info">
                                            Consultar
                                        </button>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                        <label>Paciente (*):</label>
                                        <input type="hidden" name="idatencion" id="idatencion" required="">
                                        <input type="hidden" class="form-control" name="idpaciente" id="idpaciente">
                                        <input type="hidden" class="form-control" name="idusuario" id="idusuario"
                                            maxlength="256" value="<?php echo $_SESSION['idusuario']; ?>">
                                        <input type="text" disabled="" class="form-control" name="paciente" id="paciente">
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                                <label>Servicio (*):</label>
                                                <select id="idservicio" name="idservicio" class="form-control selectpicker"
                                                    data-live-search="true" required="">

                                                </select>
                                            </div>
                                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                                <label>Especialista (*):</label>
                                                <select id="idempleado" name="idempleado" class="form-control selectpicker"
                                                    data-live-search="true" required="">

                                                </select>
                                            </div>
                                            <div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                                                <label>Costo (*):</label>
                                                <input type="number" name="costo" id="costo" class="form-control" required="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <button class="btn btn-success" type="submit" id="btnGuardar"><i class="fa fa-save"></i>
                                            Guardar y Enviar a Triaje
                                        </button>

                                        <button class="btn btn-primary" type="button" id="btnGuardarDirecto"
                                            onclick="guardaryeditarDirecto()"><i class="fa fa-fast-forward"></i>
                                            Guardar y Pasar a Atención
                                        </button>

                                        <button class="btn btn-danger" onclick="cancelarform()" type="button"><i
                                                class="fa fa-arrow-circle-left"></i> Cancelar
                                        </button>
                                    </div>
                                </form>
                            </div>

                            <div class="panel-body" id="formularioplan" style="display: none;">
                                <div class="form-group col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <label>Formato de Historia Clínica:</label>
                                    <select id="format-selector" class="form-control selectpicker" data-live-search="true">
                                        <optgroup label="Módulos Clínicos Especializados">
                                            <option value="GERIATRIA">Formulario 057A: Geriatría</option>
                                            <option value="PSICOLOGIA">Historia Clínica Psicológica</option>
                                            <option value="NUTRICION">Historia Clínica Nutricional</option>
                                        </optgroup>
                                        <optgroup label="Formatos MSP Principales">
                                            <option value="MSP_001">MSP-001: Admisión y Alta-Egreso</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Anverso: Admisión   ·   Reverso: Alta-Egreso</option>
                                            <option value="MSP_002" selected>MSP-002: Consulta Externa / Anamnesis</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Anverso: Anamnesis y Examen Físico</option>
                                            <option value="MSP_003">MSP-003: Anamnesis y Examen Físico (Hospitalización)</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Anverso: Anamnesis   ·   Reverso: Examen Físico</option>
                                            <option value="HC_MED_FUNCIONAL">Historia Clínica de Medicina Funcional</option>
                                            <option value="HC_MED_FAMILIAR">Historia Clínica Medicina Familiar</option>
                                            <option value="MSP_005">MSP-005: Evolución y Prescripción</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Hojas 1 y 2</option>
                                            <option value="MSP_006">MSP-006: Epicrisis</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Hojas 1 y 2</option>
                                            <option value="MSP_007">MSP-007: Interconsulta</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Anverso: Solicitud   ·   Reverso: Informe</option>
                                            <option value="MSP_008">MSP-008: Emergencia</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Hojas 1 y 2</option>
                                            <option value="MSP_051">MSP-051: Historia Clínica Materno Perinatal</option>
                                        </optgroup>
                                        <optgroup label="Formatos Complementarios">
                                            <option value="MSP_010">MSP-010: Laboratorio Clínico</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ 010-A: Solicitud   ·   010-B: Informe</option>
                                            <option value="MSP_012">MSP-012: Imagenología</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ 012-A: Solicitud   ·   012-B: Informe</option>
                                            <option value="MSP_020">MSP-020: Signos Vitales y Antropometría</option>
                                            <option value="MSP_024">MSP-024: Autorizaciones y Consentimiento Informado</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Anverso: Autorización, Exoneración y Retiro</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Reverso: Consentimiento Informado</option>
                                            <option value="RECETA">Receta Médica</option>
                                        </optgroup>
                                        <optgroup label="Especialidades Médicas">
                                            <option value="PEDIATRIA">Pediatría</option>
                                            <option value="NEUROPEDIATRIA">Neuropediatría</option>
                                            <option value="NEFROLOGIA">Nefrología</option>
                                            <option value="HC_MED_FAMILIAR">Medicina Familiar</option>
                                        </optgroup>
                                        <optgroup label="Medicina Ocupacional · FEMO + HCU">
                                            <option value="FEMO_2025">FEMO 2025 - Formulario Único de Evaluación Médica Ocupacional</option>
                                            <option disabled style="color:#888; font-style:italic;">&nbsp;&nbsp;&nbsp;↳ Principal según AM 00025-2025</option>
                                            <option value="FEMO_LEGAL">Autorizaciones y Consentimientos Ocupacionales</option>
                                            <option value="HCU_077">HCU 077 - Evaluación Pre-Ocupacional / Ingreso</option>
                                            <option value="HCU_078">HCU 078 - Evaluación Médica Periódica</option>
                                            <option value="HCU_079">HCU 079 - Evaluación Médica de Reintegro</option>
                                            <option value="HCU_080">HCU 080 - Evaluación Médica de Retiro</option>
                                            <option value="HCU_081">HCU 081 - Certificado de Aptitud Laboral</option>
                                            <option value="HCU_083">HCU 083 - Registro de Inmunizaciones Ocupacionales</option>
                                        </optgroup>
                                        <optgroup label="Odontología">
                                            <option value="MSP_033_ODONTO">MSP-033: Historia Odontológica</option>
                                            <option value="ODONTOPEDIATRIA">Odontopediatría</option>
                                            <option value="PERIODONTOGRAMA">Periodontograma</option>
                                            <option value="HISTORIA_ORTODONCIA">Ortodoncia</option>
                                            <option value="HISTORIA_ENDODONCIA">Endodoncia</option>
                                        </optgroup>
                                        <optgroup label="Otros / Administrativos">
                                            <option value="ANEXO_1">Anexo 1: Ficha Familiar</option>
                                            <option value="ANEXO_2">Anexo 2: Atención Prehospitalaria</option>
                                            <option value="CIRUGIA">Protocolo Quirúrgico</option>
                                            <option value="ARMONIZACION">Armonización (Face Mapping)</option>
                                            <option value="DERIVACION_INTERNA">Derivación Interna</option>
                                        </optgroup>
                                    </select>
                                </div>

                                <!-- SECCION DE ARCHIVOS ADJUNTOS -->
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                    style="margin-top: 10px; margin-bottom: 10px;">
                                    <div class="box box-primary collapsed-box">
                                        <div class="box-header with-border">
                                            <h3 class="box-title"><i class="fa fa-paperclip"></i> Adjuntar Archivos (Imágenes,
                                                PDF, etc)</h3>
                                            <div class="box-tools pull-right">
                                                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                                        class="fa fa-plus"></i></button>
                                            </div>
                                        </div>
                                        <div class="box-body">
                                            <div class="callout callout-info" style="margin-bottom: 10px;">
                                                <p><i class="fa fa-info-circle"></i> Los archivos seleccionados se guardarán al
                                                    hacer clic en <b>Guardar Consulta</b>.</p>
                                            </div>
                                            <!-- Upload Form (Input fuera del form principal para ser capturado por FormData del form 'formulariop' si estuviera dentro, pero aqui está fuera. 
                                                  Sin embargo, atencion.js captura #formulariop.
                                                  PROBLEMA: Este input está FUERA de #formulariop (que está dentro de msp_002.php).
                                                  SOLUCION: Usamos un atributo 'form="formulariop"' en el input para vincularlo al form, 
                                                  O movemos este bloque dentro de loadClinicalForm callback? No, eso es complejo.
                                                  MEJOR: Modificamos atencion.js para anexar estos archivos manualmente al FormData.
                                             -->
                                            <label>Seleccionar Archivos:</label>
                                            <input type="file" id="archivos_adjuntos_input" multiple class="form-control">
                                            <div id="lista_archivos_preview"
                                                style="margin-top:10px; font-weight:bold; color:#555;"></div>
                                        </div>
                                    </div>
                                </div>
                                <!-- FIN SECCION ARCHIVOS -->

                                <div id="clinical-form-container">
                                    <?php include 'formatos/msp_002.php'; ?>
                                </div>

                            </div>
                            <!--Fin centro -->
                        </div><!-- /.box -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </section><!-- /.content -->

            <!-- Fin Calculadoras -->

        </div><!-- /.content-wrapper -->
        <!--Fin-Contenido-->
        <?php
    } else {
        require 'noacceso.php';
    }

    require 'footer.php';
    ?>
    <?php require_once 'empty_state.php'; ?>
    <script>
      window.EMPTY_STATE_ATENCIONES = <?php echo json_encode(hc_empty_state_html(
          'stethoscope',
          'No hay atenciones registradas',
          'Las consultas médicas de tus pacientes aparecerán aquí. Empieza creando la primera.',
          'Nueva atención',
          '',
          'mostrarform(true)'
      )); ?>;
      window.ZERO_RECORDS_ATENCIONES = "No se encontraron atenciones con ese filtro.";
    </script>
    <script type="text/javascript" src="scripts/atencion.js"></script>
    <?php
}
ob_end_flush();
?>