<!-- mxhadox/templates/base.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}My Project{% endblock title %}</title>
    <!-- Bootstrap CSS (from CDN) -->
    <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="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

        <!-- Open Graph meta tags -->
    <meta property="og:title" content="Polisplexity" />
    <meta property="og:description" content="Obtenga, analice y tome decisiones informadas con documentos de la autoridad fiscal mexicana, SAT, en Prospectiva." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.prospectiva.com/" />  <!-- Update with your actual website URL -->
    <meta property="og:image" content="https://app.hadox.mx/media/images/cover/a7484212-bfbf-4d72-8300-eb3385ad28e0.png" />  <!-- Replace 'images/og-image.jpg' with the path to your chosen image -->
    <meta property="og:site_name" content="Prospectiva" />
    <meta property="og:locale" content="es_MX" />  <!-- Set to Spanish (Mexico) -->

    <!-- Additional tags for Twitter, if desired -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Prospectiva: Portal de Inteligencia de Datos" />
    <meta name="twitter:description" content="Obtenga, analice y tome decisiones informadas con documentos de la autoridad fiscal mexicana, SAT, en Prospectiva." />
    <meta name="twitter:image" content="https://app.hadox.mx/media/images/cover/a7484212-bfbf-4d72-8300-eb3385ad28e0.png" />  <!-- Replace 'images/og-image.jpg' with the path to your chosen image -->

    {% block extra_css %}{% endblock extra_css %}
</head>
<body>

    <!-- Bootstrap Navbar -->
    {% include 'navbar.html' %}
    {% include 'message.html' %}

    <div class="container mt-4">
        {% block content %}{% endblock content %}
    </div>

    <!-- Bootstrap JS and dependencies (from CDN) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
    {% block extra_js %}{% endblock extra_js %}
</body>
</html>
