@extends('front.layouts.app')

@section('content')
<div class="page-style-a">
    <div class="container">
        <div class="page-intro">
            <h2>Lost Password</h2>
            <ul class="bread-crumb">
                <li class="has-separator">
                    <i class="ion ion-md-home"></i>
                    <a href="/">Home</a>
                </li>
                <li class="is-marked">
                    <a href="#">Lost Password</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- Page Introduction Wrapper /- -->
<!-- Lost-password-Page -->
<div class="page-lost-password u-s-p-t-80">
    <div class="container">
        <div class="col-md-12">
            @include('vendor.errors')
            @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
            @endif
        </div>
        <div class="page-lostpassword">
            <h2 class="account-h2 u-s-m-b-20">Forgot Password ?</h2>
            <h6 class="account-h6 u-s-m-b-30">Enter your email or username below and we will send you a link to reset your password.</h6>
            <form method="POST" action="{{ route('password.email') }}">
                @csrf
                <div class="w-50">
                    <div class="u-s-m-b-13">
                        <label for="user-name-email">Username or Email
                            <span class="astk">*</span>
                        </label>
                        <input type="text" id="user-name-email" placeholder="Email" class="text-field @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                        @error('email')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                    </div>
                    <div class="u-s-m-b-13">
                        <button type="submit" class="button button-outline-secondary">Get Reset Link</button>
                    </div>
                </div>
                <div class="page-anchor">
                    <a href="/login">
                        <i class="fas fa-long-arrow-alt-left u-s-m-r-9"></i>Back to Login</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection