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

{% block main %}
    {% set titleAndImg = [
        { 'title': 'Créer </br>un compte', '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">
                        <div>
                            <input type="text" placeholder="Civilité*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Prénom*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Nom*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Téléphone*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Mot de passe*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Confirmation de mot de passe*" required>
                        </div>
                        <div>
                            <input type="text" placeholder="Email*" required>
                        </div>
                        <div>
                            <input type="text" name="adresse" placeholder="Adresse" />
                        </div>
                        <div>
                            <input type="text" name="ville" placeholder="Ville" />
                        </div>
                        <div>
                            <input type="text" name="codepostal" placeholder="Code Postal">
                        </div>
                    </div>
                    <button>Suivant</button>
                </form>
                <a href="./page-connexion.html" title="se connecter">J'ai déjà un compte !</a>
            </div>
        </section>

    </div>
{% endblock %}