<?php
ob_start();
session_start();

if (!isset($_SESSION["nombre"])) {
    header("Location: login.html");
} else {
    require 'header.php';
    ?>
    <div class="content-wrapper">
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-info">
                        <div class="box-header with-border">
                            <h3 class="box-title">Generar Certificado Médico</h3>
                        </div>
                        <div class="box-body">
                            <form id="formulario_cert" method="POST">

                                <!-- Buscador de Paciente -->
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <label>Buscar Paciente:</label>
                                            <select id="idpersona" name="idpersona" class="form-control select2"
                                                style="width: 100%;" required>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <label>Información:</label>
                                        <div id="info_paciente" class="text-muted">Seleccione un paciente...</div>
                                    </div>
                                </div>

                                <hr>

                                <!-- Tipo de Certificado -->
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label>Tipo de Certificado:</label>
                                            <select class="form-control" name="tipo_certificado" id="tipo_certificado"
                                                onchange="cambiarTipoCert()">
                                                <option value="MEDICO">Médico General (Estándar)</option>
                                                <option value="REPOSO">Descanso Médico (IESS/Trabajo)</option>
                                                <option value="PERSONALIZADO">Texto Libre (Personalizado)</option>
                                            </select>
                                        </div>
                                    </div>

                                    <!-- Campos para Reposo -->
                                    <div class="col-md-2 div-reposo" style="display:none;">
                                        <div class="form-group">
                                            <label>Días de Reposo:</label>
                                            <input type="number" class="form-control" name="dias_reposo" id="dias_reposo"
                                                value="1" min="1" onchange="calcularFechaFin()">
                                        </div>
                                    </div>
                                    <div class="col-md-3 div-reposo" style="display:none;">
                                        <div class="form-group">
                                            <label>Desde:</label>
                                            <input type="date" class="form-control" name="fecha_inicio" id="fecha_inicio"
                                                value="<?php echo date('Y-m-d'); ?>" onchange="calcularFechaFin()">
                                        </div>
                                    </div>
                                    <div class="col-md-3 div-reposo" style="display:none;">
                                        <div class="form-group">
                                            <label>Hasta (Inclusive):</label>
                                            <input type="text" class="form-control" name="fecha_fin" id="fecha_fin"
                                                readonly>
                                        </div>
                                    </div>
                                </div>

                                <!-- Diagnosticos (Solo si no viene de una atencion, toca escribirlos o seleccionarlos) -->
                                <div class="row div-medico">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Diagnósticos (CIE-10 o Texto):</label>
                                            <select class="form-control select2" name="diagnosticos_select[]"
                                                id="diagnosticos_select" multiple="multiple" style="width: 100%;">
                                            </select>
                                            <small class="text-muted">Busque por código o nombre. Si no encuentra, use el
                                                campo de texto abajo.</small>
                                            <textarea class="form-control" name="diagnosticos_texto" id="diagnosticos_texto"
                                                rows="2" placeholder="O escriba diagnósticos libres aquí..."
                                                style="margin-top: 5px;"></textarea>
                                        </div>
                                    </div>
                                </div>

                                <!-- Textos Dinámicos -->
                                <div class="row">
                                    <div class="col-md-12">
                                        <!-- Para Medico General -->
                                        <label>Observaciones / Hallazgos:</label>
                                        <textarea class="form-control" name="observaciones" id="observaciones" rows="3"
                                            placeholder="Escriba aqui las observaciones e indicaciones de acuerdo a su criterio."></textarea>
                                    </div>

                                    <!-- Para Reposo -->
                                    <div class="div-reposo" style="display:none; width: 100%;">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Lugar / Ciudad:</label>
                                                    <input type="text" class="form-control" name="lugar_emision"
                                                        id="lugar_emision" placeholder="Ej: Guayaquil">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Servicio:</label>
                                                    <select class="form-control" name="servicio" id="servicio">
                                                        <option value="Urgencia">Urgencia</option>
                                                        <option value="Consulta Externa">Consulta Externa</option>
                                                        <option value="Hospitalización">Hospitalización</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Contingencia (IESS):</label>
                                                    <select class="form-control" name="contingencia" id="contingencia">
                                                        <option value="Enfermedad General">Enfermedad General</option>
                                                        <option value="Enfermedad Catastrófica">Enfermedad Catastrófica
                                                        </option>
                                                        <option value="Maternidad">Maternidad</option>
                                                        <option value="Accidente de Trabajo">Accidente de Trabajo</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label>Institución / Empresa:</label>
                                                    <input type="text" class="form-control" name="empresa" id="empresa"
                                                        placeholder="Ej: Confiteca">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Puesto de Trabajo:</label>
                                                    <input type="text" class="form-control" name="puesto_trabajo"
                                                        id="puesto_trabajo" placeholder="Ej: Vendedor">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Enfermedad:</label>
                                                    <input type="text" class="form-control" name="enfermedad_val"
                                                        id="enfermedad_val" placeholder="Ej: General">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Presenta Síntomas:</label>
                                                    <input type="text" class="form-control" name="sintomas" id="sintomas"
                                                        placeholder="Ej: Dolor y Fiebre">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Descripción:</label>
                                                    <textarea class="form-control" name="descripcion" id="descripcion"
                                                        rows="2" placeholder="Ej: Inflamación del nervio dental"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Para Personalizado -->
                                    <div class="form-group div-personalizado" style="display:none;">
                                        <label>Contenido del Certificado:</label>
                                        <textarea class="form-control" name="texto_libre" id="texto_libre" rows="10"
                                            placeholder="Escriba aquí todo el contenido del certificado..."></textarea>
                                    </div>
                                </div>
                        </div>

                        <div class="box-footer">
                            <button type="button" class="btn btn-primary pull-right" onclick="solicitarFirma()"><i
                                    class="fa fa-eye"></i> Vista Previa y Firmar</button>
                        </div>

                        </form>
                    </div>
                </div>
            </div>
    </div>
    </section>
    </div>
    <?php
    require 'footer.php';
    ?>
    <!-- Re-include Select2 JS here if footer didn't load it or conflict -->
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        // Force re-init if needed or manual fix
        $.fn.select2.defaults.set("theme", "bootstrap");
    </script>
    <script type="text/javascript" src="scripts/certificado_generar.js?v=<?php echo time(); ?>"></script>
    <?php
}
ob_end_flush();
?>