{% extends 'Default/base.html.twig' %}

    {% block title %} Mon Profile {% endblock %}
    {% block breadcrumb1 %} Mon Compte {% endblock %}
    {% block breadcrumb2 %} Edit Profile {% endblock %}

{% block content %}

    <!-- start: USER PROFILE -->
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">
                {{ form_start(form, {'attr': { 'role': 'form', 'id': 'form' } } ) }}
                <fieldset>
                    <legend>
                        Account Info
                    </legend>
                    <div class="row">
                        <div class="clip-radio radio-primary" style="margin-left: 20px;">
                            {{ form_widget(form.civility) }}
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Nom
                                </label>
                                <span class="input-icon">
                                        {{ form_widget(form.firstName,{'attr': {'class': 'form-control','placeholder':'votre nom'}}) }}
                                    {% if  form.firstName.vars.errors|length > 0 %}
                                        <div class="text-danger text-large"> {{ form_errors(form.firstName) }}</div>
                                    {% endif %}
                                    <i class="fa fa-user"></i> </span>
                            </div>
                            <div class="form-group">
                                <label class="control-label">
                                    Prénom
                                </label>
                                <span class="input-icon">
                                        {{ form_widget(form.lastName,{'attr': {'class': 'form-control','placeholder':'votre prénom'}}) }}
                                    {% if  form.lastName.vars.errors|length > 0 %}
                                        <div class="text-danger text-large"> {{ form_errors(form.lastName) }}</div>
                                    {% endif %}
                                    <i class="fa fa-user"></i> </span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Email
                                </label>
                                <span class="input-icon">
                                        {{ 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 %}
                                    <i class="fa fa-envelope"></i> </span>
                            </div>
                            <div class="form-group">
                                <label class="control-label">
                                    Fonction
                                </label>
                                <span class="input-icon">
                                        {{ form_widget(form.function,{'attr': {'class': 'form-control','placeholder':'votre Fonction'}}) }}
                                    {% if  form.function.vars.errors|length > 0 %}
                                        <div class="text-danger text-large"> {{ form_errors(form.function) }}</div>
                                    {% endif %}
                                    <i class="fa fa-suitcase"></i> </span>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <div class="row">
                    <div class="col-md-12">
                        <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>
{% endblock content %}