<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agradecimiento</title>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <link rel="stylesheet" href="{{ asset('css/despedida/despedida.css') }}">
</head>
<body>
    <!-- --progressBar-color: rgb(0 96 223); -->
    <div class="container">
        <div class="construction-icon">
            <!-- Puedes usar una imagen o un ícono aquí -->
            <img src="{{ asset('media/imgs/despedida/logos.png') }}" alt="Construction Icon">
        </div>
        <div class="construction-message">
            <h1 style="font-family: Arial, sans-serif;"><b>BIENVENID@ A UNICATOLICA</b></h1>
            <p>Tus respuestas se han guardado correctamente</p>
        </div>
    </div>
    <footer>
        <p class="text-white letra"><b>Dirección de Tecnologías de la Información</b></p>
        <p class="text-white center">Fundación Universitaria Católica Lumen Gentium – UNICATÓLICA
            Institución Universitaria reconocida por resolución No. 944 de 1996 MEN – SNIES 2731
            Institución de Educación Superior sujeta a inspección y vigilancia por el Ministerio de Educación Nacional.
            Colombia – Todos los Derechos Reservados UNICATÓLICA.</p>
    </footer>
    <script>
        window.onload = function() {
            Swal.fire({
                title: '<strong style="color: #0e1f69;">GRACIAS POR REALIZAR LA INSCRIPCION</strong>',
                icon: 'success',
                html: `
                    <p>Tus respuestas se cargaron correctamente</p>
                   
                `,
                showCloseButton: true,
                focusConfirm: false,
                confirmButtonText: `
                    Aceptar
                    <i class="fa fa-thumbs-up" style="color: white;"></i>
                `,
                confirmButtonColor: '#0e1f69',
                closeOnClickOutside: false,
            });
        };
    </script>
</body>
</html>