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

    {% block title %}Log in!{% endblock %}

    {% block body %}

        <!-- breadcrumb area start -->
        <div class="breadcrumb-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb-wrap text-center">
                            <h2 class="breadcrumb-title">SPRINT & SPORTS | {% trans %}Créer un compte{% endtrans %} </h2>
                            <nav aria-label="breadcrumb">
                                <ul class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ path("index") }}">{% trans %}Accueil{% endtrans %}</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">{% trans %}Créer un compte{% endtrans %}</li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- breadcrumb area end -->
        <!-- Register Content Start -->
        <div class="col-lg-4 offset-4">
            <div class="login-reg-form-wrap signup-form">
                <h2></h2>
                {% if error is defined and error != null %}
                    <div class="alert alert-danger align-content-center">{{ error }}</div>
                {% endif %}
                <form action="{{ path('create_user') }}" method="post">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="single-input-item">
                                <input type="text" placeholder="{% trans %}Nom{% endtrans %}" name="nom" value="{{ usertoregister is defined and usertoregister != null ? usertoregister.nom : '' }}" required />
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="single-input-item">
                                <input type="text" placeholder="{% trans %}Prénom{% endtrans %}" name="prenom" value="{{ usertoregister is defined and usertoregister != null ? usertoregister.prenom : '' }}" required />
                            </div>
                        </div>
                    </div>



                    <div class="single-input-item">
                        <input type="email" placeholder="{% trans %}Email{% endtrans %}" name="email" value="{{ usertoregister is defined and usertoregister != null ? usertoregister.email : '' }}" required />
                    </div>

                    <div class="single-input-item">
                        <input type="text" placeholder="{% trans %}Téléphone{% endtrans %}" name="phone" value="{{ usertoregister is defined and usertoregister != null ? usertoregister.phone : '' }}" required />
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="single-input-item">
                                <input type="password" placeholder="{% trans %}Mot de passe{% endtrans %}" name ="password" required />
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="single-input-item">
                                <input type="password" placeholder="{% trans %}Confirmer mot de passe{% endtrans %}" name="confirm_password" required />
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="single-input-item">
                                <input type="text" placeholder="{% trans %}Ville{% endtrans %}" name ="city" value="{{ usertoregister is defined and usertoregister != null ? usertoregister.city : '' }}" required />
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="single-input-item">
                                <input type="text" placeholder="{% trans %}Adresse{% endtrans %}" name="adresse" value="{{ usertoregister is defined and usertoregister != null ? usertoregister.adresse : '' }}" required />
                            </div>
                        </div>
                    </div>

                    <div class="single-input-item">
                        <button class="check-btn sqr-btn">{% trans %}Créer mon compte{% endtrans %}</button>
                    </div>
                </form>
            </div>
        </div>
        <!-- Register Content End -->
{#            <section id="form"><!--form-->#}
{#                <div class="container">#}
{#                    <div class="row">#}
{#                        <div class="col-sm-4 col-sm-offset-3">#}
{#                            <div class="login-form"><!--login form-->#}
{#                                <img src="build/images/home/logo.png" alt=""/>#}
{#                                <h2>Connexion à l'administration</h2>#}
{#                                <form method="post">#}
{#                                    {% if error %}#}
{#                                        {% for err in error %}#}
{#                                        <div class="alert alert-danger align-content-center">{{ err.messageKey|trans(err.messageData, 'security') }}</div>#}
{#                                        {% endfor %}#}
{#                                    {% endif %}#}

{#                                    #}
{#                                    <div class="col-sm-12 col-sm-offset-3">#}
{#                                        <label for="inputEmail">Email</label>#}
{#                                        <input type="email" value="{{ last_username }}" name="email" id="inputEmail"#}
{#                                               class="form-control" autocomplete="email" required autofocus>#}
{#                                        <label for="inputPassword">Password</label>#}
{#                                        <input type="password" name="password" id="inputPassword" class="form-control"#}
{#                                               autocomplete="current-password" required>#}

{#                                        <input type="hidden" name="_csrf_token"#}
{#                                               value="{{ csrf_token('authenticate') }}"#}
{#                                        >#}


{#                                        Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.#}
{#                                        See https://symfony.com/doc/current/security/remember_me.html#}

{#                                         <div class="checkbox mb-3">#}
{#                                         <span>#}
{#                                         <input type="checkbox" class="checkbox" name="_remember_me"> Rester connecté#}
{#                                         </span>#}
{#                                         </div>#}


{#                                        <button class="btn btn-lg btn-primary" type="submit">#}
{#                                            Se connecter#}
{#                                        </button>#}
{#                                    </div>#}
{#                                </form><!--/login form-->#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
{#            </section><!--/form-->#}

    {% endblock %}