@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;">Login</h4></div>
	<div class="card-body" style="padding-top: 0px;padding-bottom: 1px;">

		<div class="text-center">
			<form class="form-signin" method="post" action="{{ route('member.login') }}" style="padding:5px;">

				@csrf

				<img class="mb-2" src="{{url('public/backend/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>
				<input type="password" name="password" value="{{old('password')}}" id="password" class="form-control" placeholder="Password" required autofocus>
				
				{{-- <div class="checkbox mb-3">
					<label>
						<input type="checkbox" value="remember-me"> Remember me
					</label>
				</div> --}}
				<button class="btn btn-lg btn-primary btn-block btn-sm" type="submit">Log in</button>
				<p class="mt-5 mb-3 text-muted font-weight-bold">{{-- An OTP is sent to your mobile. Please insert the otp code. --}}</p>
			</form>
		</div>

	</div>
</div>


@endsection