@extends('layout.app')
@section('title','Forgot Password')
@section('body_class', 'bg-body')
@section('content')
<div class="d-flex flex-column flex-root">
	<!--begin::Authentication - Sign-in -->
	<div class="d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed" >
		<!--begin::Content-->
		<div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
			<!--begin::Logo-->
			<a href="{{ url('index') }}" class="py-10">
				<!--begin::Desktop modes-->
				<img alt="Logo" src="{{ URL::asset('/assets/media/logos/logo_7m.png') }}" class="d-none d-lg-inline-block h-70px" />
				<!--end::Desktop modes-->
				<!--begin::Table & mobile modes-->
				<img alt="Logo" src="{{ URL::asset('/assets/media/logos/logo_7m.png') }}" class="d-lg-none h-70px" />
				<!--end::Table & mobile modes-->
			</a>
			<!--end::Logo-->
			<!--begin::Wrapper-->
			<div class="w-lg-500px bg-body rounded shadow-sm p-10 p-lg-15 mx-auto">
				<!--begin::Form-->
				<form class="form w-100" novalidate="novalidate" id="kt_password_reset_form" action="" method="">
					{{ csrf_field() }}
					<!--begin::Heading-->
					<div class="text-center mb-10">
						<!--begin::Title-->
						<h1 class="text-dark mb-3">Forgot Password?</h1>
						<!--end::Title-->
						<!--begin::Link-->
						<div class="text-gray-400 fw-bold fs-4">Enter your email to reset your password.
						</div>
						<!--end::Link-->
					</div>
					<!--begin::Heading-->
					<!--begin::Input group-->
					<div class="fv-row mb-10">
						<label class="form-label fw-bolder text-gray-900 fs-6">Email / Username / Mobile</label>
						<input class="form-control form-control-solid border-primary border-hover" type="text" placeholder="Enter Email/Username/Mobile" name="email" autocomplete="off" />
					</div>
					<!--end::Input group-->
					<!--begin::Actions-->
					<div class="d-flex flex-wrap justify-content-center pb-lg-0">
						<button type="button" id="kt_password_reset_submit" class="btn btn-lg btn-primary fw-bolder me-4" onclick="location.href='{{ route('sent_otp') }}';">
							<span class="indicator-label">
								Submit
							</span>
							<span class="indicator-progress">Please wait...
								<span class="spinner-border spinner-border-sm align-middle ms-2"></span>
							</span>
						</button>
						<a href="{{ url('login') }}" class="btn btn-lg btn-secondary fw-bolder">Cancel</a>
					</div>
					<!--end::Actions-->
				</form>
				<!--end::Form-->
				<a href="{{ route('login') }}" class="link-primary fs-6 fw-bolder">Back to Login</a>
				<p class="my-10 fs-3 fw-bolder">Call Ambulance</p>
				<div class="text-center">
					<a href="tel:+91108" class="mx-10 fs-4">
						<span class="fa fa-phone mx-2 fa-rotate-90" aria-hidden="true"></span>
						108
					</a>
					<a href="tel:+91112" class="mx-10 fs-4">
						<span class="fa fa-phone mx-2 fa-rotate-90" aria-hidden="true"></span>
						112
					</a>
				</div>
			</div>
			<!--end::Wrapper-->
			@include('layout.footer')
		</div>
		<!--end::Content-->
	</div>
	<!--end::Authentication - Sign-in-->
</div>
@endsection
@section('javascript')
<script src="assets/js/custom/authentication/password-reset/password-reset.js"></script>
@endsection