@extends('layouts.master')
    
@section('title', 'Forgot Password')
    
@section('style')
	<style>

	</style>
@endsection
    
@section('script')
	<script>
		
		$('#submit').click(function(){
			var email = $('#email').val();
			
			if(email.trim() == ''){
				alert('Please fill e-mail');
			}
			else{
				window.location="forgotpasswordsave/"+email;
			}
		});
		
	</script>
@endsection
    


@section('content')
    
@include('layouts.header')

<section class="video-wrapper bg-overlay bg-overlay-gradient px-3 px-md-12 mt-0 min-vh-60 bg-cover bg-image"
data-image-src="{{ asset('/logo/Home Page 2.png') }}"
style="background-image: url({{ asset('/logo/Home Page 2.png') }}); background-size: cover; background-position: center;filter: brightness(1.2);">
<div class="video-content">
	<div class="container-fluid">
		<div class="row">
		  <h2 class="display-1 fs-60 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s"
						 align="Left">
						SIIT Scholarship and Loan <br>Repayment System </h2>
		</div>
	</div>
</div>
</section>
    
{{-- @include('layouts.subheader') --}}


<section class="wrapper bg-light">
	<div class="container py-14 py-md-16">
		<div class="row gx-lg-8 gx-xl-12">

			<div class="col-md-8 col-lg-7 col-xl-6 col-xxl-5">
				<h5 class="display-1 mb-3">@yield('title')</h5>
				<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
			</div>
        
			<div class="col-lg-12">
				<div class="blog single">
					<div class="card">
						<div class="card-body">

							<div class="messages"></div>
							<div class="row gx-4">

								<div class="col-md-12">
									<div class="form-floating mb-4">
										<input type="email" name="email" id="email" class="form-control" placeholder="Email" required>
										<label>Email *</label>
									</div>
								</div>

								<div class="col-12 text-center">
									<input type="button" class="btn btn-primary rounded-pill btn-send mb-3" value="Submit" id="submit" name="submit">
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>


@include('layouts.footer')
    
@endsection