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

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

{% block title %}
	{{ 'sylius.ui.add_address'|trans }}
	|
	{{ parent() }}
{% endblock %}

{% block subcontent %}
	<div class="ui segment">
		<h1 class="display-4 my-2">

			{{ 'sylius.ui.address_book'|trans }}
			<div class="sub header">{{ 'sylius.ui.add_address'|trans }}</div>
		</h1>

		{{ sylius_template_event('sylius.shop.account.address_book.create.after_content_header', {'address': address}) }}

		{{ form_start(form, {'action': path('sylius_shop_account_address_book_create'), 'attr': {'class': 'ui loadable form', 'novalidate': 'novalidate'}}) }}
		{% include '@SyliusShop/Common/Form/_address.html.twig' with {'form': form} %}
		<div class="row">
			<div class="col-md-6 col-12">
				<a href="{{ path('sylius_shop_account_address_book_index') }}" class="ui large icon labeled button">
					<i class="left arrow icon"></i>
					{{ 'sylius.ui.cancel'|trans }}
				</a>
			</div>
			<div class="right aligned col-md-6 col-12">
				<button type="submit" class="ui large icon labeled blue button" {{ sylius_test_html_attribute('add-address') }}>
					<i class="icon plus"></i>
					{{ 'sylius.ui.add'|trans }}
				</button>
			</div>
		</div>

		{{ sylius_template_event('sylius.shop.account.address_book.create.form', {'address': address}) }}

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