@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>Reset Password</h4>
					<hr class="custom-hr" />
				</div>
			</div>
			<div class="row justify-content-center">
				<div class="col col-lg-5">
					@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/reset') }}">
						<input type="hidden" name="_token" value="{{ csrf_token() }}">
						<input type="hidden" name="token" value="{{ $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 id="emailHelp" class="form-text">We'll never share your email with anyone else.</div> -->
						</div>
						<div class="mb-3">
							<label for="exampleInputPassword1" class="form-label">New password</label>
							<input type="password" class="form-control" name="password" placeholder="Password" title="Please enter your password">
						</div>
						<div class="mb-3">
							<label for="exampleInputPassword1" class="form-label">Confirm new password</label>
							<input type="password" class="form-control" name="password_confirmation" placeholder="Password" title="Please enter your password">
						</div>
						<button type="submit" class="btn btn-green btn-sm w-100">
							Submit
						</button>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection