<!DOCTYPE html>
<html>


<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta name="description" content="Queper Technologies" />
    <meta name="author" content="HGVDRIVER" />
    <title>HGV - Forget Password</title>
    <!-- google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css" />
	<!-- icons -->
    <link href="{{asset('public/assets/plugins/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css"/>
	<link rel="stylesheet" href="{{asset('public/assets/plugins/iconic/css/material-design-iconic-font.min.css')}}">
    <!-- bootstrap -->
	<link href="{{asset('public/assets/plugins/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="{{asset('public/assets/css/toastr.min.css')}}">
    <!-- style -->
    <link rel="stylesheet" href="{{asset('public/assets/css/pages/extra_pages.css')}}">
	<!-- favicon -->
     <link rel="shortcut icon" href="https://hgvdriverhub.app/public/images/hgv2.png"> 
     <style>
          .page-background {
    background-image: url(https://hgvdriverhub.app/API/public/assets/img/main-background2.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right;
}

.container-login100 {
    justify-content: flex-start;
}

/*.wrap-login100{
	background: rgb(255,165,32,0.5) !important;
}*/
.wrap-login100{
	/*background: rgb(255,165,32,0.5) !important;*/
	background: #fff !important;
    box-shadow: 2px 2px 9px #00000070;
}
.input100 {
    color: #000 !important;
}
.input100::placeholder {
  color: #000 !important;
}
.input100 [type="text"]{
	color: #000 !important;
}
.wrap-input100{
    border-bottom: 2px solid rgba(0,0,0,0.24) !important;
}
.login100-form-btn::before {
    background-color: #ffa520 !important;
}
.login100-form-btn{
    color: #fff !important;
}
.txt1 {
    color: #ffa520 !important;
}
.container-login100::before {
    background-color: #0000 !important;
}
@media (min-width: 560px) {
	.wrap-login100 {
    margin-left: 40px;
}
}
</style>
</head>
<body>
    <div class="limiter">
		<div class="container-login100 page-background" style="backgroud-size:cover;">
			<div class="wrap-login100" style="background: rgba(247,151,65,0.5);">
				<form class="login100-form validate-form" action="{{ url('reset') }}" name="myForm" id="myForm" method="POST">
					{{ csrf_field() }}
					<a href = "{{ url('../Home') }}"><span class="login100-form-title p-b-34 p-t-27">
						<img src="public/images/hgv2.png" width="260" height="100">
					</span></a>
					<!-- <span class="login100-form-title p-b-34 p-t-27">
						Forgot Your pass?
					</span> -->
					<div class="wrap-input100 validate-input" data-validate = "Enter Email">
						<input class="input100" type="text" name="username" placeholder="Enter Email">
						<span class="focus-input100" data-placeholder="&#xf207;"></span>
					</div>
					
					<br><br><br>
					<div class="container-login100-form-btn" style="margin-top: -50px;">
						<button class="login100-form-btn" onclick="document.getElementById('myForm').submit()">
							Reset Password
						</button>
					</div>
					
				</form>
			</div>
		</div>
	</div>
    <!-- start js include path -->
    <script src="{{asset('public/assets/plugins/jquery/jquery.min.js')}}" ></script>
    <!-- bootstrap -->
    <script src="{{asset('public/assets/plugins/bootstrap/js/bootstrap.min.js')}}" ></script>
    <script src="{{asset('pulic/assets/js/pages/extra_pages/login.js')}}" ></script>
    <!-- end js include path -->

                <script src="js/toaster.min.js"></script>
    <script>    
        @if(Session::has('success'))

        toastr.success("{{Session::get('success')}}")
        @endif

        @if(Session::has('error'))

        toastr.error("{{Session::get('error')}}")
        @endif


         @if(Session::has('info'))

        toastr.info("{{Session::get('info')}}")
        @endif
    </script>
</body>

</html>