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

{% import '@SyliusUi/Macro/messages.html.twig' as messages %}

{% 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.manage_your_saved_addresses'|trans }}</p>
            <a href="{{ path('sylius_shop_account_address_book_create') }}" class="btn btn-info"><i class="circle plus icon"></i> {{ 'sylius.ui.add_address'|trans }}</a>
        </div>
        <div class="row mt-3">
            {{ sylius_template_event('sylius.shop.account.address_book.index.after_content_header', {'addresses': addresses}) }}
            {{ sylius_template_event('sylius.shop.account.address_book.index.after_add_address_button', {'addresses': addresses}) }}
            {% if addresses|length > 0 %}
                {% set default_address = (sylius.customer.defaultAddress) %}
                {% if default_address is not null %}
                    {% include '@SyliusShop/Account/AddressBook/_defaultAddress.html.twig' with {'address': default_address} %}
                {% endif %}
                {% for address in addresses|filter(address => default_address is null or address.id != default_address.id) %}
                    {% include '@SyliusShop/Account/AddressBook/_item.html.twig' %}
                {% endfor %}
            {% else %}
                {{ messages.info('sylius.ui.you_have_no_addresses_defined') }}
            {% endif %}
        </div>
    </div>
{% endblock %}