<?xml version="1.0"?>
<t name="Navigation buttons" t-name="website_sale.navigation_buttons">
        <!-- Layout customization parameters:
            - _cta_classes: CSS classes to append on the primary navigation button; default `None`.
            - _form_send_navigation: Whether the primary button serves as a submit button for a
                                     form; default `None`.
            - hide_payment_button: Whether the payment button should be hidden; default: False.
        -->
        <!-- Checkout context:
            - website_sale_order: The current order.
        -->
        <div t-attf-class="#{_container_classes} d-flex #{_form_send_navigation and 'flex-column flex-lg-row align-items-lg-center' or 'flex-column'} gap-2">
            <t t-if="website_sale_order and website_sale_order.website_order_line">
                <t t-if="(website.account_on_checkout != 'mandatory' or                             not website.is_public_user()) and show_shorter_cart_summary" t-call="payment.express_checkout"/>
                <t t-if="current_website_checkout_step_href == '/shop/confirm_order'">
                    <div t-if="not errors and not website_sale_order.amount_total" name="o_website_sale_free_cart">
                        <form name="o_wsale_confirm_order" class="d-flex flex-column" target="_self" action="/shop/payment/validate" method="post">
                            <input type="hidden" name="csrf_token" t-att-value="request.csrf_token()" t-nocache="The csrf token must always be up to date."/>
                            <t t-if="not hide_payment_button" t-call="payment.submit_button">
                                <t t-set="submit_button_label">Confirm Order</t>
                            </t>
                        </form>
                    </div>
                    <t t-elif="not hide_payment_button" t-call="payment.submit_button"/>
                </t>
                <t t-else="">
                    <a role="button" name="website_sale_main_button" t-attf-class="#{_cta_classes} btn btn-primary #{not website_sale_order._is_cart_ready() and 'disabled'} #{_form_send_navigation and 'order-lg-3 w-100 w-lg-auto ms-lg-auto' or 'w-100'}" t-att-href="next_website_checkout_step_href">
                        <span t-field="next_website_checkout_step.main_button_label"/>
                        <i class="fa fa-angle-right ms-2 fw-light"/>
                    </a>
                </t>
            </t>
            <div t-if="not hide_payment_button" t-attf-class="position-relative #{_form_send_navigation and 'd-flex d-lg-none' or 'd-none d-lg-flex'} w-100 justify-content-center align-items-center opacity-75">
                <hr class="w-100"/>
                <span class="px-3">or</span>
                <hr class="w-100"/>
            </div>
            <t t-if="previous_website_checkout_step">
                <a t-att-href="previous_website_checkout_step.step_href" class="pt-2 pt-lg-0 text-center">
                    <i class="fa fa-angle-left me-2 fw-light"/>
                    <span t-field="previous_website_checkout_step.back_button_label"/>
                </a>
            </t>
            <t t-else="">
                <a t-att-href="'/shop'" class="pt-2 pt-lg-0 text-center">
                    <i class="fa fa-angle-left me-2 fw-light"/>
                    Continue shopping
                </a>
            </t>
        </div>
    </t>

    