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

@section('content')
<div class="bg-top-sub-gradient">
<div class="container py-8 lg:py-16">
    <div class="flex items-center justify-center flex-col mx-auto w-full max-w-xl bg-glass py-6 px-3">
        <div class="img-wrapper">
            <img src="{{ Module::asset('frontend:img/mail.svg') }}" alt="Order Complete" class="w-16 h-16 object-contain">
        </div>
        <p class="text-20 font-semibold w-full md:w-35 xl:w-4/5 mx-auto leading-6 text-center mt-4">
            An email with instructions has been sent
        </p>
        <p class="text-13 font-light mb-6 mt-2 w-full md:w-3/5 xl:w-4/5 mx-auto text-center">
            An email has been dispatched to <span class="font-semibold text-secondary">email@gmail.com</span>, containing a link to facilitate the password reset process.
        </p>
        <div class="flex iems-center gap-4 w-full flex-col xs:flex-row max-w-md">
            <a href="login" class="w-full">
                <button type="button" class="button-secondary justify-center mx-auto">กลับเข้าสู่ระบบ</button>
            </a>
        </div>
    </div>
</div>
</div>
@endsection