<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    @include('front/common/header')
    <body>

        <main id="main" role="main">

            <header class="header pt-4">
                <div class="container-fluid px-md-4">
                    <div class="row">
                        <div class="col-lg-4 text-left">
                            <a href="{{url('/')}}" class="logo mx-1">
                                <img src="{{ asset('/front/images/logo.svg') }}" class="img-fluid" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </header>

            <section class="login-section">
                <div class="inner-login container">
                    <div class="row justify-content-center">
                        <div class="col-md-11 login-box shadow px-0">
                            <div class="row no-gutters ">
                                <div class="col-md-6">
                                    <div class="logo-emblem bg-gradiat-color">
                                        <img src="{{ asset('/front/images/emblem.svg') }}" width="250" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="forgot-form">


                                        <h3 class="h2 py-2 text-uppercase bg-gradiant-left d-inline-block px-4 my-5 text-white">Forgot Your Password?</h3>
                                        <form action="{{url('change')}}" method="POST">
                                            @csrf
                                            <div class="py-4 px-5">

                                                <h4 class="h3 mb-0">Enter Your Email Address below.</h4>

                                                <p class="font-weight-bold">We will send you an email containing your new password.</p>
                                                @if ($errors->any())
                                                <div class="alert alert-danger">
                                                    <ul class="mb-0">
                                                        @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                                @endif
                                                <div class="form-group mb-lg-4">
                                                    <input type="email" name="email" id="email" value="" class="form-control bg-light form-control-lg" placeholder="Email">
                                                </div>
                                                <div class="form-group text-center pt-4">
                                                    <a  href="{{url("login")}}" class="btn btn-lg forgot-btn bg-warning text-white">Back to login</a>
                                                    <button  type="submit" class="btn btn-lg forgot-btn bg-success-grandiant text-white"><i style="top:0;" class="fas  fa-location-arrow mr-2"></i> Continue</button>

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

        </main>

        @include('front/common/js')

        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script>



        </script>
    </body>
</html>