{# templates/bundles/TwigBundle/Exception/error404.html.twig #}
{% extends 'base.html.twig' %}

{% block stylesheets %}
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/styles.css') }}"/>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="content" style="justify-content: center; align-items: center; flex-direction: column !important; background: rgba(255, 255, 255, 0.8); padding: 0px 10px 0px 10px; border-radius: 10px; width: 400px; height: 300px; text-align: center;">
            <h1 style="margin-bottom: 20px;">Ce club n'existe pas</h1>

            <p>
                <a href="{{ path('homepage') }}" style="color: black;">Retour à la page d'accueil</a>.
            </p>
        </div>
    </div>

    <script>
        function ready() {

        }
    </script>
{% endblock %}