@extends('front.layouts.main')

@section('title'){{ @trans('seo.forgot_title') }}@endsection

@section('description'){{ @trans('seo.forgot_desc') }}@endsection

@section('content')
	<main class="before-login-page">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-4 offset-lg-1 col-md-6">
					<h1 class="bold">Forgot Password</h1>

					<p class="tagline gray">Enter your registered email to receive password reset link</p>
					@if(Session::get('fail_message', false))
                    @component('admin.components.fail_message')
                    {{ Session::get('fail_message') }}
                    @endcomponent
                    @endif

                    @if(Session::get('success_message', false))
                    @component('admin.components.success_message')
                    {{ Session::get('success_message') }}
                    @endcomponent
                    @endif
					<form id="frmRemind" method="post" action="{{ route('user-password-reset-form-post')}}">
					@csrf
					<div class="form-group">
                        <label class="control-label">Enter your registered email</label>
                        <input name="email" id="email" value="{{ old('email') }}" type="text" placeholder="Email"
                            class="form-control" />
                        @if($errors->has('email'))
                        <span class="invalid-feedback">
                            {{ $errors->first('email') }}
                        </span>
                        @endif
                    </div>
						<div class="form-action">
							<!-- <button type="submit" onclick="location.href('profile');" class="btn btn-transparent">Sign In</button> -->
							<button type="submit" class="btn btn-transparent">Send Link</button>
						</div>
						<p class="gray"><a href="{{route('home')}}" class="gray mr-2 btn font-orange small-font nav-btn">Back to Sign In</a>
						<a href="{{route('signup')}}" class="gray mr-2 btn font-orange small-font nav-btn">Register</a></p>
					</form>
				</div>
				<div class="col-md-6 my-md-auto">
				<img src="{{ asset('img/login-img.png') }}" srcset="{{ asset('img/login-img.png') }}"  alt="Empower" class="d-none d-md-block" />
				</div>
			</div>
		</div>
	</main>
@endsection