@extends('layouts.app')

@section('title', 'Política SARLAFT - Hospital San Juan de Dios')

@section('content')
<div class="row justify-content-center">
<div class="col-12 col-lg-9 col-xl-8">

    {{-- Card encabezado --}}
    <div class="card card-form mb-4">
        <div class="card-header">
            <div class="d-flex align-items-start gap-3">
                <div class="bg-white bg-opacity-25 rounded-3 p-2 mt-1">
                    <i class="bi bi-shield-lock text-white fs-4"></i>
                </div>
                <div>
                    <h4>Antes de iniciar tu relación con el hospital</h4>
                    <p>Queremos contarte algo importante sobre cómo trabajamos</p>
                </div>
            </div>
        </div>

        <div class="card-body p-4">

            {{-- Intro --}}
            <div class="info-box mb-4">
                <i class="bi bi-info-circle-fill me-2"></i>
                Aquí trabajamos con <strong>recursos públicos</strong> y por eso tenemos reglas para actuar con
                <strong>transparencia, legalidad y responsabilidad</strong>.
            </div>

            {{-- ¿Qué es el SARLAFT? --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-question-circle-fill me-2" style="color:var(--husda-blue)"></i>
                    ¿Qué es el SARLAFT?
                </div>
                <p class="text-muted mb-3">El SARLAFT es el sistema que tiene el hospital para <strong>prevenir que sea utilizado en actividades ilegales</strong>, como:</p>
                <div class="row g-2 mb-3">
                    <div class="col-12 col-sm-4">
                        <div class="policy-card">
                            <i class="bi bi-x-circle-fill text-danger fs-4 mb-2"></i>
                            <div class="fw-600">Lavado de activos</div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-4">
                        <div class="policy-card">
                            <i class="bi bi-x-circle-fill text-danger fs-4 mb-2"></i>
                            <div class="fw-600">Financiación del terrorismo</div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-4">
                        <div class="policy-card">
                            <i class="bi bi-x-circle-fill text-danger fs-4 mb-2"></i>
                            <div class="fw-600">Uso indebido de recursos públicos</div>
                        </div>
                    </div>
                </div>
                <div class="goal-box">
                    <i class="bi bi-bullseye me-2"></i>
                    <strong>Objetivo:</strong> Garantizar que todas las actividades del hospital se desarrollen con transparencia, legalidad y responsabilidad.
                </div>
            </div>

            {{-- ¿A quién aplica? --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-people-fill me-2" style="color:var(--husda-blue)"></i>
                    ¿A quién aplica?
                </div>
                <p class="text-muted mb-3">Esta política aplica para:</p>
                <div class="row g-2">
                    @foreach(['Funcionarios','Contratistas','Proveedores','Cualquier persona o entidad que tenga relación con el hospital'] as $item)
                    <div class="col-12 col-sm-6">
                        <div class="list-item-box">
                            <i class="bi bi-check-circle-fill text-success me-2"></i>{{ $item }}
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            {{-- ¿Qué se espera? --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-person-check-fill me-2" style="color:var(--husda-blue)"></i>
                    ¿Qué se espera de usted como contratista y/o funcionario?
                </div>
                <p class="text-muted mb-3">Como contratista y/o funcionario del hospital, usted se compromete a:</p>
                <div class="row g-2">
                    @foreach([
                        'Actuar con honestidad y transparencia',
                        'Suministrar información veraz y actualizada',
                        'No participar en actividades ilegales',
                        'Permitir la verificación de su información (debida diligencia)',
                        'Reportar situaciones inusuales o sospechosas',
                        'Evitar y declarar conflictos de interés'
                    ] as $item)
                    <div class="col-12 col-sm-6">
                        <div class="list-item-box">
                            <i class="bi bi-check2-circle text-primary me-2"></i>{{ $item }}
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>

            {{-- Debida diligencia --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-search me-2" style="color:var(--husda-blue)"></i>
                    ¿Por qué te pedimos información?
                </div>
                <p class="text-muted mb-2">Se llama <strong>debida diligencia</strong>, y es el proceso mediante el cual el hospital:</p>
                <div class="row g-2 mb-3">
                    @foreach([
                        ['bi-check-all','Verifica su información'],
                        ['bi-building','Valida su actividad económica'],
                        ['bi-list-check','Consulta listas restrictivas'],
                        ['bi-graph-up','Evalúa riesgos'],
                    ] as [$icon, $texto])
                    <div class="col-12 col-sm-6">
                        <div class="list-item-box">
                            <i class="bi {{ $icon }} text-primary me-2"></i>{{ $texto }}
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="info-box">
                    <i class="bi bi-shield-check me-2"></i>
                    <strong>Tranquilo</strong>, esto es normal y es un <strong>requisito legal</strong>.
                </div>
            </div>

            {{-- Conflictos de interés --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-exclamation-triangle-fill me-2" style="color:#f39c12"></i>
                    Conflictos de interés
                </div>
                <p class="text-muted mb-3">Debe informar si tienes situaciones como:</p>
                <div class="row g-2 mb-3">
                    @foreach([
                        'Relación familiar con funcionarios del hospital',
                        'Intereses económicos en contratos',
                        'Situaciones que puedan afectar su imparcialidad',
                    ] as $item)
                    <div class="col-12">
                        <div class="list-item-box">
                            <i class="bi bi-exclamation-circle text-warning me-2"></i>{{ $item }}
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="quote-box">
                    <i class="bi bi-chat-quote-fill me-2"></i>
                    "Declarar un conflicto <strong>NO</strong> es una falta, ocultarlo <strong>sí</strong>"
                </div>
            </div>

            {{-- PEP --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-person-badge-fill me-2" style="color:var(--husda-blue)"></i>
                    Personas Expuestas Políticamente (PEP)
                </div>
                <div class="info-box mb-2">
                    <i class="bi bi-info-circle-fill me-2"></i>
                    Si has ocupado cargos públicos importantes (o tiene relación cercana con alguien que los ocupa), debe informarlo.
                    <br><strong>Esto no le impide contratar, pero implica mayor control.</strong>
                </div>
                <p class="text-muted small">Todos los elementos expuestos anteriormente hacen parte del sistema de riesgos contra la lucha de lavado de activos y financiación del terrorismo.</p>
            </div>

            {{-- Política de Integridad --}}
            <div class="policy-section mb-4">
                <div class="section-title">
                    <i class="bi bi-star-fill me-2" style="color:var(--husda-blue)"></i>
                    Política de Integridad
                </div>

                <div class="integrity-box mb-3">
                    <i class="bi bi-quote fs-3 text-primary opacity-50"></i>
                    <p class="mb-0 fst-italic">
                        La E.S.E HOSPITAL DEPARTAMENTAL UNIVERSITARIO DEL QUINDÍO SAN JUAN DE DIOS, promoverá la integridad de los servidores públicos para generar cultura de integridad, compromiso, honestidad, diligencia, justicia y respeto en sus funciones cotidianas, definiendo canales y metodologías que se emplearán para el desarrollo de actividades del código de integridad, logrando la participación activa de cada uno de los servidores públicos para garantizar buenas prácticas.
                    </p>
                </div>

                <p class="text-muted mb-2">El hospital promueve una cultura basada en:</p>
                <div class="row g-2 mb-3">
                    @foreach(['Transparencia','Legalidad','Responsabilidad','Respeto por los recursos públicos'] as $valor)
                    <div class="col-12 col-sm-6">
                        <div class="list-item-box">
                            <i class="bi bi-patch-check-fill text-success me-2"></i>{{ $valor }}
                        </div>
                    </div>
                    @endforeach
                </div>

                <p class="text-muted mb-2"><strong>No se toleran:</strong></p>
                <div class="row g-2 mb-3">
                    @foreach(['Sobornos','Fraude','Corrupción','Uso indebido de recursos'] as $item)
                    <div class="col-12 col-sm-6">
                        <div class="list-item-box border-danger">
                            <i class="bi bi-x-circle-fill text-danger me-2"></i>{{ $item }}
                        </div>
                    </div>
                    @endforeach
                </div>

                {{-- Consecuencias --}}
                <div class="warn-box">
                    <strong><i class="bi bi-exclamation-triangle-fill text-warning me-2"></i>Consecuencias del incumplimiento:</strong>
                    <ul class="mb-0 mt-2">
                        <li>Terminación del contrato</li>
                        <li>Reportes a autoridades</li>
                        <li>Sanciones legales o contractuales</li>
                    </ul>
                </div>
            </div>

            {{-- Botón continuar --}}
            <div class="d-grid mt-4">
                <a href="{{ route('declaracion.index') }}" class="btn btn-husda btn-lg">
                    <i class="bi bi-arrow-right-circle-fill me-2"></i>
                    He leído la información — Continuar al formulario
                </a>
            </div>

        </div>
    </div>

</div>
</div>
@endsection

@push('styles')
<style>
    .policy-section { }
    .policy-card {
        background: #f8f9fa;
        border: 1.5px solid #dee2e6;
        border-radius: 10px;
        padding: 1rem;
        text-align: center;
        height: 100%;
    }
    .list-item-box {
        background: #f8f9fa;
        border: 1.5px solid #dee2e6;
        border-radius: 8px;
        padding: .6rem 1rem;
        font-size: .9rem;
        display: flex;
        align-items: center;
    }
    .goal-box {
        background: #e8f4fd;
        border-left: 4px solid var(--husda-blue);
        border-radius: 0 8px 8px 0;
        padding: .9rem 1.2rem;
        font-size: .9rem;
    }
    .quote-box {
        background: #fff8e1;
        border-left: 4px solid #f39c12;
        border-radius: 0 8px 8px 0;
        padding: .9rem 1.2rem;
        font-size: .95rem;
        color: #7d5400;
    }
    .integrity-box {
        background: #f0f4fa;
        border-radius: 10px;
        padding: 1.2rem 1.4rem;
        border: 1px solid rgba(0,61,122,.1);
        font-size: .9rem;
        line-height: 1.7;
    }
    .fw-600 { font-weight: 600; }
</style>
@endpush
