{% 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 swMain">
                {{ form_start(form, {'attr': { 'role': 'form', 'id': 'formEditProfile' } } ) }}
                <div class="row">
                    <div class="col-md-12">
                        <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'}}) }}

                                    <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'}}) }}

                                    <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'}}) }}

                                    <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'}}) }}

                                    <i class="fa fa-suitcase"></i> </span>
                                    </div>
                                </div>
                            </div>
                            <button class="btn btn-primary pull-right" type="submit">
                                Enregistrer <i class="fa fa-arrow-circle-right"></i>
                            </button>
                        </fieldset>
                    </div>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock content %}