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

<div class="d-flex justify-content-center form_container px-4">			
	<form method="POST" action="{{ route('password.update') }}"> 
		@csrf 
		<div class="input-group mb-4 justify-content-center">
			<h2 style="color: #3279be" class="center"><span style="font-weight: 100;">CREATE NEW </span> <strong>PASSWORD</strong></h2>
		</div>

		@if (session('status'))
		<div class="justify-content-center alert alert-success" role="alert">
			{{ session('status') }}
		</div>
		@endif

		@if ($errors->any())
		<!--div class="justify-content-center alert alert-danger">
			<ul>
				@foreach ($errors->all() as $error)
				<li>{{ $error }}</li>
				@endforeach
			</ul>
		</div-->
		@endif


		<input type="hidden" name="token" value="{{ $token }}">

		<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="email" class="input_user form-control @error('email') is-invalid @enderror" name="email" value="{{ $email ?? old('email') }}" placeholder="Email Address"   autocomplete="email" autofocus style="height: 50px; font-size: 17px;">
			@error('email')
          	<span class="invalid-feedback" role="alert">
            	<strong>{{ $message }}</strong>
          	</span>
          	@enderror                            

		</div>

		<div class="input-group mb-4">
			<div class="input-group-append">
				<span class="input-group-text"><i class="fa fa-key fa-2x"></i></span>
			</div>
			<input id="password" type="password" class="input_pass form-control @error('password') is-invalid @enderror" name="password" placeholder="New Password"  autocomplete="new-password" autofocus style="height: 50px; font-size: 17px;">
			@error('password')
	        <span class="invalid-feedback" role="alert">
            	<strong>{{ $message }}</strong>
          	</span>
          	@enderror                            

		</div>

		<div class="input-group mb-4">
			<div class="input-group-append">
				<span class="input-group-text"><i class="fa fa-key fa-2x"></i></span>
			</div>
			<input id="password-confirm" type="password" class="input_pass form-control" name="password_confirmation" placeholder="Re-enter your Password"  autocomplete="new-password" style="height: 50px; font-size: 17px;">
			@error('password-confirm')
          	<span class="invalid-feedback" role="alert">
            	<strong>{{ $message }}</strong>
          	</span>
          	@enderror                            

		</div>

		<div class="form-group">
			<div class="d-flex justify-content-center mt-3 login_container p-0">
				<button type="submit" class="btn login_btn" style="height: 50px;">
				<span style="font-size: 26px;">{{ __('Create new 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