@extends('layout.app')
@section('title','Reset 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_new_password_form" method="" action="">
					{{ csrf_field() }}
					<!--begin::Heading-->
					<div class="text-center mb-10">
						<!--begin::Title-->
						<h1 class="text-dark mb-3">Setup New Password</h1>
						<!--end::Title-->
					</div>
					<!--begin::Heading-->
					<!--begin::Input group-->
					<div class="mb-10 fv-row" data-kt-password-meter="true">
						<!--begin::Wrapper-->
						<div class="mb-1">
							<!--begin::Label-->
							<label class="form-label fw-bolder text-dark fs-6">Password</label>
							<!--end::Label-->
							<!--begin::Input wrapper-->
							<div class="position-relative mb-3">
								<input class="form-control border-primary border-hover form-control-lg form-control-solid" type="password" placeholder="" name="password" autocomplete="off" />
								<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
									<i class="bi bi-eye-slash fs-2"></i>
									<i class="bi bi-eye fs-2 d-none"></i>
								</span>
							</div>
							<!--end::Input wrapper-->
							<!--begin::Meter-->
							<div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
								<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
								<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
								<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
								<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
							</div>
							<!--end::Meter-->
						</div>
						<!--end::Wrapper-->
						<!--begin::Hint-->
						<div class="text-muted">Use 8 or more characters with a mix of letters, numbers &amp; symbols.</div>
						<!--end::Hint-->
					</div>
					<!--end::Input group=-->
					<!--begin::Input group=-->
					<div class="fv-row mb-10">
						<label class="form-label fw-bolder text-dark fs-6">Confirm Password</label>
						<input class="form-control border-primary border-hover form-control-lg form-control-solid" type="password" placeholder="" name="confirm-password" autocomplete="off" />
					</div>
					<!--end::Input group=-->
					<!--begin::Action-->
					<div class="text-center">
						<button type="button" id="kt_new_password_submit" class="btn btn-lg btn-primary fw-bolder" onclick="location.href='{{ route('login') }}';">
							<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>
					</div>
					<!--end::Action-->
				</form>
				<!--end::Form-->
				<div class="fv-row">
					<a href="{{ route('login') }}" class="link-primary fs-6 fw-bolder">Back to Login</a>
				</div>
				<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/new-password.js"></script>
@endsection