<!--
Archivo: Welcome.html
Ruta: src\templates\Welcome.html
Lenguaje: HTML
-->

<!DOCTYPE html>
<html data-bs-theme="light" lang="es-MX">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Bienvenido</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/Montserrat.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/baguetteBox.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/vanilla-zoom.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/Welcome.css') }}">
</head>

<body>
    <header class="d-flex justify-content-end p-3">
        <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                {{ _('Idioma') }}
            </button>
            <ul class="dropdown-menu" aria-labelledby="languageDropdown">
                <li><a class="dropdown-item" href="{{ url_for('set_language', lang_code='es') }}">Español</a></li>
                <li><a class="dropdown-item" href="{{ url_for('set_language', lang_code='en') }}">English</a></li>
            </ul>
        </div>
    </header>
    <main class="page">
        <section class="clean-block clean-post dark" style="padding-top: 50px;">
            <div class="container">
                <div class="block-content">
                    <div class="post-image" style="background-image: url('{{ url_for('static', filename='img/WelcomeCDMX.png') }}');"></div>
                    <div class="post-body" style="padding-top: 10px;">
                        <h3 class="text-center mt-4"><strong>{{ _('¡Bienvenido al portal de operaciones de IGSA e IGSACORP!') }}</strong></h3>
                        <p style="padding-top: 15px;">
                            {{ _('Este espacio exclusivo está diseñado para colaboradores y distribuidores, proporcionando herramientas clave que optimizan tu trabajo diario. Aquí encontrarás:') }}
                            <br><br>
                            <strong>&nbsp;{{ _('Herramientas de Ventas') }}</strong>: {{ _('Recursos para cotizaciones rápidas y consulta de información detallada sobre productos.') }}
                            <br>
                            <strong>&nbsp;{{ _('Gestión y Supervisión') }}</strong>: {{ _('Soluciones para administrar y supervisar tareas de manera más eficiente.') }}
                            <br>
                            <strong>&nbsp;{{ _('Data Warehouse') }}</strong>: {{ _('Informes actualizados en tiempo real para una toma de decisiones más precisa, dirigidos a directivos y gerentes.') }}
                            <br>
                            <strong>&nbsp;{{ _('Comunicación y Colaboración') }}</strong>: {{ _('Plataformas integradas para mejorar el trabajo en equipo y la interacción interna.') }}
                            <br><br>
                            {{ _('Este portal no está destinado a clientes, sino exclusivamente a quienes forman parte de nuestra red de trabajo. Queremos que sea tu aliado en el día a día, ayudándote a alcanzar nuevos niveles de productividad.') }}
                            <br><br>
                            {{ _('Tu retroalimentación es clave para seguir mejorando. ¡Gracias por tu compromiso y dedicación a IGSA!') }}
                        </p>
                        <div class="d-flex justify-content-center gap-3 mt-4">
                            <a href="{{ url_for('login') }}" class="btn btn-primary btn-lg">{{ _('Acceder') }}</a>
                            <a href="{{ url_for('solicitud_de_alta') }}" class="btn btn-secondary btn-lg">{{ _('Registro para Nuevos Usuarios') }}</a>    
                        </div>
                        <div style="display: flex; justify-content: center; margin-top: 25px;">
                            <figure class="figure"><img class="rounded img-fluid figure-img" src="{{ url_for('static', filename='img/aDisenoGral/igsa_servicio.webp') }}" alt="IGSA S.A. de C.V." ></figure>
                        </div>
                   
                    </div>
                </div>
            </div>
        </section>
    </main>
    <div class="modal fade" id="distributorModal" tabindex="-1" aria-labelledby="distributorModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="distributorModalLabel">{{ _('Selección de país de distribución') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-center">
                    <p class="mb-4">
                        {{ _('¿Planea realizar la distribución de nuestros productos en México o en otro país? / Do you plan to distribute our products in Mexico or another country?') }}
                    </p>
                    <div class="d-flex flex-column align-items-center gap-2">
                        <a href="{{ url_for('registrationMX') }}" class="btn btn-primary btn-sm custom-btn-width">{{ _('México / Mexico') }}</a>
                        <a href="{{ url_for('registrationEXP') }}" class="btn btn-secondary btn-sm custom-btn-width">{{ _('Otro país / Other Country') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>        
    <script src="{{ url_for('static', filename='bootstrap/js/bootstrap.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/baguetteBox.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/vanilla-zoom.js') }}"></script>
    <script src="{{ url_for('static', filename='js/theme.js') }}"></script>
</body>

</html>
