@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('labels.frontend.passwords.reset_password_box_title'))

@section('content')


    <div class="customer_login mt-32">
        <div class="container">
            <div class="row mt-5">
                <!--login area start-->
                <div class="border col-md-7 mx-auto password-reset-wrapper py-5">
                    <div class="account_form p-1">
                        <h2>Reset Password</h2>
                        @if(session('status'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {{ session('status') }}
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                        
                        @endif

                        @include('includes.partials.messages')

                        {{ html()->form('POST', route('frontend.password.email.post'))->id('frm_forgot')->open() }}
                        <p>
                            {{ html()->label(__('validation.attributes.frontend.email'))->for('email') }}

                            {{ html()->email('email')
                                ->class('mb-0 form-control')
                                ->placeholder(__('validation.attributes.frontend.email'))
                                ->attribute('maxlength', 191)
                                ->required()
                                ->autofocus() }}
                        </p>

                        <p>
                            <div class="cf-widget"></div>
                        </p>

                        <div class="login_submit">
                            <div class="row">

                                <div class="col-md-12">
                                    <button class="bg-dark button-reset p-2 rounded-1 text-white btn-cf-submit" disabled="disabled" type="submit">{{ __('labels.frontend.passwords.send_password_reset_link_button') }}</button></div>
                            </div>
                        </div>

                        {{ html()->form()->close() }}
                    </div>
                </div>
                <!--login area start-->

            </div>
        </div>
    </div>

    <script>
        window.addEventListener("load", (event) => {
                turnstile.render(".cf-widget", {
                sitekey: "0x4AAAAAAA0ZprtGxWG32Orf",
                callback: function (token) {
                    $('.btn-cf-submit').removeAttr('disabled');
                },
            });
        });
    </script>

@endsection