@extends('admin.layouts.layout-login')

@section('content')
<div class="bg-soft-primary">
    <div class="d-flex ps-5 align-items-center gap-3">
        <div class="avatar-md mb-4">
            <span class="avatar-title rounded-circle bg-light">
                <img src="{{ asset('img/logo-light.jpg') }}" alt="" class="rounded-circle" height="90">
            </span>
        </div>
        <div class="text-primary p-4">
            <h5 class="text-primary">Forgot Password?</h5>
            <p>Reset your password for {{ \Config::get('settings.company_name') }}.</p>
        </div>        
    </div>    
</div>
<div class="card-body pt-0">    
    <div class="p-2">
        {{ html()->form('POST', route('password.email'))->attributes(['class' => 'form-horizontal'])->open() }}
            @include('admin.components.messages')
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="mb-3">
                        <label for="email" class="form-label">Email Address</label>
                        <input type="email" class="form-control" name="email" value="{{ old('email') }}" id="email" placeholder="Enter your email address" aria-required="true"{{ $errors->has('email') ? ' aria-invalid="true"' : '' }} required>
                        @if ($errors->has('email'))
                            <label class="error" for="email">
                                <strong>{{ $errors->first('email') }}</strong>
                            </label>
                        @endif
                        <div class="form-text">Enter your email address that you used to register. We'll send you a link to reset your password.</div>
                    </div>
                </div>

                <div class="mt-3">
                    <button class="btn btn-primary btn-block waves-effect waves-light" type="submit">Send Password Reset Link</button>
                </div>
            </div>
            <div class="mt-4 text-center">
                <a href="{{ route('login') }}" class="text-muted"><i class="mdi mdi-arrow-left mr-1"></i> Back to Login</a>
            </div>

        {{ html()->form()->close() }}
    </div>
</div>
@endsection