@extends('layouts.app')

@php($hideLayout = true)

@section('content')
<div class="flex min-h-screen flex-col items-center justify-center gap-4 bg-gray-50 px-4 md:p-4 ">
        <div class="flex w-full max-w-md flex-col items-center justify-center rounded-2xl bg-white px-6 py-8 md:p-8 shadow-xl border border-dashed border-slate-200">
            <!-- Logo -->
            <div class="">
                <a href="/">
                    <img alt="শিক্ষা পয়েন্ট লোগো" class="w-[140px]" src="{{asset('assets/images/logo.svg')}}">
                </a>
            </div>
            
       
            
            <!-- Illustration -->
            <div class="my-4 h-32 w-full">
                <img alt="পাসওয়ার্ড রিসেট ইলাস্ট্রেশন" class="h-full w-full object-contain" src="{{asset('assets/images/forgot-password.png')}}">
            </div>
            
            <!-- Info Text -->
            <div class="mb-5 text-[14px] text-gray-500 text-center">
                {{ __('auth.forgot_password') }}
            </div>
            
            <!-- Session Status -->
             @if (session('status'))
                <div class="mb-4 text-[15px] bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative"
                    role="alert">
                  
                    <span class="block sm:inline">{{ session('status') }}</span>
                </div>
            @endif
            
            <!-- Reset Form -->
            <form method="POST" action="{{ route('password.email') }}" class="w-full space-y-4">
                @csrf
                
                <!-- Email Field -->
                <div>
                    <label for="email" class="mb-1 block text-md font-medium text-gray-700">
                        {{__('auth.email_address')}} <span class="text-red-500">*</span>
                    </label>
                    <input id="email" 
                           type="email" 
                           name="email" 
                           value="{{ old('email') }}"
                           required
                           autofocus
                           autocomplete="email"
                           placeholder="{{__('auth.enter_email')}}"
                           class="@error('email') !border-red-500 !bg-red-50 @enderror">
                    @error('email')
                        <p class="mt-1 text-xs text-red-500">{{ $message }}</p>
                    @enderror
                </div>
                
                <!-- Submit Button -->
                <button type="submit" class="btn-primary w-full !py-[12px]">
                    {{__('auth.send_reset_link')}}
                </button>
                
                <!-- Back to Login Link -->
                <p class="text-center text-sm text-gray-500">
                   {{__('auth.remember_password')}} 
                    <a href="{{ route('login') }}" class="font-medium text-primary hover:text-primary-dark">
                        {{__('auth.sign_in')}}
                    </a>
                </p>
            </form>
        </div>
    </div>
@endsection