{% extends "base_layout.html.twig" %}

{% block title %} {{ 'Profile' | trans }} {% endblock %}

{% trans_default_domain 'FOSUserBundle' %}

{% block form_content %}
    <form action="{{ path('fos_user_profile_edit') }}" method="POST"
          class="fos_user_profile_edit form-horizontal row mb-3">
        <div class="col-sm-12">
            <a href="#profile" data-toggle="collapse" class="text-decoration-none text-dark">
                <h5>{{ 'User Profile'|trans }}<i class="fa fa-chevron-down fa-sm ml-1"></i></h5>
            </a>
        </div>
        <div id="profile" class="col-sm-12 collapse show">
            {% set profile_fields = [
                'firstName',
                'lastName',
                'address1',
                'address2',
                'city',
                'state',
                'zip',
                'country'
            ] %}
            <div class="row">
                <div id="shipping" class="col-md-3 shipping">
                    <div class="row">
                        {% if form.offsetExists('shippingProfile') %}
                            {% for field in profile_fields %}
                                {% if form.shippingProfile.has(field) %}
                                    <div class="col-md-6">
                                        {{ form_row(form.shippingProfile[field]) }}
                                    </div>
                                    <div class="col-md-6">
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            {{ form_rest(form) }}
        </div>
        <div class="col-sm-12 mt-3">
            <button type="submit" class="btn btn-primary"> {{ 'Save'|trans }} </button>
        </div>
    </form>
{% endblock %}