@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">
        <div class="img-wrapper">
            <img src="{{ Module::asset('frontend:img/check.svg') }}" alt="Attach Complete" class="w-20">
        </div>
        <p class="text-24 font-semibold">
            Success
        </p>
        <p>
            Thank you for settling your payment slip. 
        </p>
        <p class="text-13 font-light mb-6">
            We will look into this and reply to you soon.
        </p>
        <div class="flex iems-center gap-4 w-full flex-col xs:flex-row max-w-md">
            <a href="category-level1" class="button-primary-bordered text-primary w-full font-bold">Continue Shopping</a>
            <a href="member-order" class="button-primary w-full " >Order History</a>
        </div>
    </div>
</div>

@endsection