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

{% block main %}
    {% set titleAndImg = [
        { 'title': 'Se </br>connecter', 'img': '../assets/images/title/circle.png' }
    ] %}
    {% set style = "alternative" %}
    <div class="connexion-page">
        <section class="connexion-section">
            {% include 'components/_title-with-picture.html.twig' with {'titleAndImg': titleAndImg, 'style': style} %}
            <div class="container">
                <form action="">
                    <div class="container-input center">
                        <div>
                            <input type="text" placeholder="Email*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Mot de passe*" required>
                        </div>
                    </div>
                    <button onclick="window.location.href = './page-mes-likes.html'">Suivant</button>
                </form>
                <a href="./page-creation-de-compte.html">Je n'ai pas encore de compte !</a>
                <a href="./page-oublie-mot-de-passe.html" title="se connecter">J'ai oublié mon mot de passe</a>
            </div>
        </section>

    </div>
{% endblock %}