@extends('admin.main.plane')

@section('content')
<div class="header">
	<div class="container-swarkul">
		<nav aria-label="breadcrumb" class="d-none d-sm-block">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="/">Home</a></li>
				<li class="breadcrumb-item active" aria-current="page">Forgot Password</li>
			</ol>
		</nav>
	</div>
</div>
<div class="app-content container">
    <div class="content-wrapper">
	    <div class="content-body"><!-- forgot password start -->
			<section class="row flexbox-container">
				<div class="col-md-12  px-0">
					<div class="bg-authentication mb-0">
						<div class="row m-0">
							<!-- left section-forgot password -->
							<div class="col-md-6 col-12 px-0">
								<div class="card disable-rounded-right mb-0 p-2">								
									<div class="card-content">
										<div class="card-body">
											<div class="text-muted text-center mb-2"><small>Enter the email you used when you joined and we will send you a temporary password</small></div>
											<form method="POST" id="forgotPassword" class="mb-2" action="{{ url('forgot') }}">
												@csrf
												<div class="form-group mb-2">
													<input type="text" class="form-control" id="email" maxlength="255" 
														placeholder="Email" name="email">
												</div>
												<button type="submit" class="btn btn-primary glow position-relative w-100">SEND
													PASSWORD<i id="icon-arrow" class="bx bx-right-arrow-alt"></i></button>
											</form>
											<div class="text-center mb-2"><a href="{{ url('login') }}"><small class="text-muted">I
												remembered my password</small></a></div>
										</div>
									</div>
								</div>
							</div>
							<!-- right section image -->
							<div class="col-md-6 d-md-block d-none text-center align-self-center">
								<img class="img-fluid" src="{{asset('images/admin/images/pages/login.jpg')}}"
									alt="branding logo">
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- forgot password ends -->
        </div>
      </div>
    </div>
    <!-- END: Content-->
@endsection