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

    {% block title %} {{'Profile.Edit_Profile.T1'|trans}}{% endblock %}
    {% block breadcrumb1 %} {{'Profile.Edit_Profile.T3'|trans}} {% endblock %}
    {% block breadcrumb2 %} {{'Profile.Edit_Profile.T2'|trans}} {% 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>
                                {{'Profile.Edit_Profile.T4'|trans}}
                            </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">
                                            {{'Profile.Edit_Profile.T8'|trans}}
                                        </label>
                                        <span class="input-icon">
                                        {{ form_widget(form.firstName,{'attr': {'class': 'form-control','placeholder':'Profile.Edit_Profile.T11'|trans}}) }}

                                    <i class="fa fa-user"></i> </span>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">
                                            {{'Profile.Edit_Profile.T9'|trans}}
                                        </label>
                                        <span class="input-icon">
                                        {{ form_widget(form.lastName,{'attr': {'class': 'form-control','placeholder':'Profile.Edit_Profile.T12'|trans}}) }}

                                    <i class="fa fa-user"></i> </span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">
                                            {{'Profile.Edit_Profile.T7'|trans}}
                                        </label>
                                        <span class="input-icon">
                                        {{ form_widget(form.email,{'attr': {'class': 'form-control','placeholder':'Profile.Edit_Profile.T13'|trans}}) }}

                                    <i class="fa fa-envelope"></i> </span>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">
                                            {{'Profile.Edit_Profile.T10'|trans}}
                                        </label>
                                        <span class="input-icon">
                                        {{ form_widget(form.function,{'attr': {'class': 'form-control','placeholder':'Profile.Edit_Profile.T14'|trans}}) }}

                                    <i class="fa fa-suitcase"></i> </span>
                                    </div>
                                </div>
                            </div>
                            {% if app.request.locale == 'ar' %}
                                <button class="btn btn-primary pull-left" type="submit">{{'Profile.Edit_Profile.T15'|trans}} <i class="fa fa-arrow-circle-left"></i></button>
                            {% else %}
                                <button class="btn btn-primary pull-right" type="submit">{{'Profile.Edit_Profile.T15'|trans}} <i class="fa fa-arrow-circle-right"></i></button>
                            {% endif %}
                        </fieldset>
                    </div>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock content %}