@extends('auth.layout.login')
@section('title') @lang('Confirm password') @endsection
@section('content')
<div class="py-2">
    @include('flash::notif')


    @if (Session::has('status'))
    <!-- Session Status -->
    <div class="bg-green-300 p-3 rounded-md flex w-full text-dark alert alert-warning alert-dismissible fade show" role="alert">
        <div class="mb-1" style="line-height: 110%;">
            <i class="fas fa-bolt"></i> @lang( Session::get('status'))
        </div>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif

 @if (Session::has('account_pending'))
    <!-- Session Status -->
    <div class="bg-yellow-300 py-3 px-2 rounded-md flex w-full text-dark alert alert-warning alert-dismissible fade show" role="alert">
        <div class="flex gap-2 mb-1" style="line-height: 110%;">
            <span class="p-1"><i class="text-lg fas fa-info"></i> </span>

            @lang( Session::get('account_pending'))
        </div>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif



    <div class="flex justify-center items-center mb-2">
        <img class="items-center object-contain h-20" src="{{asset(setting('logo'))}}" alt="Logo">
    </div>
    <form role="form" method="POST" action="{{ route('password.email') }}">
        @csrf
        <div class="mt-1">
            <label class="block text-gray-700 text-sm font-bold mb-0">Email Address</label>
            
            <div class="flex py-1">
                <span class="px-3 inline-flex items-center min-w-fit rounded-l-md border border-r-0 border-gray-500 bg-gray-100 text-sm text-gray-500 "> <i class="bi bi-person"></i></span>
                <input type="email" class="rounded-r-md flex-shrink flex-grow flex-auto leading-normal w-px flex-1 border h-10 border-gray-500 px-3 relative focus:border-gray-400 focus:shadow  @error('email') is-invalid @enderror"
                name="email" value="{{ old('email') }}"
                placeholder="Email">
            </div>
            @error('email')
            <div class="capitalize small text-red-500">{{ $message }}</div>
            @enderror
            
            
        </div>
        <div class="mt-3 mb-5">
            <button type="submit" class="bg-garvis-800 text-white font-bold py-4 px-4 w-full rounded-md hover:bg-garvis-600"> {{ __('Email Password Reset Link') }}</button>
        </div>
    </form>
</div>
@endsection