<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <title>Declaración SARLAFT</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* NOTA: nada de @page aquí — esta versión de dompdf la ignora.
           El espacio para el encabezado se reserva con el margen del body,
           que sí aplica en todas las páginas. */
        body {
            font-family: 'DejaVu Sans', Arial, sans-serif;
            font-size: 9.5pt;
            color: #1a1a1a;
            line-height: 1.25;
            margin: 4cm 0 1cm 0; /* margen superior amplio: ahí vive el encabezado (~3.5cm de alto) */
            padding: 0;
        }

        /* ── ENCABEZADO FIJO ──
           position:fixed en esta versión de dompdf se mide desde el borde
           del PAPEL, por eso top es POSITIVO (no negativo). */
        .header-fixed {
            position: fixed;
            top: 0.55cm;
            left: 2cm;
            right: 2cm;
        }

        .header-table {
            width: 100%;
            border-collapse: collapse;
            border: 1.5px solid #000;
        }

        .header-table td {
            border: 1.5px solid #000;
            vertical-align: top;
            padding: 0;
        }

        .header-table .col-logo {
            width: 100px;
            text-align: center;
            vertical-align: middle;
            padding: 4px;
        }

        .hdr-titulo {
            font-weight: bold;
            font-size: 10pt;
            text-align: center;
            padding: 6px 8px;
            border-bottom: 1.5px solid #000;
            line-height: 1.35;
        }

        .hdr-talento {
            font-weight: bold;
            font-size: 9pt;
            text-align: center;
            padding: 5px;
        }

        .header-table .col-meta {
            width: 190px;
            font-size: 8.5pt;
        }

        .meta-line {
            padding: 3px 8px;
            border-bottom: 1px solid #000;
            line-height: 1.3;
        }

        .meta-last {
            padding: 2px 8px;
            font-size: 7.5pt;
            color: #555;
            line-height: 1.25;
        }

        /* ── CONTENIDO ── */
        .doc-title {
            text-align: center;
            margin: 0 0 8px 0;
            background: #f0f4fa;
            border: 1.5px solid #003d7a;
            border-radius: 6px;
            padding: 5px 15px;
        }

        .doc-title h2 {
            font-size: 11pt;
            color: #003d7a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            line-height: 1.3;
        }

        .intro {
            margin-bottom: 7px;
            text-align: justify;
        }

        .clause {
            margin-bottom: 5px;
            text-align: justify;
        }

        .clause .clause-title {
            font-weight: bold;
            color: #003d7a;
            display: block;
            margin-bottom: 1px;
        }

        .info-block {
            background: #f8faff;
            border-left: 4px solid #003d7a;
            padding: 4px 8px;
            margin-bottom: 4px;
            font-size: 9pt;
        }

        .info-block strong {
            color: #003d7a;
        }

        .data-table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 10px;
            font-size: 9pt;
        }

        .data-table th {
            background: #003d7a;
            color: #fff;
            padding: 4px 8px;
            text-align: left;
            font-size: 9pt;
        }

        .data-table td {
            padding: 3px 8px;
            border-bottom: 1px solid #dee2e6;
        }

        .data-table tr:nth-child(even) td {
            background: #f8f9fa;
        }

        .firma-section {
            margin-top: 14px;
            display: table;
            width: 100%;
            page-break-inside: avoid;
        }

        .firma-col {
            display: table-cell;
            width: 50%;
            padding: 0 10px;
            vertical-align: top;
        }

        .firma-line {
            border-top: 1.5px solid #1a1a1a;
            margin-top: 0px;
            padding-top: 5px;
            font-size: 9pt;
            width: 220px;
        }

        .firma-img-wrap {
            height: auto;
            min-height: 20px;
            text-align: left;
        }

        .firma-img-wrap img {
            max-height: 45px;
            max-width: 220px;
        }

        .doc-footer {
            margin-top: 12px;
            padding-top: 6px;
            border-top: 1px solid #ccc;
            font-size: 7.5pt;
            color: #888;
            text-align: center;
            page-break-inside: avoid;
        }

        .badge-si {
            background: #fff3cd;
            color: #7d5400;
            padding: 1px 5px;
            border-radius: 3px;
            font-size: 8.5pt;
        }

        .badge-no {
            background: #d4edda;
            color: #155724;
            padding: 1px 5px;
            border-radius: 3px;
            font-size: 8.5pt;
        }

        .page-break {
            page-break-before: always;
        }
    </style>
</head>

<body>

    {{-- ── ENCABEZADO INSTITUCIONAL (fijo: se repite en TODAS las páginas) ── --}}
    <div class="header-fixed">
        <table class="header-table">
            <tr>
                <td class="col-logo">
                    <img src="{{ $datos['logo'] }}" style="width:85px;">
                </td>
                <td>
                    <div class="hdr-titulo">
                        DECLARACIÓN DE ENTENDIMIENTO Y COMPROMISO<br>
                        CON LA POLÍTICA SARLAFT Y DE INTEGRIDAD
                    </div>
                    <div class="hdr-talento">TALENTO HUMANO</div>
                </td>
                <td class="col-meta">
                    {{-- El número lo escribe page_text() — ver script al final --}}
                    <div class="meta-line">&nbsp;</div>
                    <div class="meta-line"><strong>Código:</strong> TH-FO-183</div>
                    <div class="meta-line"><strong>Versión:</strong> 01</div>
                    <div class="meta-last"><strong>Vigente a partir de:</strong> Abril 24 de 2026</div>
                </td>
            </tr>
        </table>
    </div>

    <div style="padding: 0 2cm;">

        {{-- ── TÍTULO DEL DOCUMENTO ── --}}
        <div class="doc-title">
            <h2>Declaración de Entendimiento y Compromiso<br>con la Política SARLAFT y de Integridad</h2>
        </div>

        {{-- ── INTRO ── --}}
        <p class="intro">
            Yo, <strong>{{ $datos['nombre_completo'] }}</strong>, identificado(a) con
            <strong>{{ $datos['tipo_documento_label'] }}</strong> No. <strong>{{ $datos['numero_documento'] }}</strong>,
            en calidad de <strong>{{ $datos['calidad_label'] }}</strong>
            @if ($datos['calidad'] === 'juridica' && $datos['nombre_empresa'])
                de <strong>{{ $datos['nombre_empresa'] }}</strong>
            @endif
            , quien pretende celebrar o ha celebrado contrato con la
            <strong>E.S.E. Hospital Departamental Universitario del Quindío San Juan de Dios</strong>,
            de manera libre y voluntaria manifiesto que:
        </p>

        {{-- ── CLÁUSULAS ── --}}
        <div class="clause">
            <span class="clause-title">PRIMERO. Conocimiento de la Política</span>
            Declaro que he recibido, leído y comprendido la <strong>Política Institucional del Sistema de Administración
                del Riesgo de Lavado de Activos, Financiación del Terrorismo y/o de la Proliferación de Armas de
                Destrucción Masiva (SARLAFT)</strong>, así como los principios de integridad, transparencia y ética
            adoptados por la Entidad a través del código de integridad <strong>TH-MP-48</strong> y el Programa de
            Transparencia y Ética Empresarial código <strong>PL-MP-06</strong>.
        </div>

        <div class="clause">
            <span class="clause-title">SEGUNDO. Entendimiento del Alcance</span>
            Reconozco que la política tiene como finalidad prevenir y mitigar riesgos asociados a LA/FT/FPADM, así como
            promover una cultura de integridad en las relaciones contractuales, y que su cumplimiento hace parte de las
            buenas prácticas exigidas a terceros que interactúan con la Entidad.
        </div>

        <div class="clause">
            <span class="clause-title">TERCERO. Compromiso de Actuación</span>
            Me comprometo a: (i) actuar conforme a los principios de legalidad, transparencia e integridad; (ii)
            abstenerme de realizar conductas relacionadas con actividades de lavado de activos, financiación del
            terrorismo, corrupción o cualquier otra actuación contraria a la ley; (iii) colaborar con la Entidad cuando
            sea requerido(a) en el suministro de información, dentro del marco legal aplicable.
        </div>

        <div class="clause">
            <span class="clause-title">CUARTO. Canales de Reporte</span>
            Declaro conocer la existencia de los <strong>canales institucionales de denuncia y reporte</strong> de la
            Entidad establecidos en la página web e intranet institucional, y me comprometo a informar de buena fe
            cualquier situación irregular de la que tenga conocimiento en el marco de la relación contractual.
        </div>

        <div class="clause">
            <span class="clause-title">QUINTO. Alcance de la Declaración</span>
            Entiendo que la presente declaración: (a) no constituye una certificación de cumplimiento técnico del
            sistema SARLAFT; (b) no implica traslado de responsabilidades legales o institucionales; (c) tiene carácter
            <strong>pedagógico, preventivo y de compromiso ético</strong>.
        </div>

        <div class="clause">
            <span class="clause-title">SEXTO. Aceptación</span>
            La presente declaración se firma como evidencia del proceso de divulgación y entendimiento de la Política
            SARLAFT y de Integridad de la Entidad, y podrá ser conservada como soporte documental en la carpeta
            contractual correspondiente.
        </div>

        {{-- ── CONFLICTO DE INTERÉS Y PEP ── --}}
        <div class="info-block" style="margin-top:6px">
            <strong>Conflicto de Interés:</strong>&nbsp;
            @if ($datos['tiene_conflicto'] === 'si')
                <span class="badge-si">Declara conflicto</span><br>
                <em>{{ \Illuminate\Support\Str::limit($datos['descripcion_conflicto'], 300) }}</em>
            @else
                <span class="badge-no">No declara conflictos de interés</span>
            @endif
        </div>

        <div class="info-block">
            <strong>Persona Expuesta Políticamente (PEP):</strong>&nbsp;
            @if ($datos['es_pep'] === 'si')
                <span class="badge-si">Declara vínculo PEP</span><br>
                <em>{{ \Illuminate\Support\Str::limit($datos['descripcion_pep'], 300) }}</em>
            @else
                <span class="badge-no">No es PEP ni tiene vínculos con PEP</span>
            @endif
        </div>

        {{-- ── SALTO: la tabla de datos y la firma inician en página nueva ── --}}
        <div class="page-break"></div>

        {{-- ── TABLA DE DATOS ── --}}
        <table class="data-table">
            <tr>
                <th style="width:30%">Campo</th>
                <th>Dato registrado</th>
            </tr>
            <tr>
                <td>Nombre completo</td>
                <td>{{ $datos['nombre_completo'] }}</td>
            </tr>
            <tr>
                <td>Tipo de documento</td>
                <td>{{ $datos['tipo_documento_label'] }}</td>
            </tr>
            <tr>
                <td>No. de documento / NIT</td>
                <td>{{ $datos['numero_documento'] }}</td>
            </tr>
            <tr>
                <td>Calidad</td>
                <td>{{ $datos['calidad_label'] }}</td>
            </tr>
            @if ($datos['calidad'] === 'juridica' && $datos['nombre_empresa'])
                <tr>
                    <td>Razón social</td>
                    <td>{{ $datos['nombre_empresa'] }}</td>
                </tr>
            @endif
            <tr>
                <td>Correo electrónico</td>
                <td>{{ $datos['email'] }}</td>
            </tr>
            @if ($datos['telefono'])
                <tr>
                    <td>Teléfono</td>
                    <td>{{ $datos['telefono'] }}</td>
                </tr>
            @endif
            <tr>
                <td>Lugar</td>
                <td>{{ $datos['ciudad'] }}</td>
            </tr>
            <tr>
                <td>Fecha</td>
                <td>{{ $datos['fecha_formateada'] }}</td>
            </tr>
        </table>

        {{-- ── FIRMAS ── --}}
        <div class="firma-section">
            <div class="firma-col">
                <div class="firma-img-wrap">
                    @if (!empty($datos['firma_data']))
                        <img src="{{ $datos['firma_data'] }}" alt="Firma">
                    @endif
                </div>
                <div class="firma-line">
                    <strong>{{ $datos['nombre_completo'] }}</strong><br>
                    {{ $datos['tipo_documento_label'] }} No. {{ $datos['numero_documento'] }}<br>
                    Declarante
                </div>
            </div>

        </div>

        {{-- ── FOOTER ── --}}
        <div class="doc-footer">
            E.S.E. Hospital Departamental Universitario del Quindío San Juan de Dios &mdash;
            hospitalquindio.gov.co &mdash; Armenia, Quindío &mdash; NIT 800000118<br>
            Documento generado electrónicamente el {{ now()->format('d/m/Y H:i:s') }}
            &mdash; Ref. {{ $datos['token'] }}
        </div>

    </div>

    {{-- ── PAGINACIÓN ──
         El texto "Página: N de M" lo escribe el CONTROLADOR con
         $canvas->page_text() después de renderizar. La primera celda
         del bloque derecho del encabezado queda vacía a propósito:
         es el espacio donde cae ese texto. --}}

</body>

</html>