@extends('layouts.public')
@section('content')
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => __('public.auth.forgot_password')],
        ],
    ])

    <section class="auth-area section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="auth-card">
                        <p class="section-kicker">{{ __('public.account.account') }}</p>
                        <h1 class="auth-title">{{ __('public.auth.forgot_password') }}</h1>
                        <p class="auth-lead">{{ __('public.auth.forgot_password_help') }}</p>

                        <div class="alert alert-success auth-alert d-none" id="email-success" role="alert">{{ __('public.auth.email_sent') }}</div>

                        <form action="{{ __url('/forgot-password/email') }}" method="POST" class="auth-form r-form" id="email-reset-form" data-action="onResetPasswordEmail" novalidate>
                            @csrf
                            <div class="auth-field">
                                <label for="your-email" class="form-label">{{ __('public.auth.p_email') }}</label>
                                <input type="email"
                                    name="email"
                                    class="form-control"
                                    id="your-email"
                                    autocomplete="email"
                                    placeholder="{{ __('public.auth.p_email') }}"
                                    value="{{ old('email') }}">
                                <div class="invalid-feedback"></div>
                            </div>

                            <button type="button"
                                class="g-recaptcha btn btn-hero"
                                data-sitekey="{{ config('services.recaptcha.key') }}"
                                data-callback="submitResetPasswordEmail"
                                data-action="submit">
                                {{ __('public.auth.reset_password') }}
                            </button>
                        </form>

                        <p class="auth-footer">
                            <a href="{{ __url('/login') }}" class="auth-link">{{ __('public.auth.back_to_login') }}</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection