{% extends 'base.html.twig' %}
{% block body_class %}account-register{% endblock %}
{% block body %}

    <div class="header-content-title">
        <div style="background-image: url('{{ asset('bundles/frontend/') }}image/catalog/demo/banners/parallax.jpg'); background-position: 50% 78.1106%;" data-source-url="{{ asset('bundles/frontend/') }}image/catalog/demo/banners/parallax.jpg" class="parallex">
        </div>
    </div>

    <div id="account-register" class="container">
        <div class="page-title-wrapper">
            <div class="container">
                <h1 class="page-title">Abonnez-Vous</h1>
                <ul class="breadcrumb">
                    <li><a href="{{ path('homepage') }}"><i class="fa fa-home"></i></a></li>
                    <li><a href="#">S'inscrire</a></li>
                </ul>
            </div>
        </div>

    <div id="content" class="col-sm-12 left-column">

        {{ form_start(formtier , {'method': 'post', 'action': path('front_registration'), 'attr': {'style': 'padding:2%;' }}) }}

            <fieldset>
                <legend>Info Connexion </legend>
                <div class="form-group required">
                    <label class="col-sm-2 control-label required" for="fos_user_registration_form_email"  > Email</label>
                    <div class="col-sm-10">
                        <div class="form-group">
                            {{ form_errors(formtier.email) }}
                            {{ form_widget(formtier.email , {'attr':{'class':'form-control','placeholder': 'Adresse E-mail' }}) }}
                        </div>
                    </div>
                </div>
                <div class="form-group required">
                    <label class="col-sm-2 control-label required" for="fos_user_registration_form_username"  >Nom d'utilisateur</label>
                    <div class="col-sm-10">
                        <div class="form-group">
                            {{ form_errors(formtier.username) }}
                            {{ form_widget(formtier.username , {'attr':{'class':'form-control','placeholder': "Nom d'utilisateur" }}) }}
                        </div>
                    </div>
                </div>
                <div class="form-group required">
                    <label class="col-sm-2 control-label" for="fos_user_registration_form_plainPassword_first">Mot de passe </label>
                    <div class="col-sm-10">
                        {{ form_errors(formtier.plainPassword.first) }}
                        {{ form_widget(formtier.plainPassword.first,{'attr':{'class':'form-control','placeholder': 'Mot de passe' }}) }}
                    </div>
                </div>
                <div class="form-group required">
                    <label class="col-sm-2 control-label" for="fos_user_registration_form_plainPassword_second">Confirmation MDP </label>
                    <div class="col-sm-10">
                        {{ form_errors(formtier.plainPassword.second) }}
                        {{ form_widget(formtier.plainPassword.second,{'attr':{'class':'form-control','placeholder': 'Confirmation mot de passe' }}) }}
                    </div>
                </div>
            </fieldset>
            <fieldset id="account">
                <legend>Détails </legend>
                <div class="form-group required ">
                    <label class="col-sm-2 control-label" for="nomprenom">Nom & Prénom</label>
                    <div class="col-sm-10">
                        <input type="text" name="nomprenom"  placeholder="Nom & Prénom" id="nomprenom" class="form-control">
                    </div>
                </div>
                <div class="form-group required ">
                    <label class="col-sm-2 control-label" for="telephone">Telephone</label>
                    <div class="col-sm-10">
                        <input type="tel" name="telephone" value="" placeholder="telephone" id="telephone" class="form-control">
                    </div>
                </div>

                <div class="form-group required">
                    <label class="col-sm-2 control-label" for="Zn_id">Région </label>
                    <div class="col-sm-10">

                        <select name="Zn_id" id="Zn_id" class="form-control">
                            <option value="">-- Sélectionnez une région -- </option>
                            {% for   z in zones  %}
                                <option value="{{ z.cbmarq }}">{{ z.intitule }}</option>
                            {% endfor %}
                        </select>

                    </div>
                </div>

                <div class="form-group required">
                    <label class="col-sm-2 control-label" for="adresse">Adresse</label>
                    <div class="col-sm-10">
                        <textarea type="text"  name="adresse"  placeholder="Adresse" id="adresse"  class="form-control"></textarea>
                    </div>
                </div>

                    <div class="form-group  ">
                        <label class="col-sm-2 control-label" for="email2">2ème Adresse Mail</label>
                        <div class="col-sm-10">
                            <input type="email" name="email2" value="" placeholder="Your email address" id="email2" class="form-control">
                        </div>
                    </div>


            </fieldset>

            <fieldset>
                <legend>Newsletter</legend>
                <div class="form-group">
                    <label class="col-sm-2 control-label">Subscribe</label>
                    <div class="col-sm-10">
                        <label class="radio-inline">
                            <span class="radio-wrapper"><input type="radio" name="newsletter" value="1" class="radioid"></span> OUI
                        </label>
                        <label class="radio-inline">
                            <span class="radio-wrapper"><input type="radio" name="newsletter" value="0" checked="checked" class="radioid"></span> NON
                        </label>
                    </div>
                </div>
            </fieldset>

            <div class="buttons">
                {#<div class="pull-right">I have read and agree to the <a href="#" class="agree"><b>Privacy Policy</b></a>#}
                        {#<input type="checkbox" name="agree" value="1" class="checkboxid">#}
                    {#<br>#}
                    <input type="submit" value="S'inscrire" class="btn btn-primary">
                </div>
            </div>


        {{ form_end(formtier) }}
    </div>
    </div>

{% endblock %}
 {##}