@extends('layouts.Auth.user-layout')
@section('title', 'User|forgot password')
@section('content')
    <div class="app-content content">
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <section id="account-login" class="flexbox-container">
                    <div class="col-12 d-flex align-items-center justify-content-center">
                        <!-- image -->

                        <!-- login form -->
                        <div class="col-xl-3 col-lg-4 col-md-5 col-sm-5 col-12 p-0">
                            <div class="card border-grey border-lighten-3 m-0 box-shadow-0 card-account-right height-400">
                                <div class="card-content">
                                    <div class="card-body p-3">
                                        <p class="text-center h5 text-capitalize">Forgot password</p>
                                        <p class="mb-3 text-center">Please enter your Email Address</p>
                                        <form class="form-horizontal form-signin" action="{{ route('user.sendForgotRequest') }}"
                                            id="forgot" method="POST">
                                            @csrf
                                            <div>
                                                <label for="email">Email</label>
                                                <input type="text" class="form-control" id="email"
                                                    placeholder="Your Email" name="email" required>

                                                @error('email')
                                                    <p class="error">{{ $message }}</p>
                                                @enderror

                                            </div>

                                           
                                           


                                            <button type="submit" class="btn btn-primary btn-block my-1 "
                                                style="cursor:pointer;">Submit</button>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/app-assets/js/core/libraries/jquery-validator.min.js') }}"></script>
    <script src="{{ asset('assets/app-assets/js/custom/login.js') }}"></script>
@endsection