@extends('layouts.guest')

@section('content')
<section class="login-block">
    <!-- Container-fluid starts -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <!-- Authentication card start -->

                <form method="POST" action="{{ route('password.email') }}" class="md-float-material form-material">
                    @csrf
                    <div class="text-center">
                        <img src="../files/assets/images/logo.png" alt="logo.png">
                    </div>
                    <div class="auth-box card">
                        <div class="card-block">
                            <div class="row m-b-20">
                                <div class="col-md-12">
                                    <h3 class="text-start">Recover your password</h3>
                                </div>
                            </div>
                            <div class="form-group form-primary">
                                <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required autocomplete="email" autofocus>
                                <span class="form-bar"></span>
                                <label class="form-label float-label">{{ __('Your Email Address') }}</label>

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="d-grid">
                                        <button type="submit" class="btn btn-primary btn-md waves-effect text-center m-b-20">
                                            {{ __('Reset Password') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <p class="f-w-600 text-end">Back to <a href="{{ route('login') }}">Login.</a></p>
                            {{-- <div class="row">
                                <div class="col-md-10">
                                    <p class="text-inverse text-start m-b-0">Thank you.</p>
                                    <p class="text-inverse text-start"><a href="{{ route('home') }}"><b>Back to website</b></a></p>
                                </div>
                                <div class="col-md-2">
                                    <img src="{{ asset('images/auth/Logo-small-bottom.png') }}" alt="small-logo.png">
                                </div>
                            </div> --}}
                        </div>
                    </div>
                </form>
                <!--<div class="login-card card-block auth-body mr-auto ml-auto">-->
                    <!--<form class="md-float-material form-material">-->
                        <!--<div class="text-center">-->
                            <!--<img src="../files/assets/images/logo.png" alt="logo.png">-->
                        <!--</div>-->
                        <!--<div class="auth-box">-->
                            <!---->
                        <!--</div>-->
                    <!--</form>-->
                    <!--&lt;!&ndash; end of form &ndash;&gt;-->
                <!--</div>-->
                <!-- Authentication card end -->
            </div>
            <!-- end of col-sm-12 -->
        </div>
        <!-- end of row -->
    </div>
    <!-- end of container-fluid -->
</section>
<!-- Warning Section Starts -->
<!-- Older IE warning message -->
<!--[if lt IE 10]>
<div class="ie-warning">
<h1>Warning!!</h1>
<p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
<div class="iew-container">
    <ul class="iew-download">
        <li>
            <a href="http://www.google.com/chrome/">
                <img src="../files/assets/images/browser/chrome.png" alt="Chrome">
                <div>Chrome</div>
            </a>
        </li>
        <li>
            <a href="https://www.mozilla.org/en-US/firefox/new/">
                <img src="../files/assets/images/browser/firefox.png" alt="Firefox">
                <div>Firefox</div>
            </a>
        </li>
        <li>
            <a href="http://www.opera.com">
                <img src="../files/assets/images/browser/opera.png" alt="Opera">
                <div>Opera</div>
            </a>
        </li>
        <li>
            <a href="https://www.apple.com/safari/">
                <img src="../files/assets/images/browser/safari.png" alt="Safari">
                <div>Safari</div>
            </a>
        </li>
        <li>
            <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                <img src="../files/assets/images/browser/ie.png" alt="">
                <div>IE (9 & above)</div>
            </a>
        </li>
    </ul>
</div>
<p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
<!-- Warning Section Ends -->
@endsection