{% extends '@SyliusShop/Account/AddressBook/layout.html.twig' %}

{% form_theme form '@SyliusShop/Form/theme.html.twig' %}

{% block subcontent %}
    <div class="container pt-4 pb-4">
        <div class="col-lg-12 text-center">
            <h2><span>{{ 'sylius.ui.address_book'|trans }}</span></h2>
            <p>{{ 'sylius.ui.add_address'|trans }}</p>
        </div>
        {{ sylius_template_event('sylius.shop.account.address_book.create.after_content_header', {'address': address}) }}
        <div class="col-lg-6 m-auto">
            {{ form_start(form, {'action': path('sylius_shop_account_address_book_create'), 'attr': {'class': 'justify-content-center', 'novalidate': 'novalidate'}}) }}
                {% include '@SyliusShop/Common/Form/_address.html.twig' with {'form': form} %}
                <div class="row justify-content-around">
                    <a href="{{ path('sylius_shop_account_address_book_index') }}" class="btn btn-secondary">
                        <i class="icon-arrow-left"></i> {{ 'sylius.ui.cancel'|trans }}
                    </a>
                    <button type="submit" class="btn btn-info" {{ sylius_test_html_attribute('save-changes') }}>
                        <i class="icon-save"></i> {{ 'sylius.ui.add'|trans}}
                    </button>
                </div>
            {{ sylius_template_event('sylius.shop.account.address_book.create.form', {'address': address}) }}

            {{ form_row(form._token) }}
            {{ form_end(form, {'render_rest': false}) }}
        </div>
    </div>
{% endblock %}