{% load static %}
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="Site web moderne avec Django, design propre et responsive.">

    <title>{% block title %}Mon Projet Django{% endblock %}</title>

    <!-- =========================
         🔤 GOOGLE FONT (Roboto)
    ========================== -->
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap" rel="stylesheet">

    <!-- =========================
         🎨 BOOTSTRAP
    ========================== -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

  

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

<body>

    <div class="site-shell">

        <!-- NAVBAR -->
        {% include 'includes/navbar.html' %}

        <main>

            <!-- MESSAGES -->
            {% if messages %}
                <section class="container pt-4">
                    {% for message in messages %}
                        <div class="alert alert-{{ message.tags|default:'info' }} shadow-sm">
                            {{ message }}
                        </div>
                    {% endfor %}
                </section>
            {% endif %}

            <!-- CONTENT -->
            {% block content %}{% endblock %}

        </main>

        <!-- FOOTER -->
        {% include 'includes/footer.html' %}

    </div>

    <!-- =========================
         BOOTSTRAP JS
    ========================== -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

    {% block extra_js %}{% endblock %}
</body>
</html>