@extends('layouts.app')

@section('content')
<section class="page_title ds s-overlay s-pt-150 s-pb-50">
    <div class="s-blur"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1>{{ __('Reset Password') }}</h1>
            </div>

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

<section class="ls s-py-xl-150 s-py-lg-120 s-py-md-80 s-py-50">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                @error('email')
                <div class="alert alert-warning">
                    <ul>
                        <li>{{ $message }}</li>
                    </ul>
                </div>
                @enderror

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

                <form method="POST" action="{{ route('password.email') }}" class="woocommerce-ResetPassword lost_reset_password">
                    @csrf
                    <p>Lost your password? Please enter your Email. You will receive a link to create a new password
                        via Email.</p>

                    <p class="woocommerce-form-row woocommerce-form-row--first form-row form-row-first">
                        <label for="email">{{ __('E-Mail Address') }}</label>
                        <input class="woocommerce-Input woocommerce-Input--text input-text" type="text" name="email" id="email" placeholder="{{ __('E-Mail Address') }}" value="{{ old('email') }}" required autocomplete="email" autofocus>
                    </p>

                    <div class="clear"></div>

                    <p class="woocommerce-form-row form-row">
                        <input type="submit" class="woocommerce-Button button" value="{{ __('Send Password Reset Link') }}">
                    </p>

                </form>
            </div>
        </div>
    </div>
</section>
@endsection