{# templates/bundles/SyliusShopBundle/Checkout/address_shipping.html.twig #}
{% extends '@SyliusShop/Checkout/layout.html.twig' %}

{# thème commun aux deux sous-formulaires #}
{% form_theme addressForm '@SyliusShop/Form/theme.html.twig' %}
{% form_theme shippingForm '@SyliusShop/Form/theme.html.twig' %}

{% block title %}
    {{ 'sylius.ui.shipping'|trans }} » {{ 'sylius.ui.address'|trans }} | {{ parent() }}
{% endblock %}

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

    <div class="grid">
        <div class="g-col-12 g-col-lg-8 mb-5">

            {# -------- <form> -------- #}
            {{ form_start(addressForm, {
                action: path('app_shop_checkout_address_shipping'),
                attr: {'class': 'loadable', 'novalidate': 'novalidate'}
            }) }}

            {# 1. -- LIVRAISON EN PREMIER -- #}
            {% if order.shipments|length > 0 %}
                {{ sylius_template_event('sylius.shop.checkout.select_shipping.before_form', {'order': order}) }}

                <h2 class="mb-3">{{ 'sylius.ui.shipping'|trans }}</h2>
                {{ form_errors(shippingForm) }}

                <div id="sylius-shipping-methods">
                    {% include '@SyliusShop/Checkout/SelectShipping/_form.html.twig'
                        with {'form': shippingForm} %}
                </div>

                {{ form_row(shippingForm._token) }}
                {{ sylius_template_event('sylius.shop.checkout.select_shipping.after_form', {'order': order}) }}
            {% endif %}

            <hr class="my-4"/>

            {# 2. -- ADRESSE ENSUITE -- #}
            {{ sylius_template_event('sylius.shop.checkout.address.before_form', {'order': order}) }}

            <h2 class="mb-3">{{ 'sylius.ui.address'|trans }}</h2>
            {{ form_errors(addressForm) }}

            {% include '@SyliusShop/Checkout/Address/_form.html.twig'
                with {'form': addressForm} %}

            {{ form_row(addressForm._token) }}
            {{ sylius_template_event('sylius.shop.checkout.address.after_form', {'order': order}) }}

            {# -------- NAVIGATION -------- #}
            <div class="d-flex justify-content-between mt-4">
                <a href="{{ path('sylius_shop_cart_summary') }}" class="btn btn-secondary">
                     Retour à la boutique 
                </a>
                <button type="submit" class="btn btn-primary">
                     Suivant 
                </button>
            </div>

            {{ form_end(addressForm, {'render_rest': false}) }}
        </div>

        <div class="g-col-12 g-col-lg-4">
            {{ sylius_template_event(
                ['sylius.shop.checkout.address.sidebar', 'sylius.shop.checkout.sidebar'],
                _context
            ) }}
        </div>
    </div>
{% endblock %}