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

{% block body %}

<div class="page-wrapper">
    <!-- BEGIN HEADER -->
    <div class="page-header navbar navbar-fixed-top">
        {% include 'admin/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">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar navbar-collapse collapse">
                {% include 'admin/menu.html.twig' %}
            </div>
            <!-- END SIDEBAR -->
        </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="javascript:void(0)">Gestion des CC/CP</a>
                            <i class="fa fa-circle"></i>
                        </li>
                        <li>
                            <a href="javascript:void(0)">Ajouter un CC/CP</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">
                                            <i class="fa fa-gift"></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'}) }}
                                            <div class="form-horizontal">
                                                <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-6 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 class="col-md-6 col-sm-12 col-xs-12">
                                                            {{ form_label(form.function, 'Role *') }}
                                                            {{ form_widget(form.function, { 'attr': {'class': 'form-control','required':true} }) }}
                                                            <div class="red">
                                                                {{ form_errors(form.function) }}
                                                            </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 class="row">

                                                        <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','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','required':true,'minlength': 6} }) }}
                                                            <div class="form-control-focus"> </div>
                                                            <div class="red">
                                                                {{ form_errors(form.plainPassword.second) }}
                                                            </div>

                                                        </div>

                                                    </div>#}
                                                </div>

                                                <div class="form-actions">

                                                    <div class="row">

                                                        <div class="col-md-offset-4 col-md-12">
                                                            <input type="submit" class="col-md-3 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>
<!-- END CONTAINER -->

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

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

{% endblock %}