@extends('frontend.layouts.mobile-app')
<style>
.card{
	margin-top:11%;
}
</style>
@section('content')
@if(session()->has('error'))
	<p class="text-danger text-center" style="margin-top: 20px;"><strong>{{session()->get('error')}}</strong></p>
@endif
<style type="text/css">

	.form-signin {
	  width: 100%;
	  max-width: 330px;
	  padding: 15px;
	  margin: 0 auto;
	}
	.form-signin .checkbox {
	  font-weight: 400;
	}
	.form-signin .form-control {
	  position: relative;
	  box-sizing: border-box;
	  height: auto;
	  padding: 10px;
	  font-size: 16px;
	}
	.form-signin .form-control:focus {
	  z-index: 2;
	}
	.form-signin input[type="text"] {
	  margin-bottom: 20px;
	  border-bottom-right-radius: 0;
	  border-bottom-left-radius: 0;
	}
	.form-signin input[type="password"] {
	  margin-bottom: 10px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}

	.form-control{
		font-size: 12px !important;
	}
</style>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<div class="card" style="margin-top: 2%;">
	<div class="card-header"><h4 class="text-center" style="margin-bottom: .1rem;">Forgot Password</h4></div>
	<div class="card-body" style="padding-top: 0px;padding-bottom: 1px;">

		<div class="text-center">
			<form class="form-signin" method="post" action="" style="padding:5px;">

				@csrf

				@if(session()->has('success'))
				<div class="text-success">
					<span>{{ session()->get('success') }}</span>
				</div>
				@endif

				<img class="mb-2" src="{{url('public/website/images/logo.png')}}" alt="" width="50" height="50">
				<label for="membership_no" class="sr-only">Membership No</label>
				<input type="text" name="membership_no" value="{{old('membership_no')}}" id="membership_no" class="form-control" placeholder="Membership No" required autofocus>
				
				<button class="btn btn-lg btn-primary btn-block btn-sm" type="submit">Request New Password</button>

				<a href="{{ route('member.login') }}" style="display: block; margin-top: 25px;">Login</a>
				
			</form>
		</div>

	</div>
</div>


@endsection