@extends('components.customer-auth-layout')
@section('content')
    <div class="card custom-card rectangle2">
        <div class="card-body p-5 rectangle3">
            <p class="h4 fw-semibold mb-2 text-center">Forgot Password</p>
            <p class="mb-4 text-muted op-7 fw-normal text-center">Sorry you are experiencing login problems!</p>
            <form action="{{ route('user.web.forgotpassword') }}" method="POST">
                @csrf
                <div class="row gy-3">

                    @if(session('message'))
                    <p class="text-success text-center mt-1 mb-1"> {{ session('message') }}</p>
                    @endif

                    <div class="col-xl-12">
                        <label for="signin-username" class="form-label text-default">Email</label>
                        <input type="text" name="email" class="form-control form-control-lg" id="signin-username"
                            placeholder="Enter email" value="{{ old('email') }}">
                            @error('email')
                            <p class="text-danger ">{{ $message }}</p>
                            @enderror
                    </div>

                    <div class="col-xl-12 d-grid mt-2">
                        <button class="btn btn-lg btn-primary">Send Reset Link</button>
                    </div>
                </div>
            </form>
            <div class="text-center">
                <p class="fs-12 text-muted mt-3">Already have an account? <a href="{{ route('user.web.login') }}"
                        class="text-primary">Sign In</a></p>
            </div>

        </div>
    </div>
@endsection