{% extends "base.html" %}

{% block title %}Accès refusé — GiniFollow{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}

{% block page_header %}
    <div class="container-fluid page-header py-5 mb-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <h1 class="display-3 mb-3 text-white">403</h1>
            {% include "partials/gf_page_breadcrumb.html" with breadcrumb_current="Accès refusé" %}
        </div>
    </div>
{% endblock %}

{% block content %}
    <div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container text-center">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <i class="bi bi-shield-lock display-1 text-primary"></i>
                    <h1 class="display-1">403</h1>
                    <h2 class="mb-4">Accès refusé</h2>
                    <p class="mb-4">Vous n'avez pas l'autorisation d'accéder à cette page. Connectez-vous avec le bon compte ou retournez à l'accueil.</p>
                    <div class="d-flex flex-wrap gap-2 justify-content-center">
                        <a class="btn btn-primary py-3 px-5" href="{% url 'index' %}">Retour à l'accueil</a>
                        {% if not request.user.is_authenticated %}
                        <a class="btn btn-outline-primary py-3 px-5" href="{% url 'connexion' %}">Se connecter</a>
                        {% else %}
                        <a class="btn btn-outline-primary py-3 px-5" href="{% url 'dashboard' %}">Mon espace</a>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}