{% extends "base.html" %}

{% block title %}Erreur serveur — 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">500</h1>
            {% include "partials/gf_page_breadcrumb.html" with breadcrumb_current="Erreur serveur" %}
        </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-exclamation-octagon display-1 text-primary"></i>
                    <h1 class="display-1">500</h1>
                    <h2 class="mb-4">Erreur interne</h2>
                    <p class="mb-4">Un incident technique est survenu. Réessayez dans quelques instants ou contactez notre équipe si le problème persiste.</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>
                        <a class="btn btn-outline-primary py-3 px-5" href="{% url 'contact' %}">Nous contacter</a>
                    </div>
                    <p class="small text-muted mt-4 mb-0">
                        Assistance : <a href="tel:+{{ support_whatsapp_intl }}">{{ support_phone }}</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
{% endblock %}