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

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

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

{% block content %}
    {% include '@SyliusShop/Order/_summary.html.twig' %}

    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                {% include '@SyliusShop/Common/Order/_addresses.html.twig' %}
            </div>
            <div class="col-lg-6">
                {% include '@SyliusShop/Common/Order/_table.html.twig' %}
            </div>
        </div>

        {% if order.paymentState in ['awaiting_payment'] %}
            {{ form_start(form, {'action': path('sylius_shop_order_show', {'tokenValue': order.tokenValue}), 'attr': {'class': 'mt-1 mb-5', 'novalidate': 'novalidate'}}) }}
            <input type="hidden" name="_method" value="PUT" />

            {% include '@SyliusShop/Checkout/SelectPayment/_form.html.twig' %}
            <div class="col-lg-12 text-center">
                <button type="submit" class="btn btn-info m-auto" id="sylius-pay-link" {{ sylius_test_html_attribute('pay-link') }}>
                    <i class="check icon"></i> {{ 'sylius.ui.pay'|trans }}
                </button>
            </div>

            {{ form_row(form._token) }}
            {{ form_end(form, {'render_rest': false}) }}
        {% else %}
            {{ messages.info('sylius.ui.you_can_no_longer_change_payment_method_of_this_order') }}
        {% endif %}
    </div>
{% endblock %}