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

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

{% block content %}
    {{ sylius_template_event(['sylius.shop.checkout.address.steps', 'sylius.shop.checkout.steps'], _context) }}

    <!-- SHOP CHECKOUT -->
    <section id="shop-checkout">
        <div class="container">
            <div class="shop-cart">
                {{ sylius_template_event('sylius.shop.checkout.address.before_form', {'order': order}) }}

                {{ form_start(form, {'action': path('sylius_shop_checkout_address'), 'attr': {'class': 'sep-top-md', 'novalidate': 'novalidate'}}) }}
                <div class="row">
                    <div class="col-lg-6 m-auto">
                        {{ form_errors(form) }}
                        <input type="hidden" name="_method" value="PUT" />

                        {% include '@SyliusShop/Checkout/Address/_form.html.twig' %}
                        <div class="ui hidden divider"></div>

                        {{ sylius_template_event('sylius.shop.checkout.address.before_navigation', {'order': order}) }}

                        {{ form_row(form._token) }}
                    </div>
                </div>
                <div class="seperator"><i class="fa fa-list-ol"></i></div>
                <div class="row">
                    {{ sylius_template_event(['sylius.shop.checkout.address.sidebar', 'sylius.shop.checkout.sidebar'], _context) }}
                </div>
                <div class="seperator"><i class="fa fa-arrow-right"></i></div>
                <div class="row">
                    {% include '@SyliusShop/Checkout/Address/_navigation.html.twig' %}
                </div>
                {{ form_end(form, {'render_rest': false}) }}
            </div>
        </div>
    </section>
{% endblock %}