{% extends "base.html" %}

{% block content %}
    <div>

    <div class="alert alert-warning">
        <p>
            Certains d'entre vous rencontrent des difficultés lors de l'inscription. Quelques points :
            <ul>
                <li>Tout d'abord, il est inutile de créer plusieurs comptes.</li>
                <li>Si vous ne recevez pas le mail de validation de l'adresse mail, vous pouvez quand même vous connecter.
                    Vous pourrez via un lien redemander un mail. Merci de ne pas spammer ce bouton toutefois. Pensez à vérifier
                    vos spams. Contactez-nous si vous ne recevez toujours rien.</li>
                <li>Les différentes autorisations sont à soumettre sur la page de votre compte.</li>
                <li>La date limite d'inscription est fixée en général à un mois avant le début du tournoi, soit début mars.
                    Le site <a href="https://tfjm.org/">https://tfjm.org/</a> sera mis à jour dans les jours qui suivent.</li>
            </ul>
        </p>
        <p>
            Une documentation plus complète sera disponible dans les jours à venir et régulièrement mise à jour pour apprendre à utiliser la plateforme.
        </p>
    </div>

    <div class="jumbotron bg-white">
        <div class="row">
            <h1 class="display-3">
                Bienvenue sur le site d'inscription au <a href="https://tfjm.org/" target="_blank">𝕋𝔽𝕁𝕄²</a> !
            </h1>
        </div>
    </div>
    <div class="row jumbotron bg-white">
        <div class="col-sm">
            <h3>
                Tu souhaites participer au 𝕋𝔽𝕁𝕄² ?
                <br/>
                Ton équipe est déjà formée ?
            </h3>
        </div>
        <div class="col-sm text-right">
            <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 btn-lg" href="{% url "login" %}" role="button">J'ai déjà un compte</a>
            </div>
        </div>
    </div>

    <div class="alert alert-success">
        <h4><strong><i class="fas fa-newspaper"></i> Grande nouveauté :</strong></h4>
        Cette année, après avoir appris de l'édition complètement à distance de 2020, la communication se simplifie :
        retrouvez-nous sur Element, disponible sur tous vos appareils, ou sur votre navigateur à l'adresse
        <a class="alert-link" href="https://element.tfjm.org">element.tfjm.org</a>
        (connectez-vous avec les identifiants de cette plateforme une fois inscrits)
    </div>

    <div class="jumbotron">
        <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é, vous pourrez créer une équipe ou en rejoindre une déjà créée par l'un de vos camarades
            via un code d'accès qui vous aura été transmis. Vous serez ensuite invité à soumettre une autorisation de droit à l'image,
            indispensable au bon déroulement du 𝕋𝔽𝕁𝕄². Une fois que votre équipe comporte au moins 4 participants (maximum 6)
            et un encadrant, 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">
            En ayant créé un compte sur cette plateforme, vous créez également un compte sur la plateforme de chat dédiée
            au 𝕋𝔽𝕁𝕄², basée sur le protocole <a href="https://matrix.org/">Matrix</a> et le client
            <a href="https://element.io">Element</a>. Cette interface de chat vous permet de communiquer avec les membres
            de votre équipe, mais surtout de pouvoir participer au tirage au sort et discuter avec les autres équipes et
            les organisateurs.
        </p>

        <p class="text-justify">
            Ce chat contient également un salon <code>#je-cherche-une-equipe</code> où vous pouvez crier à l'aide pour trouver
            une équipe, ou compléter la votre s'il vous manque des participants. C'est un petit coin auprès du feu, un parc à
            jeu où vous pouvez descendre en toboggan (en le désinfectant après utilisation), ne cherchez pas à être trop formel.
        </p>

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

        <p class="text-justify">
            Pour toute question, vous pouvez soit la poser dans <code>#faq</code> dans l'onglet chat comme indiqué ci-dessus, soit nous
            contacter par mail à l'adresse <a href="mailto:contact@tfjm.org">contact@tfjm.org</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>

</div>
{% endblock %}