{% trans_default_domain 'FOSUserBundle' %}

<form action="{{ path('fos_user_profile_edit') }}" {{ form_enctype(form) }} method="POST" 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">First Name</label>
                                         {{ form_widget(form.firstname, { 'attr': {'class': 'form-control', 'placeholder': 'First Name' } }) }}
                                         {{ form_errors(form.firstname) }}
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">Last Name</label>
                                        {{ form_widget(form.lastname, { 'attr': {'class': 'form-control', 'placeholder': 'Last Name' } }) }}
                                        {{ form_errors(form.lastname) }}
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">Email Address</label>
                                        {{ form_widget(form.email, { 'attr': {'class': 'form-control', 'placeholder': 'E-mail' } }) }}
                                        {{ form_errors(form.email) }}
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">Phone</label>
                                        {{ form_widget(form.phone, { 'attr': {'class': 'form-control', 'placeholder': 'Phone' } }) }}
                                        {{ form_errors(form.phone) }}
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">Fax</label>
                                        {{ form_widget(form.fax, { 'attr': {'class': 'form-control', 'placeholder': 'Fax' } }) }}
                                        {{ form_errors(form.fax) }}
                                    </div>

                                    {#<div class="form-group">
                                        <label class="control-label">Current Password</label>
                                        {{ form_widget(form.current_password, { 'attr': {'class': 'form-control', 'placeholder': 'Password' } }) }}
                                        {{ form_errors(form.current_password) }}
                                    </div>#}
                                <div class="form-group">
                                    <label class="control-label">Address 1</label>
                                    {{ form_widget(form.address1, { 'attr': {'class': 'form-control'} }) }}
                                    {{ form_errors(form.address1) }}
                                </div>
                                <div class="form-group">
                                    <label class="control-label">
                                        Address 2
                                    </label>
                                    {{ form_widget(form.address2, { 'attr': {'class': 'form-control'} }) }}
                                    {{ form_errors(form.address2) }}
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="control-label">
                                                Country
                                            </label>
                                            {{ form_widget(form.country, { 'attr': {'class': 'form-control'} }) }}
                                            {{ form_errors(form.country) }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="control-label">
                                                City
                                            </label>
                                            {{ form_widget(form.city, { 'attr': {'class': 'form-control'} }) }}
                                            {{ form_errors(form.city) }}
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label class="control-label">
                                                Zip Code
                                            </label>
                                            {{ form_widget(form.zipcode, { 'attr': {'class': 'form-control'} }) }}
                                            {{ form_errors(form.zipcode) }}
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-md-6">
                                 <div class="row">
                                        <div class="col-md-6">
                                             <div class="form-group">
                                                        <label>
                                                                Image Upload
                                                        </label>
                                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                                                <div class="fileinput-new thumbnail">{% if app.user.profile is not null %}    <img src="{{asset(app.user.profile.webPath)}}" alt=""> {% else %}  <img src="{{ asset('assets/images/default-user.png')}}" alt=""> {% endif %}
                                                                </div>
                                                                <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.profile) }}
                                                                                 {{ form_errors(form.profile) }}
                                                                        </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 class="col-md-6">
                                             <div class="form-group">
                                                    <label class="control-label">
                                                            Civility
                                                    </label>
                                                      {{ form_widget(form.civility, { 'attr': {'class': 'clip-radio radio-primary'} }) }}
                                                      {{ form_errors(form.civility) }}
                                            </div>
                                            <div class="form-group">
                                                    <label class="control-label">
                                                            Title
                                                    </label>
                                                      {{ form_widget(form.title, { 'attr': {'class': 'form-control'} }) }}
                                                      {{ form_errors(form.title) }}
                                            </div>
                                              <div class="form-group">
                                                    <label class="control-label">
                                                            Organism
                                                    </label>
                                                      {{ form_widget(form.organism, { 'attr': {'class': 'form-control'} }) }}
                                                      {{ form_errors(form.organism) }}
                                             </div>
                                        </div>
                                 </div>

                            </div>
                    </div>
    </fieldset>
    
    <fieldset>
        <legend>Resume</legend>
        <div class="row">
            <div class="col-md-12">
                {{ form_widget(form.resume, { 'attr': {'class': 'ckeditor form-control'} }) }}
                {{ form_errors(form.resume) }}
            </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">
                {{ 'profile.edit.submit'|trans }} <i class="fa fa-arrow-circle-right"></i>
            </button>
        </div>
    </div>

    {{ form_rest(form) }}

</form>