@extends('layouts.guest')

@section('content')
    {{-- <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-5">
                <div class="card shadow-lg border-0 rounded-lg mt-5">
                    <div class="card-header text-center bg-secondary text-white">{{ __('Reset Password') }}</div>

                    <div class="card-body">
                        <p>
                            {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
                        </p>

                        @if (session('status'))
                            <div class="alert alert-success">
                                {{ session('status') }}
                            </div>
                        @endif

                        <form method="POST" action="{{ route('password.email') }}">
                            @csrf

                            <div class="mb-3">
                                <label for="email" class="form-label">{{ __('Email') }}</label>
                                <input id="email" type="email" class="form-control" name="email"
                                    :value="old('email')" required autofocus>
                            </div>

                            <div class="d-flex justify-content-end mt-4">
                                <button type="submit" class="btn btn-outline-primary">
                                    {{ __('Email Password Reset Link') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

    <!------------------------------------------------------------------------------------------------------->

    <!-------------------------------------------MAin Container---------------------------->


    <div class="container d-flex justify-content-center align-items-center min-vh-100">

        <!-------------------------------------------Forgot Container---------------------------->



        <div class="row border rounded-5 p-3 bg-white shadow box-area">


            <!-------------------------------------------Left Box---------------------------->




            {{-- <div class="col-md-6 rounded-4 d-flex justify-content-center align-items-center flex-column left-box"
                style="background: #071343">
                <div class="featured-image mb-3">
                    <img src="{{ asset('admin/assets/img/3.png') }}" class="img-fluid" style="width: 250px;">
                </div>
                <p class="text-white fs-2" style="font-family:'Courier New', Courier, monospace; font-weight: 600;">Don't
                    Worry!
                </p>
                <small class="text-white text-wrap text-center"
                    style="width: 17rem;font-family:'Courier New', Courier, monospace;">We got you covered.</small>
            </div> --}}
            <!-------------------------------------------Right Box---------------------------->



            <div class="col-md-12 right-box">
                <div class="row align-items-center">
                    <div class="header-text mb-4">
                        <p class="text-dark fs-3 d-flex justify-content-center align-items-center" style="font-family:'Courier New', Courier, monospace; font-weight: 600;">Trouble logging in?</p>
                        <p class="d-flex justify-content-center align-items-center"
                            style="font-family:'Courier New', Courier, monospace;">Forgot your password? No problem. Just
                            let us know your email address and we will email you a password reset link that will allow you
                            to choose a new one.</p>
                    </div>
                    @if (session('status'))
                        <div class="alert alert-success">
                            {{ session('status') }}
                        </div>
                    @endif

                    <form method="POST" action="{{ route('password.email') }}">
                        @csrf
                        <div class="input-group mb-5">
                            <input type="email" id="email" placeholder="Email address"
                                class="form-control form-control-lg bg-light fs-6" name="email" :value="old('email')"
                                required autofocus>
                            @error('email')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="input-group mb-3">
                            <button type="submit" class="btn btn-lg btn-primary w-100 fs-6">
                                Email Password Reset Link
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection