<?php
// RECETA - RECETA MÉDICA (PRESCRIPCIÓN)
// Módulo completo de recetas con firma digital
?>

<!-- Header del Paciente -->
<?php include 'partials/patient_header.php'; ?>

<style>
    .receta-container {
        background: white;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .receta-header {
        background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
        color: white;
        padding: 15px 20px;
        border-radius: 4px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .receta-header i {
        font-size: 24px;
    }

    .receta-section {
        margin-bottom: 25px;
    }

    .receta-section-title {
        font-size: 16px;
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 15px;
        padding-bottom: 8px;
        border-bottom: 2px solid #4CAF50;
    }

    .medicamentos-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 15px;
    }

    .medicamentos-table thead {
        background-color: #4CAF50;
        color: white;
    }

    .medicamentos-table th,
    .medicamentos-table td {
        padding: 10px;
        text-align: left;
        border: 1px solid #ddd;
    }

    .medicamentos-table tbody tr:hover {
        background-color: #f5f5f5;
    }

    .btn-add-medicamento {
        background: #4CAF50;
        color: white;
        border: none;
        padding: 8px 15px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .btn-add-medicamento:hover {
        background: #45a049;
    }

    .vigencia-input {
        display: inline-block;
        width: 200px;
        margin-left: 15px;
    }

    .action-buttons {
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 2px solid #eee;
    }

    .btn-primary-custom {
        background: #2196F3;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .btn-success-custom {
        background: #4CAF50;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .btn-warning-custom {
        background: #FF9800;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }
</style>

<div class="receta-container">
    <!-- Header de Receta -->
    <div class="receta-header">
        <i class="fa fa-file-text-o"></i>
        <h3 style="margin: 0;">RECETA MÉDICA</h3>
    </div>

    <form id="formulario_receta" name="formulario_receta" method="POST">
        <input type="hidden" name="tipo_formato" value="RECETA">
        <input type="hidden" name="idatencion" id="idatencion">
        <input type="hidden" name="idresultado" id="idresultado">
        <input type="hidden" name="idpersona" id="idpersona">

        <!-- Sección de Medicamentos -->
        <div class="receta-section">
            <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
                <div class="receta-section-title" style="margin: 0; border: none;">
                    <i class="fa fa-medkit"></i> Medicamentos
                </div>
                <div style="display: flex; align-items: center; gap: 15px;">
                    <label style="margin: 0;">
                        <strong>Vigencia:</strong>
                        <input type="text" class="form-control vigencia-input" name="vigencia" placeholder="Ej: 3 días"
                            required>
                    </label>
                    <button type="button" class="btn-add-medicamento" onclick="agregarReceta()">
                        <i class="fa fa-plus"></i> Agregar Medicamento
                    </button>
                </div>
            </div>

            <div class="table-responsive">
                <table id="recetas" class="medicamentos-table">
                    <thead>
                        <tr>
                            <th width="5%">Borrar</th>
                            <th width="20%">Medicamento</th>
                            <th width="12%">Concentración</th>
                            <th width="15%">Forma Farmacéutica</th>
                            <th width="15%">Vía Admin.</th>
                            <th width="8%">Cantidad</th>
                            <th width="25%">Posología</th>
                        </tr>
                    </thead>
                    <tbody id="tablabodyrecetas">
                        <!-- Primera fila por defecto -->
                        <tr class="filasr" id="filar0">
                            <td>
                                <button type="button" class="btn btn-sm btn-danger" onclick="eliminarReceta(0)">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </td>
                            <td>
                                <input type="text" class="form-control medicamento-input" id="medicamento_0"
                                    name="medicamento[]" autocomplete="off" data-row="0" required>
                                <input type="hidden" id="medicamento_id_0" name="medicamento_id[]">
                            </td>
                            <td>
                                <input type="text" class="form-control" name="concentracion[]" placeholder="Ej: 500mg">
                            </td>
                            <td>
                                <input type="text" class="form-control" id="presentacion_0" name="presentacion[]"
                                    placeholder="Ej: Tableta">
                            </td>
                            <td>
                                <select class="form-control" name="via_administracion[]">
                                    <option value="ORAL">ORAL</option>
                                    <option value="SUBLINGUAL">SUBLINGUAL</option>
                                    <option value="BUCAL">BUCAL</option>
                                    <option value="RECTAL">RECTAL</option>
                                    <option value="INTRAVENOSA">INTRAVENOSA</option>
                                    <option value="INTRAMUSCULAR">INTRAMUSCULAR</option>
                                    <option value="SUBCUTANEA">SUBCUTANEA</option>
                                    <option value="INTRADERMICA">INTRADERMICA</option>
                                    <option value="TOPICA">TOPICA</option>
                                    <option value="TRANSDERMICA">TRANSDERMICA</option>
                                    <option value="OFTALMICA">OFTALMICA</option>
                                    <option value="OTICA">OTICA</option>
                                    <option value="NASAL">NASAL</option>
                                    <option value="VAGINAL">VAGINAL</option>
                                    <option value="INHALATORIA">INHALATORIA</option>
                                    <option value="RESPIRATORIA">RESPIRATORIA</option>
                                </select>
                            </td>
                            <td>
                                <input type="number" class="form-control" name="cantidad[]" placeholder="Cant." min="1">
                            </td>
                            <td>
                                <input type="text" class="form-control" name="posologia[]"
                                    placeholder="Ej: Cada 8 horas">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Sección de Indicaciones -->
        <div class="receta-section">
            <div class="receta-section-title">
                <i class="fa fa-info-circle"></i> Indicaciones
            </div>
            <textarea class="form-control" name="tratamiento" id="tratamiento" rows="5"
                placeholder="Instrucciones para la medicación..."></textarea>
        </div>

        <!-- Sección de Signos de Alarma -->
        <div class="receta-section">
            <div class="receta-section-title">
                <i class="fa fa-exclamation-triangle"></i> Signos de Alarma
            </div>
            <textarea class="form-control" name="signnose_de_alarma" id="signnose_de_alarma" rows="5"
                placeholder="Signos de alarma que requieren atención inmediata..."></textarea>
        </div>

        <!-- Sección de Indicaciones No Farmacológicas -->
        <div class="receta-section">
            <div class="receta-section-title">
                <i class="fa fa-heart"></i> Indicaciones No Farmacológicas
            </div>
            <textarea class="form-control" name="Indicaciones_no_farmacologicas" id="Indicaciones_no_farmacologicas"
                rows="5" placeholder="Recomendaciones generales, dieta, ejercicio, etc..."></textarea>
        </div>

        <!-- Botones de Acción (ELIMINADOS - SE USA GUARDADO GLOBAL) -->
        <!-- 
        <div class="action-buttons">
            ...
        </div> 
        -->
    </form>
</div>

<script>
    $(document).ready(function () {
        console.log("=== MÓDULO DE RECETAS CARGADO ===");

        // Inicializar autocompletado de medicamentos
        inicializarAutocompleteMedicamentos();

        // Manejar envío del formulario
        $("#formulario_receta").on("submit", function (e) {
            e.preventDefault();
            guardaryeditar();
        });

        // Mostrar botón de PDF si ya existe una receta guardada
        if ($("#idresultado").val()) {
            $("#btnGenerarPDF").show();
        }
    });

    // Función para generar PDF de receta
    function generarPDFReceta() {
        var idatencion = $("#idatencion").val();
        if (!idatencion) {
            bootbox.alert("No hay atención seleccionada");
            return;
        }

        // Abrir PDF en nueva ventana
        window.open("../reportes/receta.php?idatencion=" + idatencion, "_blank");
    }

    // Sobrescribir guardaryeditar para este formato
    function guardaryeditar() {
        bootbox.confirm("¿Desea guardar la receta?", function (result) {
            if (result) {
                var formData = new FormData($("#formulario_receta")[0]);

                // Agregar datos adicionales necesarios
                formData.append('iddiagnostico[]', ''); // Vacío por ahora
                formData.append('tipo[]', ''); // Vacío por ahora

                $.ajax({
                    url: "../ajax/resultado.php?op=guardaryeditar",
                    type: "POST",
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function (datos) {
                        bootbox.alert(datos, function () {
                            $("#btnGenerarPDF").show();
                            // Recargar para obtener el idresultado
                            if (typeof mostrar === 'function') {
                                mostrar($("#idatencion").val());
                            }
                        });
                    },
                    error: function () {
                        bootbox.alert("Error al guardar la receta");
                    }
                });
            }
        });
    }
</script>