{% extends 'base.html.twig' %}

{% block title %}Connexion{% endblock %}
{% block myTitle %}Connexion{% endblock %}
{% block body %}
{% if error %}
<div class="alert alert-danger">{{error.messageKey |trans(error.messagedata, 'security')}}</div>
{% endif %}
{% if  not app.user %}
<div class="row justify-content-around">
    <div class="col-4 shadow m-2 p-2">
        <form action="{{path('login')}}" method="POST">
            <div class="form-group">
                <label for="">Login</label>
                <input class="form-control" required type="text" name="_username" id="" />
            </div>
            <div class="form-group">
                <label for="">Password</label>
                <input class="form-control" required type="password" name="_password" id="" />
            </div>
            <input type="submit" class="btn btn-primary" value="Valider" />
        </form>
        <div class="mt-5">
            <p>Souhaitez-vous vous connecter avec Discord ?</p>
                <a class="btn btn-discord" href="{{path('connect_discord_start')}}"><i class="fab fa-discord"></i> Connexion avec Discord</a>
            </div>
    </div>
</div>
{% else %}
<div class="text-center">
    <h2>Vous êtes connecté</h2>
    <a class="btn btn-success" href="{{path('home')}}">Retour à l'accueil</a>
</div>
{% endif %}
{% endblock %}