{% trans_default_domain 'FOSUserBundle' %}

<!-- start: PAGE TITLE -->
<section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">Mon Profile</h1>
        </div>
        <ol class="breadcrumb">
            <li>
                <span>Mon Compte</span>
            </li>
            <li class="active">
                <span>Edit Profile</span>
            </li>
        </ol>
    </div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: USER PROFILE -->
<div class="container-fluid container-fullw bg-white">
    <div class="row">
        <div class="col-md-12">
            <div class="tabbable">
                <div class="tab-content">
                    <div class="tab-pane  fade in active">
                        {{ form_start(form, { 'action': path('fos_user_profile_edit'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
                         <fieldset>
                                <legend>
                                    Account Info
                                </legend>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">
                                                Nom
                                            </label>
									 {{ form_widget(form.nom,{'attr': {'class': 'form-control','placeholder':'votre nom'}}) }}
                                            {% if  form.nom.vars.errors|length > 0 %}
                                                <div class="text-danger text-large"> {{ form_errors(form.nom) }}</div>
                                            {% endif %}
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">
                                                Prénom
                                            </label>
                                            {{ form_widget(form.prenom,{'attr': {'class': 'form-control','placeholder':'votre prénom'}}) }}
                                            {% if  form.prenom.vars.errors|length > 0 %}
                                                <div class="text-danger text-large"> {{ form_errors(form.prenom) }}</div>
                                            {% endif %}
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">
                                               Email
                                            </label>
                                            {{ form_widget(form.email,{'attr': {'class': 'form-control','placeholder':'votre Email'}}) }}
                                            {% if  form.email.vars.errors|length > 0 %}
                                                <div class="text-danger text-large"> {{ form_errors(form.email) }}</div>
                                            {% endif %}
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">
                                                Function
                                            </label>
                                            {{ form_widget(form.metier,{'attr': {'class': 'form-control','placeholder':'votre Function'}}) }}
                                            {% if  form.metier.vars.errors|length > 0 %}
                                                <div class="text-danger text-large"> {{ form_errors(form.metier) }}</div>
                                            {% endif %}
                                        </div>
                                   </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">
                                                Civilité
                                            </label>
                                            <div class="clip-radio radio-primary">
                                            {{ form_widget(form.civility) }}
                                            {% if  form.civility.vars.errors|length > 0 %}
                                                <div class="text-danger text-large"> {{ form_errors(form.civility) }}</div>
                                            {% endif %}
                                            </div>

                                        </div>
                                        <div class="form-group">
                                            <label>
                                                Image Upload
                                            </label>
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-new thumbnail">
                                                    {% if app.user.path is empty %}
                                                        <img src="{{ asset('uploads/picture/commun/Avatar.png')}}" alt="Admin Total">
                                                    {% else %}
                                                        <img  src="{{ asset('uploads/picture/' ~ app.user.path) }}" alt="Admin Total">
                                                    {% endif %}
                                                </div>
                                                <input type="hidden" name="oldPhoto" value="{{ photo }}">
                                                <div class="fileinput-preview fileinput-exists thumbnail"></div>
                                                <div class="user-edit-image-buttons">
																			<span class="btn btn-azure btn-file"><span class="fileinput-new"><i class="fa fa-picture"></i> Select image</span><span class="fileinput-exists"><i class="fa fa-picture"></i> Change</span>
                                                                                {{ form_widget(form.picture) }}
																			</span>
                                                    <a href="#" class="btn fileinput-exists btn-red" data-dismiss="fileinput">
                                                        <i class="fa fa-times"></i> Remove
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>

                            <div class="row">
                                <div class="col-md-12">
                                    <div>
                                        Required Fields
                                        <hr>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8">
                                    <p>
                                        By clicking UPDATE, you are agreeing to the Policy and Terms &amp; Conditions.
                                    </p>
                                </div>
                                <div class="col-md-4">
                                    <button class="btn btn-primary pull-right" type="submit">
                                        Update <i class="fa fa-arrow-circle-right"></i>
                                    </button>
                                </div>
                            </div>
                        {{ form_end(form) }}
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>