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

{% block title %}Edit Profile{% 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/nousers.png') }}"  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) }}
                            {% 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','value':profile.nom} }) }}
                                            <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','value':profile.prenom} }) }}
                                            <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','value':profile.phone} }) }}
                                            <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 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','value':profile.effectif} }) }}
                                            <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>
                            <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','value':profile.diplome} }) }}
                                            <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','value':profile.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','value':profile.activitySector} }) }}
                                            <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','value':profile.entreprise} }) }}
                                            <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','value':profile.produits} }) }}
                                            <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','value':registrationDateEnreprise} }) }}
                                            <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','value':profile.facebook} }) }}
                                            <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','value':profile.website} }) }}
                                            <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="divider divider--dashed divider--sm"></div>
                            <div class="col-12">
                                <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 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="reset">{{ '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 %}