@extends('frontend::layouts.master')

@section('content')
    <div class="container pt-8 lg:pt-16">
        <div class="flex items-center justify-center flex-col mx-auto w-full max-w-xl bg-glass py-6 px-4">
            <div class="img-wrapper">
                <img src="{{ Module::asset('frontend:img/check.svg') }}" alt="Order Complete" class="w-20">
            </div>
            <p class="text-24 text-center font-semibold">
                {{ __('frontend::frontend.order_complete.thank_you') }}
            </p>
            <p class="font-medium text-center">
                {{ __('frontend::frontend.order_complete.order_success') }}
            </p>
            <p class="text-13 text-center font-light mt-2 mb-6">
                {{ __('frontend::frontend.order_complete.detail_sent_to', ['email' => $data['email'] ?? '']) }}
            </p>
            <div class="flex items-center gap-4 w-full flex-col xs:flex-row max-w-md">
                <a href="{{ mwz_route('frontend.page.products') }}" class="button-primary-bordered text-primary w-full font-bold">{{ __('frontend::frontend.order_complete.continue_shopping') }}</a>
                <a href="{{ mwz_route('frontend.member.order') }}" class="button-primary w-full ">{{ __('frontend::frontend.order_complete.order_history') }}</a>
            </div>
        </div>
    </div>
@endsection