{% extends '::base2.html.twig' %}
{% block title %}Gestion Utilisateurs - Add{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">

        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'client_applicant/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">

            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'client_applicant/menu.html.twig' %}
                </div>
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div style="background: #eef1f5;" class="page-content">
                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="#">Gestion des représentants</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="#">Ajouter un représentant</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title">Ajouter Utilisateur
                        <small>Nouveau</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="font-red-sunglo">
                                        {#<div class="portlet-title">
                                            <div class="caption font-red-sunglo">
                                                <i class="fa fa-gift font-red-sunglo"></i>Formulaire Ajout Utilisateur
                                            </div>
                                            <div class="tools"></div>
                                        </div>#}
                                        <div class="portlet-body form">
                                            {% if app.request.hasPreviousSession %}
                                                {% for type, messages in app.session.flashbag.all() %}
                                                    {% for message in messages %}
                                                        <div class="alert {% if type == 'success' %} alert-success  {% else %} alert-danger  {% endif %} alert-dismissible fade in" role="alert">
                                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
                                                            </button>
                                                            <strong>{{ type }}!</strong> {{ message }}
                                                        </div>
                                                    {% endfor %}
                                                {% endfor %}
                                            {% endif %}
                                            <!-- BEGIN FORM-->
                                            {% block fos_user_content %}

                                                {% trans_default_domain 'FOSUserBundle' %}

                                                {{ form_start(form, {'method': 'post', 'action': path('millesima_client_demandeur_user'), 'attr': {'class': 'millesima_client_demandeur_user', 'enctype' : 'multipart/form-data'}}) }}
                                                <div class="form-horizontal">
                                                    {#<div class="form-body">
                                                        <div class="row">
                                                            <div class="col-md-4 col-sm-12 col-xs-12">
                                                                <div class="row form-group">
                                                                    <div class="col-md-12 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.path, 'Photo') }}
                                                                        {{ form_widget(form.path, { 'attr': {'class': 'form-control input-circle','required':false} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.path) }}
                                                                        </div>
                                                                        <div class="profile-userpic">
                                                                            <img id="img_perview" src="{{ asset('uploads/images/common/empty-profile.jpg') }}" style="width: 250px;margin: 1%;"/>
                                                                        </div>


                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-8 col-sm-12 col-xs-12">
                                                                <div class="row form-group">

                                                                    <div class=" form-group" xmlns="http://www.w3.org/1999/html">
                                                                        <p style="padding-left: 16px;">
                                                                            Mr {{ form_widget(form.civility[0], { 'attr': {'class': 'flat','required':true} }) }}
                                                                            Mme {{ form_widget(form.civility[1], { 'attr': {'class': 'flat','required':true} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.civility) }}
                                                                        </div>
                                                                        </p>
                                                                    </div>

                                                                </div>
                                                                <div class="row form-group">

                                                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.firstname, 'Prénom *') }}
                                                                        {{ form_widget(form.firstname, { 'attr': {'class': 'form-control input-circle','required':true} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.firstname) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.lastname, 'Nom *') }}
                                                                        {{ form_widget(form.lastname, { 'attr': {'class': 'form-control input-circle','required':true} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.lastname) }}
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                                <div class="row form-group">

                                                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.phone_number, 'Mobile *') }}
                                                                        {{ form_widget(form.phone_number, { 'attr': {'class': 'form-control input-circle','required':true} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.phone_number) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.tel_number, 'Tel') }}
                                                                        {{ form_widget(form.tel_number, { 'attr': {'class': 'form-control input-circle'} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.tel_number) }}
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                                <div class="row form-group">

                                                                    <div class="col-md-12 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.email, 'Email *') }}
                                                                        {{ form_widget(form.email, { 'attr': {'class': 'form-control input-circle','required':true} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.email, { 'attr': {'class': 'red'} }) }}
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                                <div class="row form-group">

                                                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.plainPassword.first, 'Mot de passe *') }}
                                                                        {{ form_widget(form.plainPassword.first, { 'attr': {'class': 'form-control input-circle','minlength': 6} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.plainPassword.first) }}
                                                                        </div>

                                                                    </div>

                                                                    <div class="col-md-6 col-sm-12 col-xs-12">

                                                                        {{ form_label(form.plainPassword.second, 'Répéter le mot de passe *') }}
                                                                        {{ form_widget(form.plainPassword.second, { 'attr': {'class': 'form-control input-circle','required':true,'minlength': 6} }) }}
                                                                        <div class="form-control-focus"> </div>
                                                                        <div class="red">
                                                                            {{ form_errors(form.plainPassword.second) }}
                                                                        </div>

                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>#}

                                                    <div class="form-body">
                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12"
                                                                 xmlns="http://www.w3.org/1999/html">
                                                                <p>
                                                                    {{ form_widget(form.civility[0], { 'attr': {'class': 'flat','required':true} }) }}  Mr
                                                                    {{ form_widget(form.civility[1], { 'attr': {'class': 'flat','required':true} }) }}  Mme
                                                                <div class="red">
                                                                    {{ form_errors(form.civility) }}
                                                                </div>
                                                                </p>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-6 col-sm-12 col-xs-12">
                                                                {{ form_label(form.firstname, 'Nom *') }}
                                                                {{ form_widget(form.firstname, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                <div class="red">
                                                                    {{ form_errors(form.firstname) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-sm-12 col-xs-12">
                                                                {{ form_label(form.lastname, 'Prenom *') }}
                                                                {{ form_widget(form.lastname, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                <div class="red">
                                                                    {{ form_errors(form.lastname) }}
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                {{ form_label(form.email, 'Email *',{'label_attr': {'class': 'req'}}) }}
                                                                {{ form_widget(form.email, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                <div class="red">
                                                                    {{ form_errors(form.email, { 'attr': {'class': 'red'} }) }}
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-6 col-sm-12 col-xs-12">
                                                                {{ form_label(form.phone_number, 'Mobile *') }}
                                                                {{ form_widget(form.phone_number, { 'attr': {'class': 'form-control','required':true} }) }}
                                                                <div class="red">
                                                                    {{ form_errors(form.phone_number) }}
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-sm-12 col-xs-12">
                                                                {{ form_label(form.tel_number, 'Tel') }}
                                                                {{ form_widget(form.tel_number, { 'attr': {'class': 'form-control'} }) }}
                                                                <div class="red">
                                                                    {{ form_errors(form.tel_number) }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                {{ form_label(form.path, 'Photo') }}
                                                                {{ form_widget(form.path, { 'attr': {'class': 'form-control','required':false} }) }}
                                                                <div class="red">
                                                                    {{ form_errors(form.path) }}
                                                                </div>
                                                                {#<input type="hidden" name="oldPhoto" value="{{ photo }}"/>#}
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-actions">

                                                        <div class="row">

                                                            <div class="col-md-offset-4 col-md-9">
                                                                <input type="submit" class="col-md-4 btn submit" value="Enregistrer"/>
                                                            </div>

                                                        </div>

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


                                            {% endblock fos_user_content %}
                                            <!-- END FORM-->
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- END PAGE HEADER-->
                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->

        </div>
        <!-- END CONTAINER -->

    </div>

    <!-- BEGIN FOOTER -->
    <div class="page-footer">
        {% include 'commun/footer.html.twig' %}
    </div>
    <!-- END FOOTER -->

    {% block javascripts %}
        {{ parent() }}
    {% endblock %}

{% endblock %}