{# set progress from 1-5 #}
{% set progress_nav = 2 %}

{% set page_class = 'whiteBackground' %}

{% extends 'layouts/default.twig' %}

{% block head %}

    {{ judopay_assets() }}

{% endblock %}

{% block content %}

    {% include 'navigation/breadcrumbs.twig' with {
        hide_logos: true,
        class: '',
        breadcrumbs: [
            {
                url: '/',
                name: 'Home'
            },
            {
                url: '/shop/checkout/basket.php',
                name: 'Your Basket'
            },
        ]
    } %}


    {% include 'includes/page_blocks/title_banner.twig' with {
        title: 'Your basket',
        subtitle: false,
        content: false,
        dark_background: false,
        class: 'checkoutTitle'
    }%}


    <div id="checkout" class="checkoutBasket">

        {{ hooks_do_action('call_static_block', 3) }}

        {{ macro.alert('success', success) }}

        <form action="#basket" method="post" class="checkoutForm" novalidate>

            {# Vue SFC Component - replaces inline-template basket component #}
            <mtc-checkout>
                {# Member login section slot #}
                <template v-slot:member-login>
                    {% if settings.MEMBERS_SECTION and member.id < 1 and settings.MEMBERS_BASKET %}
                        {{ member_error|raw }}
                        <div class="memberAlready">
                            <h3>Member Already?</h3>
                            <p>Signed up for an account previously? Sign in here to speed up the checkout process.</p>
                            <a href="{{ route('members-login', {
                                'redirect' : '/shop/checkout/',
                                'check_existing_subscriptions': 'y'
                            }, false) }}" class="button">Sign In</a>
                        </div>
                    {% endif %}
                    {{ hooks_do_action('basket_login_section') }}
                </template>

                {# Payment buttons slot (Judopay, etc.) #}
                <template v-slot:payment-buttons>
                    {{ judopay_gpay_btn() }}
                    {{ judopay_apay_btn() }}
                </template>
            </mtc-checkout>

        </form>

    </div>

    {% include 'shop/basket/delivery_banner.twig' with {
        no_wrapper: false,
        show_expected_delivery: true
    } %}


{% endblock %}
