{% extends '@App/base.html.twig' %}

{% block title %}{{ title|default('Lien indisponible') }}{% endblock %}

{% block body %}
    <main class="min-vh-100 bg-light d-flex align-items-center py-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-9 col-lg-6">
                    <section class="card border-0 shadow-sm rounded-3">
                        <div class="card-body p-4 p-md-5 text-center">
                            <img src="{{ asset('vendor/matdash/images/logos/logo.svg') }}" alt="FundUp" height="42" class="mb-4">
                            <div class="d-inline-flex align-items-center justify-content-center rounded-circle bg-warning-subtle text-warning mb-4" style="width:72px;height:72px">
                                <i class="{{ icon|default('ti ti-link-off') }} fs-8"></i>
                            </div>
                            <h1 class="h3 fw-bold mb-3">{{ title|default('Lien indisponible') }}</h1>
                            <p class="text-muted fs-5 mb-0">{{ message|default('Ce lien est invalide, expiré ou n’est plus disponible.') }}</p>
                            <div class="d-flex flex-column flex-sm-row justify-content-center gap-2 gap-sm-3 mt-4">
                                <a class="btn btn-primary btn-lg" href="{{ home_url|default(path('app_dashboard')) }}">
                                    <i class="ti ti-home me-1"></i>Retour à l’accueil
                                </a>
                                <a class="btn btn-light border btn-lg" href="mailto:{{ support_email|default('support@fundup.fr') }}">
                                    <i class="ti ti-mail me-1"></i>Contacter le support
                                </a>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </main>
{% endblock %}