<?php
/**
 * ACUERDO DE CONFIDENCIALIDAD Y CONSENTIMIENTO INFORMADO
 * Diseño sobrio y profesional para Psicología.
 */
?>
<style>
    .conf-container { font-family: 'Inter', sans-serif; padding: 20px; color: #334155; }
    .conf-card { background: white; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); overflow: hidden; }
    .conf-header { background: #1e293b; color: white; padding: 20px; text-align: center; }
    .conf-header h2 { margin: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .conf-body { padding: 30px; line-height: 1.6; font-size: 14px; }
    .conf-section { margin-bottom: 25px; border-bottom: 1px solid #f1f5f9; padding-bottom: 15px; }
    .conf-section h3 { font-size: 15px; font-weight: 700; color: #0f172a; margin-bottom: 10px; display: flex; align-items: center; }
    .conf-section h3 i { margin-right: 10px; color: #3b82f6; }
    .conf-text { color: #475569; text-align: justify; }
    
    .conf-input-group { background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 15px; margin-top: 10px; }
    .conf-label { font-weight: 600; font-size: 12px; color: #64748b; text-transform: uppercase; margin-bottom: 5px; display: block; }
    .conf-input { width: 100%; border: 1px solid #cbd5e1; border-radius: 6px; padding: 8px 12px; font-size: 14px; transition: all 0.2s; }
    .conf-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); outline: none; }

    .signature-upload-box { border: 2px dashed #94a3b8; border-radius: 10px; padding: 20px; text-align: center; background: #f1f5f9; cursor: pointer; transition: 0.3s; margin-top: 20px; }
    .signature-upload-box:hover { border-color: #3b82f6; background: #eff6ff; }
    .signature-preview { max-width: 200px; max-height: 100px; margin-top: 10px; display: none; border: 1px solid #e2e8f0; border-radius: 4px; }
</style>

<div class="conf-container">
    <form id="form_confidencialidad" name="form_confidencialidad" method="POST" enctype="multipart/form-data">
        <input type="hidden" name="idatencion" id="idatencion_conf" value="<?php echo $_POST['idatencion'] ?? ''; ?>">
        <input type="hidden" name="tipo_formato" value="CONFIDENCIALIDAD">

        <div class="conf-card">
            <div class="conf-header">
                <h2>Acuerdo de Confidencialidad y Políticas de Atención</h2>
            </div>
            
            <div class="conf-body">
                <p class="conf-text">
                    Conste por el presente documento el Acuerdo celebrado entre el/la profesional de la psicología y el/la paciente adulto, bajo las siguientes cláusulas y condiciones:
                </p>

                <div class="conf-section">
                    <h3><i class="fa fa-shield-alt"></i> 1. COMPROMISO DE CONFIDENCIALIDAD</h3>
                    <p class="conf-text">
                        El/la profesional garantiza el secreto profesional. Toda la información verbal, escrita o documental está protegida por la Constitución de la República del Ecuador (Art. 66, num. 19), la Ley Orgánica de Salud (Art. 362) y la Ley de Derechos y Amparo al Paciente (Art. 4).
                    </p>
                </div>

                <div class="conf-section">
                    <h3><i class="fa fa-exclamation-triangle"></i> 2. EXCEPCIONES LEGALES AL SECRETO PROFESIONAL</h3>
                    <p class="conf-text">
                        El/la paciente acepta que la confidencialidad se romperá, obligatoriamente y sin su consentimiento, únicamente en los siguientes casos de fuerza mayor:
                    </p>
                    <ul class="conf-text">
                        <li>Riesgo inminente de autoeliminación o daño grave hacia sí mismo.</li>
                        <li>Amenaza directa o peligro real contra la vida o integridad de terceras personas.</li>
                        <li>Indicios o certeza de abuso, maltrato o violencia hacia menores, adultos mayores o personas con discapacidad.</li>
                        <li>Requerimiento legal explícito mediante orden emitida por un Juez competente o Fiscalía General del Estado.</li>
                    </ul>
                </div>

                <div class="conf-section">
                    <h3><i class="fa fa-laptop-medical"></i> 3. MANEJO DE LA HISTORIA CLÍNICA DIGITAL</h3>
                    <p class="conf-text">
                        Toda la información de las sesiones se registrará en una Historia Clínica Digital protegida que cumple con la LOPDP de Ecuador. El acceso está restringido exclusivamente al profesional tratante.
                    </p>
                </div>

                <div class="conf-section">
                    <h3><i class="fa fa-calendar-check"></i> 4. POLÍTICA DE AGENDAMIENTO Y CANCELACIÓN</h3>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="conf-input-group">
                                <label class="conf-label">Porcentaje cobro inasistencia (%)</label>
                                <input type="number" name="porcentaje_inasistencia" class="conf-input" value="100" placeholder="Ej: 100">
                                <small class="text-muted">Se cobrará si cancela con menos de 24h.</small>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="conf-input-group">
                                <label class="conf-label">Tolerancia de espera (minutos)</label>
                                <input type="number" name="minutos_tolerancia" class="conf-input" value="15" placeholder="Ej: 15">
                                <small class="text-muted">Tiempo máximo de retraso permitido.</small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="conf-section" style="background: #fffcf0; padding: 20px; border-radius: 8px; border: 1px solid #fef3c7;">
                    <h3><i class="fa fa-check-double"></i> 5. DECLARACIÓN DE ACEPTACIÓN</h3>
                    <p class="conf-text">
                        Yo, <b id="lbl_paciente_conf">[Cargando...]</b>, con C.C. Nro. <b id="lbl_dni_conf">[Cargando...]</b>, declaro que he leído de forma íntegra, comprendido y aceptado todas las políticas detalladas en este documento.
                    </p>
                    <div class="row mt-3">
                        <div class="col-md-6">
                            <label class="conf-label">Ciudad de emisión</label>
                            <input type="text" name="ciudad_emision" class="conf-input" value="Quito" placeholder="Ej: Quito">
                        </div>
                        <div class="col-md-6">
                            <label class="conf-label">Fecha de Acuerdo</label>
                            <input type="date" name="fecha_acuerdo" class="conf-input" value="<?php echo date('Y-m-d'); ?>">
                        </div>
                    </div>
                </div>

        <div class="row">
                    <div class="col-md-12">
                        <div class="signature-upload-box" onclick="$('#foto_firma_paciente').click();">
                            <i class="fa fa-upload fa-2x text-muted"></i>
                            <p style="margin-top:10px; font-weight:600;">SUBIR FOTO DE LA FIRMA DEL PACIENTE</p>
                            <p class="text-muted small">Haga clic aquí para seleccionar o capturar la firma</p>
                            <input type="file" name="foto_firma_paciente" id="foto_firma_paciente" style="display:none;" accept="image/*" onchange="subirFirmaPaciente(this)">
                            <input type="hidden" name="ruta_firma_paciente" id="ruta_firma_paciente">
                            <img id="img_preview_firma" class="signature-preview">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script>
    function subirFirmaPaciente(input) {
        if (input.files && input.files[0]) {
            // Preview local
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#img_preview_firma').attr('src', e.target.result).fadeIn();
            }
            reader.readAsDataURL(input.files[0]);

            // Subida inmediata via AJAX
            var formData = new FormData();
            formData.append('foto_firma_paciente', input.files[0]);
            formData.append('idatencion', $("#idatencion_conf").val());

            $.ajax({
                url: "../ajax/atencion_formatos.php?op=subir_firma_paciente",
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                success: function(datos) {
                    var res = JSON.parse(datos);
                    if (res.success) {
                        $("#ruta_firma_paciente").val(res.ruta);
                        toastr.success("Firma del paciente cargada correctamente.");
                    } else {
                        toastr.error("Error al subir firma: " + res.message);
                    }
                }
            });
        }
    }

    $(document).ready(function() {
        // Sincronizar datos del paciente desde el objeto global si existe
        if (typeof currentPatientData !== 'undefined') {
            $("#lbl_paciente_conf").text(currentPatientData.paciente);
            $("#lbl_dni_conf").text(currentPatientData.num_documento);
        }
    });
</script>
