@extends('site.checkout')

@section('title', __('site/checkout.meta_titles.error'))

@section('content')

    <div class="t-shifted__image">
        <img class="t-shifted__bg  t-shifted__bg--checkout-end" src="/img/split-image-4.jpg" alt="">
        <a class="t-shifted__logo" href="/">
            @include('site.components.icons.logo')
        </a>
    </div>

    <div class="t-shifted__content">
        @include('site.organisms.checkoutHeader',[
            'checkoutFlowStatus' => 4,
            'checkoutFlowLabelOverrule' => __('shop/checkout.flowErrorLabel')
        ])

        <div class="o-confirmation">
            <div class="o-confirmation__main">

                <div class="c-heading">
                    <h1 class="c-heading__title">@lang('shop/checkout.error.title')</h1>
                </div>

                <p class="u-spacing-mt3">
                    @lang('shop/checkout.error.description')
                </p>


                <div class="u-spacing-mt6">
                    @include('site.components.button', [
                        'modifiers' => ['icon'],
                        'buttonText' => 'Verder winkelen',
                        'buttonLink' => $links->categories->route
                    ])
                </div>
            </div>

            <div class="o-confirmation__image">
                <img src="/img/blije_gasten_404.jpg"/>
            </div>

        </div>

    </div>
@endsection