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

{% block title %}Profil{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <style>
        #app_user_registration_civility{
           margin-top: -5px;
       }
    </style>
{% endblock %}

{% block body %}
<div class="content" id="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-sm-12 col-md-3">
                                <div class="col-9">
                                    <div class="user user--bordered user--xlg margin-bottom-20">
                                        {% if app.user.path != null %}
                                            <img src="{{ asset('uploads/users/'~app.user.path) }}" style="width: 210px;height: 210px;">
                                        {% else %}
                                            <img src="{{ asset('assets/img/users/user_2.jpg') }}"  style="width: 210px;height: 210px;">
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                    <p><span class="caption">{{ 'fos.editUser.title3' | trans }}:</span><br>{{ app.user.username }}</p>
                                    <p class=""><span class="caption"> {{ 'fos.editUser.title4' | trans }}:</span><br>{{ app.user.nom }}</p>
                                    <p ><span class="caption">{{ 'fos.editUser.title5' | trans }}:</span><br>{{ app.user.prenom }}</p>
                            </div>
                            <div class="col-sm-12 col-md-4">
                                <div class="col-9">
                                    <p ><span class="caption">{{ 'fos.editUser.title6' | trans }}:</span><br>{{ app.user.email }}</p>
                                    <p><span class="caption">{{ 'fos.editUser.title7' | trans }}:</span><br>{{ app.user.phone }}</p>
                                    <p><span class="caption">{{ 'fos.editUser.title14' | trans }}:</span><br>{{ app.user.adress }}</p>
                                    </div>
                            </div>
                        </div>

                        <div class="divider divider--dashed divider--sm"></div>
                        <div class="card-body">
                            <h3>{{ 'fos.editUser.title19' | trans }}</h3>
                            {{ include('@AppBundle/Default/flashBag.html.twig') }}
                            {{ form_start(form,{'action':path('edit_profile') ,'attr': {'role':'form','id': 'updateProfil'}}) }}
                            {% trans_default_domain 'FOSUserBundle' %}
                            <div class="form-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label> {{ form_label(form.nom, 'fos.editUser.title4' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.nom, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title4','required':'true'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-user-o"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.nom ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label> {{ form_label(form.prenom, 'fos.editUser.title5' | trans) }}</label>
                                        <div class="form-control-element form-control-element--right">
                                            {{ form_widget(form.prenom, { 'attr': {'class': 'form-control','placeholder': 'fos.editUser.title5','required':'true'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-user-o"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.prenom ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.email, 'fos.editUser.title6' | trans) }}</label>
                                        <div class="form-control-element form-control-element--right">
                                            {{ form_widget(form.email, { 'attr': {'class': 'form-control','placeholder': 'fos.editUser.title6','required':'true','name':'email','id':'email'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-envelope-o"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.email ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.phone, 'fos.editUser.title7' | trans) }}</label>
                                        <div class="form-control-element form-control-element--right">
                                            {{ form_widget(form.phone, { 'attr': {'class': 'form-control','placeholder': 'fos.editUser.title7','required':'true','name':'lastname','id':'lastname'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-phone"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.phone ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.diplome, 'fos.editUser.title8' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.diplome, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title8', 'required':'true','name':'phone'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-certificate"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.diplome ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.adress, 'fos.editUser.title14' | trans) }}</label>
                                        <div class="form-control-element form-control-element--right">
                                            {{ form_widget(form.adress, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title14','required':'true','name':'adress','id':'adress'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-home"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.adress ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.activitySector, 'fos.editUser.title10' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.activitySector, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title10', 'required':'true','name':'city'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-address-book"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.activitySector ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.entreprise, 'fos.editUser.title9' | trans) }}</label>
                                        <div class="form-control-element form-control-element--right">
                                            {{ form_widget(form.entreprise, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title9','required':'true','name':'country','id':'country'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-address-card"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.entreprise ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.produits, 'fos.editUser.title11' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.produits, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title11', 'required':'true','name':'postalCode'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-product-hunt"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.produits ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.entrepriseRegistrationDate, 'fos.editUser.title12' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.entrepriseRegistrationDate, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title12', 'required':'true','name':'postalCode'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-calendar-times-o"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.entrepriseRegistrationDate ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.facebook, 'fos.editUser.title15' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.facebook, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title15', 'required':'true','name':'postalCode'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-facebook"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.facebook ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.website, 'fos.editUser.title16' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.website, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title16', 'required':'true','name':'postalCode'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-wechat"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.website ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">

                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ form_label(form.effectif, 'fos.editUser.title13' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.effectif, { 'attr': {'class': 'form-control', 'placeholder': 'fos.editUser.title13', 'required':'true','name':'postalCode'} }) }}
                                            <div class="form-control-element__box">
                                                <span class="fa fa-users"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.effectif ) }}</span>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>{{ 'reg.title19'|trans }}</label>
                                        <div class="form-control-element form-control-element--right">
                                            <fieldset class="form-group">
                                                <div class="custom-file">
                                                    {{ form_widget(form.file, { 'attr': {'class': 'custom-file-input', 'reg.title19': '','name':'file','id':'inputGroupFile01'} }) }}
                                                    <label class="custom-file-label" for="inputGroupFile01">{{ 'reg.title19'|trans }}</label>
                                                </div>
                                            </fieldset>
                                        </div>
                                        <span class="error">{{ form_errors(form.file ) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="divider divider--dashed divider--sm"></div>
                            <div class="form-row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label>{{ form_label(form.current_password, 'fos.editUser.title17' | trans) }}</label>
                                        <div class="form-control-element">
                                            {{ form_widget(form.current_password, { 'attr': {'class': 'form-control example3', 'placeholder': 'fos.editUser.title17','name':'password','id':'password'} }) }}
                                            <div class="form-control-element__box form-control-element__box--pretify">
                                                <span class="fa fa-key"></span>
                                            </div>
                                        </div>
                                        <span class="error">{{ form_errors(form.current_password) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-row">
                                <div class="col-6">
                                </div>
                                <div class="col-6">
                                    <div class="pull-right">
                                        <button class="btn btn-white" value="{{ 'reg.title18'|trans }}" type="button" onclick="javascript:history.back();">{{ 'reg.title18'|trans }}</button>
                                        <button class="btn btn-primary" type="submit" value="Validate!" id="btn">{{ 'fos.editUser.title18'|trans }}</button>
                                    </div>
                                </div>
                            </div>
                            {{ form_end(form) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endblock %}
    {% block javascripts %}
        {{ parent() }}
        <!-- THIS PAGE SCRIPTS ONLY -->
        <script type="text/javascript" src="{{ asset('js/vendors/moment/moment-with-locales.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/vendors/echarts/echarts.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/vendors/select2/select2.min.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/vendors/daterangepicker/daterangepicker.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/vendors/raty/jquery.raty.js') }}"></script>
        <!-- //END THIS PAGE SCRIPTS ONLY -->
        <script type="text/javascript" src="{{ asset('js/demo_dashboard.js') }}"></script>
        <script>
            //les champs des mots de passe option on update form user
            $('#app_user_registration_plainPassword_first').prop('required',false);
            $('#app_user_registration_plainPassword_second').prop('required',false);
            $('#app_user_registration_file').prop('required',false);
        </script>
    {% endblock %}