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

{% block title %}Inscription | {{ parent() }}{% endblock %}

{% block body %}
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row breadcrumb_box  align-items-center">
                        <div class="col-lg-6 col-md-6 col-sm-12 text-center text-md-left">
                            <h2 class="breadcrumb-title">Boutique</h2>
                        </div>
                        <div class="col-lg-6  col-md-6 col-sm-12">
                            <!-- breadcrumb-list start -->
                            <ul class="breadcrumb-list text-center text-md-right">
                                <li class="breadcrumb-item"><a href="{{ path('default')}}">Accueil</a></li>
                                <li class="breadcrumb-item active">Inscription</li>
                            </ul>
                            <!-- breadcrumb-list end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="login-register-area pt-100px pb-100px">
        <div class="container"> 
            <div class="row">
                <div class="col-lg-7 col-md-12 ml-auto mr-auto">
                    <div class="login-register-wrapper">
                        <div class="login-register-tab-list nav">
                            <a class="active" href="{{ path('app_register')}}">
                                <h4>S'inscrire</h4>
                            </a>
                            <a href="{{ path('app_login')}}">
                                <h4>Se connecter</h4>
                            </a>
                        </div>
                        <div class="tab-content">
                            <div id="lg1" class="tab-pane">
                                
                            </div>
                            <div id="lg2" class="tab-pane active">
                                <div class="login-form-container">
                                    <div class="login-register-form">
                                        {{ form_start(registrationForm) }}
                                            {{ form_widget(registrationForm.last_name, {'attr': {'placeholder': "Votre nom"}}) }}
                                            {{ form_errors(registrationForm.last_name) }}

                                            {{ form_widget(registrationForm.first_name, {'attr': {'placeholder': "Votre prénom"}}) }}
                                            {{ form_errors(registrationForm.first_name) }}

                                            {{ form_widget(registrationForm.email, {'attr': {'placeholder': "Votre email"}}) }}
                                            {{ form_errors(registrationForm.email) }}

                                            {{ form_widget(registrationForm.username, {'attr': {'placeholder': "Nom d'utilisateur"}}) }}
                                            {{ form_errors(registrationForm.username) }}

                                            {{ form_widget(registrationForm.plainPassword, {'attr': {'placeholder': "Mot de passe"}}) }}
                                            {{ form_errors(registrationForm.plainPassword) }}

                                            <div class="button-box">
                                                <button type="submit"><span>Inscription</span></button>
                                            </div>
                                        {{ form_end(registrationForm) }}
                                    </div>
                                    <p style="margin-top: 10px;" class="text-secondary"><i class="fa fa-warning"></i> En vous inscrivant sur notre site, vous acceptez nos terms et conditions <a href="#">règles de confidencialités</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}