{% trans_default_domain 'FOSUserBundle' %}

{{ form_start(form, { 'action': path('fos_user_profile_edit'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}
<div class="form-horizontal">
    <div class="form-body">

        <div class="row">

            <div class="col-md-12 col-sm-12 col-xs-12 form-group" xmlns="http://www.w3.org/1999/html">
                <p style="padding-left: 16px;">
                    Mr {{ form_widget(form.civility[0], { 'attr': {'class': 'flat','required':true} }) }}
                    Mme {{ form_widget(form.civility[1], { 'attr': {'class': 'flat','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.civility) }}
                </div>
                </p>
            </div>

        </div>
        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.firstname, 'Prénom *') }}
                {{ form_widget(form.firstname, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.firstname) }}
                </div>

            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.lastname, 'Nom *') }}
                {{ form_widget(form.lastname, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.lastname) }}
                </div>

            </div>

        </div>
        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.phone_number, 'Phone *') }}
                {{ form_widget(form.phone_number, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.phone_number) }}
                </div>

            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.fax_number, 'Fax') }}
                {{ form_widget(form.fax_number, { 'attr': {'class': 'form-control','required':false } }) }}
                <div class="red">
                    {{ form_errors(form.fax_number) }}
                </div>

            </div>

        </div>

        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.username, 'nom Utilisateur *',{'label_attr': {'class': 'req'}}) }}
                {{ form_widget(form.username, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.username, { 'attr': {'class': 'red'} }) }}
                </div>

            </div>


            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.path, 'Photo') }}
                {{ form_widget(form.path, { 'attr': {'class': 'form-control','required':false} }) }}
                <div class="red">
                    {{ form_errors(form.path) }}
                </div>
                {#<img id="img_perview" src="{{ asset('uploads/images/common/empty-profile.jpg') }}" style="width: 100px;margin: 1%;"/>#}
            </div>

        </div>

        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">
                {{ form_label(form.plainPassword.first, 'Password *') }}
                {{ form_widget(form.plainPassword.first, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.plainPassword.first) }}
                </div>
            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">
                {{ form_label(form.plainPassword.second, 'Repat password *') }}
                {{ form_widget(form.plainPassword.second, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.plainPassword.second) }}
                </div>
            </div>

        </div>

        <div class="row">

            <div class="col-md-12 col-sm-12 col-xs-12">

                {{ form_label(form.email, 'Email *',{'label_attr': {'class': 'req'}}) }}
                {{ form_widget(form.email, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="red">
                    {{ form_errors(form.email, { 'attr': {'class': 'red'} }) }}
                </div>

            </div>

        </div>

    </div>

    <div class="form-actions">

        <div class="row">

            <div style="float: right;padding-right: 15px;padding-top: 20px;">
                <input type="submit" class="btn btn-success" value="{#{{ 'profile.edit.submit'|trans }}#}Changer Compte"/>
            </div>

        </div>

    </div>
</div>

{#<div class="col-md-12 col-sm-12 col-xs-12 form-group" xmlns="http://www.w3.org/1999/html">

</div>
<div class="col-md-12 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.username, 'Username *',{'label_attr': {'class': 'req'}}) }}
    {{ form_widget(form.username, { 'attr': {'class': 'form-control','required':true} }) }}
    {{ form_errors(form.username) }}
</div>
<div class="col-md-12 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.email, 'Email *',{'label_attr': {'class': 'req'}}) }}
    {{ form_widget(form.email, { 'attr': {'class': 'form-control','required':true} }) }}
    <div class="red">
        {{ form_errors(form.email, { 'attr': {'class': 'red'} }) }}
    </div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.firstname, 'Firstname *') }}
    {{ form_widget(form.firstname, { 'attr': {'class': 'form-control','required':true} }) }}
    {{ form_errors(form.firstname) }}
</div>
<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.lastname, 'Lastname *') }}
    {{ form_widget(form.lastname, { 'attr': {'class': 'form-control','required':true} }) }}
    {{ form_errors(form.lastname) }}
</div>
<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.plainPassword.first, 'Password *') }}
    {{ form_widget(form.plainPassword.first, { 'attr': {'class': 'form-control','required':true,'minlength': 6} }) }}
    <div class="red">
        {{ form_errors(form.plainPassword.first) }}
    </div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.plainPassword.second, 'Repat password *') }}
    {{ form_widget(form.plainPassword.second, { 'attr': {'class': 'form-control','required':true,'minlength': 6} }) }}
    {{ form_errors(form.plainPassword.second) }}
</div>

<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.phone_number, 'Phone *') }}
    {{ form_widget(form.phone_number, { 'attr': {'class': 'form-control','required':true} }) }}
    {{ form_errors(form.phone_number) }}
</div>
<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.fax_number, 'Fax') }}
    {{ form_widget(form.fax_number, { 'attr': {'class': 'form-control'} }) }}
    {{ form_errors(form.fax_number) }}
</div>

<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    {{ form_label(form.path, 'Photo') }}
    {{ form_widget(form.path, { 'attr': {'class': 'form-control','required':false} }) }}
    {{ form_errors(form.path) }}
    <input type="hidden" name="oldPhoto" value="{{ photo }}"/>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 form-group">
    <label for=""> </label>
    {% if photo is empty %}
        <img id="img_perview" src="{{ asset('uploads/images/common/empty-profile.jpg') }}"
             style="width: 220px;margin: 1%;"/>
    {% else %}
        <img id="img_perview" src="{{ asset('uploads/images/' ~ photo) }}"
             style="width: 220px;margin: 1%;"/>
    {% endif %}

</div>

<div class="col-md-12 col-sm-12 col-xs-12 form-group">
    <div class="ln_solid"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 form-group">
    <input type="submit" class="btn btn-success" value="{{ 'profile.edit.submit'|trans }}"/>
</div>#}

<div style="display: none"> {{ form_rest(form) }} </div>

{{ form_end(form) }}