@extends('layouts.frontend.master_auth')
@section('title', 'Success')

@push('css')
@endpush

@section('content')
    <div class="flex flex-col items-center justify-center min-h-screen bg-white">
        <div class="w-full max-w-md p-8 mx-auto">
            <div class="flex flex-col items-center">
                <div class="mb-4">
                    <img src="{{ asset('frontend/icons/success-check.svg') }}" alt="Success" class="w-22 h-22">
                </div>

                <div class="w-full custom-green-bg rounded-lg p-4 mb-6">
                    <p class="text-gray-600 text-sm text-center">
                        Thank you for registering. Your account has been successfully created and is now awaiting admin approval. We will review your details and notify you once your account is approved. If you have any questions, feel free to contact support.
                    </p>
                </div>

                <a href="{{ route('home') }}">
                    <button class="px-6 py-2 bg-green-600 text-white rounded-sm hover:bg-green-700 transition-colors text-sm">
                        OK
                    </button>
                </a>

            </div>
        </div>
    </div>
@endsection

@push('css')
    <style>
        .custom-green-bg{
            background: #F4FAF6;
        }
    </style>

@endpush

@push('js')
@endpush