{% extends '::base2.html.twig' %}
{% block title %}Gestion User Compte - List{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'account_executive/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 'account_executive/menuCompte.html.twig' %}
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->

                <div style="background: rgb(238, 241, 245); min-height: 306px;" class="page-content">

                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="{{ path('millesima_account_executive_accueil') }}">Mes Comptes</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="{{ path('millesima_account_executive_compte_consulter', {'id' : compte.id}) }}">Compte {{ compte.raisonSociale }}</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="{{ path('millesima_account_executive_user_compte_ajout', {'id' : compte.id}) }}">Ajouter User Compte</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 class="page-title"> Ajouter Nouveau Utilisateur
                        <small>Nouveau</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="tabbable-line boxless tabbable-reversed">
                                <!-- BEGIN FORM-->
                                {{ form_start(form, {'method': 'post', 'action': path('millesima_account_executive_user_compte_ajout', {'id' : compte.id}) }) }}

                                <div class="col-md-6 tab-pane">
                                    <div class="portlet box green">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Formulaire Info Compte
                                            </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 COMPTE -->

                                            <div class="form-horizontal">
                                                <div class="form-body">

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

                                                            {{ form_label(form.logo, 'Logo') }}
                                                            {{ form_widget(form.logo, { 'attr': {'class': 'form-control','required':false} }) }}

                                                        </div>
                                                    </div>

                                                    <div class="row">

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

                                                            {{ form_label(form.raisonSociale, 'Raison Sociale *') }}
                                                            {{ form_widget(form.raisonSociale, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

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

                                                            {{ form_label(form.matriculeFiscale, 'Matricule Fiscale *') }}
                                                            {{ form_widget(form.matriculeFiscale, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

                                                    </div>

                                                    <div class="row">

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

                                                            {{ form_label(form.tel, 'Phone *') }}
                                                            {{ form_widget(form.tel, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

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

                                                            {{ form_label(form.fax, 'Fax *') }}
                                                            {{ form_widget(form.fax, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>

                                                    </div>

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

                                                            {{ form_label(form.email, 'Email *') }}
                                                            {{ form_widget(form.email, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>
                                                    </div>

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

                                                            {{ form_label(form.sitWeb, 'Site Web *') }}
                                                            {{ form_widget(form.sitWeb, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>
                                                    </div>

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

                                                            {{ form_label(form.address, 'Adresse *') }}
                                                            {{ form_widget(form.address, { 'attr': {'class': 'form-control','required':true} }) }}

                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <!-- END FORM COMPTE -->
                                        </div>
                                    </div>
                                    <div class="portlet box green">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Formulaire Ajout Compte Facturation
                                            </div>
                                            <div class="tools"></div>
                                        </div>
                                        <div class="portlet-body form">
                                            <!-- BEGIN FORM USER COMPTE -->
                                            <div class="form-horizontal">
                                                <div class="form-body users" data-prototype="{{ form_widget(form.compteFacturation.vars.prototype)|e('html_attr') }}">
                                                    {% for facturationCP in form.compteFacturation %}
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label class="control-label">Raison Sociale</label>
                                                                {{ form_widget(facturationCP.raisonSociale, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label class="control-label">Matricule Fiscale</label>
                                                                {{ form_widget(facturationCP.matriculeFiscale, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <hr>
                                                    {% endfor %}

                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-offset-2 col-md-12">
                                                            <button type="submit" value="" class="col-md-8 btn green">
                                                                Ajouter Nouveau Compte Facturation
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 tab-pane">
                                    <div class="portlet box green">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Formulaire Ajout Utilisateur Compte
                                            </div>
                                            <div class="tools"></div>
                                        </div>
                                        <div class="portlet-body form">
                                            <!-- BEGIN FORM USER COMPTE -->
                                            <div class="form-horizontal">
                                                <div class="form-body users" data-prototype="{{ form_widget(form.Utilisateurs.vars.prototype)|e('html_attr') }}">
                                                    {% for user in form.Utilisateurs %}
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <p>
                                                                    Mr {{ form_widget(user.civility[0], { 'attr': {'class': 'flat','required':false} }) }}
                                                                    Mme {{ form_widget(user.civility[1], { 'attr': {'class': 'flat','required':false} }) }}
                                                                    {{ form_errors(user.civility) }}
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label class="control-label">Nom</label>
                                                                {{ form_widget(user.firstname, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label class="control-label">Prenom</label>
                                                                {{ form_widget(user.lastname, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label class="control-label">Mobile</label>
                                                                {{ form_widget(user.phone_number, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label class="control-label">Tel</label>
                                                                {{ form_widget(user.tel_number, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-6">
                                                                <label class="control-label">Nom Utilisateur</label>
                                                                {{ form_widget(user.username, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label class="control-label">Role</label>
                                                                {{ form_widget(user.function, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <label class="control-label">Email</label>
                                                                {{ form_widget(user.email, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <div  class="row">
                                                            <div class="col-md-12">
                                                                <label class="control-label">Mot de passse</label>
                                                                {{ form_widget(user.plainPassword.first, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <label class="control-label">Répéter le mot de passe</label>
                                                                {{ form_widget(user.plainPassword.second, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <label class="control-label">Photo</label>
                                                                {{ form_widget(user.path, { 'attr': {'class': 'form-control','required':false} }) }}
                                                            </div>
                                                        </div>
                                                        <hr>
                                                    {% endfor %}

                                                </div>
                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-offset-2 col-md-12">
                                                            <button type="submit" value="" class="col-md-8 btn green">
                                                                Ajouter Nouveau Utilisateur Compte
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {{ form_end(form) }}
                                    <!-- End FORM-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END PAGE HEADER-->

                    <!-- BEGIN PAGE FOOTER-->
                    <div class="row">
                        <div class="col-md-offset-4 col-md-6">
                            <a href="{{ path('millesima_account_executive_accueil') }}">
                                <button type="submit" value="" class="col-md-8 btn green">
                                    Retour à mes comptes
                                </button>
                            </a>
                        </div>
                    </div>
                    <!-- END PAGE FOOTER-->

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

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

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

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

{% endblock %}