@extends('../../master_layout/website_master')

@section('title')
<title>{{env('APP_NAME')}} :: Forgot Password</title>
@endsection


@section('heading')
<section class="page-heading">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content">
                    <a href="javascript:history.back()" class="btn btn-link">
                        <i class="fa fa-angle-left"></i> Back
                    </a>
                    <h1>Forgot your password?</h1>
                    <a href="#" class="btn btn-link hidden">
                        Next <i class="fa fa-angle-right"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')

@if (session('errors'))
<div class="alert alert-danger alert-dismissible">
    @foreach($errors->all() as $message)
    <li class="text-danger">{{$message}}</li>
    @endforeach
</div>
@endif

<section class="login-page">
    <div class="container-fluid">
        <div class="row gap-y-2">
            <!-- Message-->
            @if (session('message'))
            <div class="col-12">
                <div class="alert alert-{{session('message.type')}} alert-dismissible fade show" role="alert">
                    @if(session('message.type')=='danger')
                    <strong>Oops!</strong> {!! session('message.text') !!}
                    @else
                    <strong>Success!</strong> {!! session('message.text') !!}
                    @endif
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
            @endif
            <!--end message-->

            <div class="col-lg-4 col-md-6 offset-lg-4 offset-md-3">
                <div class="center-sec">
                    <div class="heading-one text-center">
                        <h1>Forgot your password?</h1>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
                    </div>
                    <form action="{{route('forgot.password.process')}}" id="forgotPassword" method="post">
                        @csrf
                        <div class="form-group form-inline">
                            <input type="text" class="form-control" name="login_username" placeholder="Enter your email" />
                            <button class="btn btn-main" type="submit">Send</button>
                        </div>
                    </form>
                    <div class="extra-links">
                        <a class="btn btn-link" href="{{route('forgot.password')}}">Login</a>
                        <a class="btn btn-link" href="{{route('register.user')}}">Register as User</a>
                        <a class="btn btn-link" href="{{route('confirmation.mail')}}">Didn't receive confirmation email?</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection