{% extends "base.html" %}

{% block content %}
    <div class="jumbotron p-5">
        <div class="row text-center">
            <h1 class="display-4">
                Bienvenue sur le site d'inscription au <a href="https://tfjm.org/" target="_blank">đ•‹đ”œđ•đ•„ÂČ</a> !
            </h1>
        </div>
    </div>

    <div class="row p-5">
        <div class="col-sm">
            <h3>
                Tu souhaites participer au đ•‹đ”œđ•đ•„ÂČ ?
                <br/>
                Ton équipe est déjà formée ?
            </h3>
        </div>
        <div class="col-sm text-end">
            <div class="btn-group-vertical">
                <a class="btn btn-primary btn-lg" href="{% url "registration:signup" %}" role="button">Inscris-toi maintenant !</a>
                <a class="btn btn-light text-dark btn-lg" href="{% url "login" %}" role="button">J'ai déjà un compte</a>
            </div>
        </div>
    </div>

    <div class="jumbotron p-5 border rounded-5">
        <h5 class="display-4">Comment ça marche ?</h5>
        <p>
            Pour participer au đ•‹đ”œđ•đ•„ÂČ, il suffit de crĂ©er un compte sur la rubrique <strong><a href="{% url "registration:signup" %}">Inscription</a></strong>.
            Vous devrez ensuite confirmer votre adresse e-mail.
        </p>

        <p class="text-justify">
            Vous pouvez accéder à votre compte via la rubrique <strong><a href="{% url "login" %}">Connexion</a></strong>.
            Une fois connectĂ©â‹…e, vous pourrez crĂ©er une Ă©quipe ou en rejoindre une dĂ©jĂ  crĂ©Ă©e par l'un⋅e de vos camarades
            via un code d'accÚs qui vous aura été transmis. Vous serez ensuite invité⋅e à soumettre une autorisation de droit à l'image,
            indispensable au bon dĂ©roulement du đ•‹đ”œđ•đ•„ÂČ. Une fois que votre Ă©quipe comporte au moins 4 participant⋅es (maximum 6)
            et un⋅e encadrant⋅e, vous pourrez demander Ă  valider votre Ă©quipe pour ĂȘtre apte Ă  travailler sur les problĂšmes de votre choix.
        </p>

        <h2>Je ne trouve pas d'Ă©quipe, aidez-moi !</h2>


        <p class="text-justify">
            Vous pouvez nous contacter Ă  l'adresse <a href="mailto:contact@tfjm.org">contact@tfjm.org</a> pour que nous
            puissions vous aider Ă  vous mettre en relation avec d'autres participant⋅es qui cherchent Ă©galement une Ă©quipe.
        </p>

        <h2>J'ai une question</h2>

        <p class="text-justify">
            N'hésitez pas à consulter la <a href="/doc/" target="_blank">documentation</a> du site, pour vérifier si
            la réponse ne s'y trouve pas déjà. Référez-vous également bien sûr au
            <a href="https://tfjm.org/reglement/" target="_blank">rĂšglement du đ•‹đ”œđ•đ•„ÂČ</a>.
            Pour toute autre question, n'hésitez pas à nous contacter par mail à l'adresse
            <a href="mailto:&#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#116;&#102;&#106;&#109;&#46;&#111;&#114;&#103;">
                &#99;&#111;&#110;&#116;&#97;&#99;&#116;&#64;&#116;&#102;&#106;&#109;&#46;&#111;&#114;&#103;
            </a>.
        </p>

        <div class="alert alert-warning">
            <strong>Attention aux dates !</strong> Si vous ne finalisez pas votre inscription dans le délai indiqué, vous
            ne pourrez malheureusement pas participer au đ•‹đ”œđ•đ•„ÂČ.
        </div>
    </div>
{% endblock %}