@extends('merchbay_main')

@section('main-content')
<style>
	.error {
		color: red;
	}

	.form-wrapper {
		margin-top: 20%;
	}
</style>
<div class="wrapper pb-5">
	<div class="main__content">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col col-lg-5 pt-5 text-center text-lg-start">
					<h4>Forgot Password</h4>
					<hr class="custom-hr" />
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col col-lg-5">
					@if (session('status'))
					<div class="alert alert-success">
						{{ session('status') }}
					</div>
					@endif

					@if (count($errors) > 0)
					<div class="alert alert-danger">
						<strong>Whoops!</strong> There were some problems with your input.<br><br>
						<ul>
							@foreach ($errors->all() as $error)
							<li>{{ $error }}</li>
							@endforeach
						</ul>
					</div>
					@endif
					<form role="form" method="POST" action="{{ url('/password/email') }}">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<div class="mb-3">
							<label for="exampleInputEmail1" class="form-label">Email address</label>
							<input type="email" class="form-control" name="email" value="{{ old('email') }}" title="Please enter your email address" placeholder="example@gmail.com">
						</div>
						<button type="submit" class="btn btn-green btn-sm w-100">
							Submit
						</button>
						<a href="{{ url('./auth/login')}}" class="btn btn-black btn-sm w-100 mt-2">
							Cancel
						</a>
					</form>

					<!-- <hr class="custom-hr" />
					<div class="text-center py-3">
						Don't have an account?
						<a href="{{ url('./auth/register')}}" class="btn btn-black btn-sm w-100">Register</a>
					</div> -->
				</div>
			</div>
		</div>
	</div>
</div>
@endsection