@extends('layouts.login')
@section('content')

<div class="d-flex justify-content-center form_container px-4">	
	<form method="POST" action="{{ route('password.email') }}">
		@csrf 
		<div class="input-group mb-4 justify-content-center">
		  <h2 style="color: #3279be" class="center"><strong>FORGOT</strong> <span style="font-weight: 100;">YOUR PASSWORD?</span></h2>
		</div>
		
		@if (session('status'))
		<div class="input-group mb-4 justify-content-center">
			<div class="alert alert-success" role="alert">
				{{ session('status') }}
			</div>
		</div>
		@endif


		<div class="input-group mb-4">
			<div class="input-group-append">
				<span class="input-group-text"><i class="fa fa-envelope fa-2x"></i></span>
			</div>
			<input id="email" type="text" class="input_user form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}"  autocomplete="email" autofocus style="height: 50px; font-size: 17px;" placeholder="Enter your email address...">
			@error('email')
			<span class="invalid-feedback" role="alert">
				<strong>{{ $message }}</strong>
			</span>
			@enderror                            
		</div>

		<div class="form-group mt-2">
			<div class="d-flex justify-content-center mt-4 login_container p-0">
				<button type="submit" class="btn login_btn" style="height: 50px;">
					<span style="font-size: 26px;">{{ __('Reset my password') }}</span>&nbsp;&nbsp;&nbsp;<span style="font-size: 26px;"><i class="fa fa-sign-in"></i></span>
				</button>                     
			</div>
		</div>
	</form>
</div>

<div class="d-flex justify-content-center links mt-4 mb-4">
  <span>Have an account? <a class="btn btn-success btn" href="{{ route('login') }}">Sign in</a> or <a class="btn btn-success btn" href="{{ route('register') }}">Sign up</a> for new Account.</span> 
</div>  

@endsection