<!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 Portal - Login</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="<?php echo e(asset('assets/plugins/font-awesome/css/font-awesome.min.css')); ?>" rel="stylesheet" type="text/css"/>
	<link rel="stylesheet" href="<?php echo e(asset('assets/plugins/iconic/css/material-design-iconic-font.min.css')); ?>">
    <!-- bootstrap -->
	<link href="<?php echo e(asset('assets/plugins/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet" type="text/css" />
    <!-- style -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/pages/extra_pages.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/toastr.min.css')); ?>">
	<!-- favicon -->
        <link rel="shortcut icon" href="https://hgvdrivergroup.app/public/images/3.png" /> 
<style type="text/css">
.input100 {
    color: #000;
}	
.input100::placeholder {
  color: #000 !important;
  border-bottom: 2px solid rgba(0,0,0,0.24);
}
	.txt1
	{
		font-size: 16px;
	}
	.custom-flex{
		display: flex;
		flex-direction: column;
	}
	.page-background{
	/*background-image: url(https://hgvdriverhub.app/API/assets/img/main-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    width: 100%;
    height: 100vh;
    flex-wrap: nowrap;
    margin: 0 !important;
    background: none;
    display: flex;
    align-items: center;
	}
	.container-login100::before {
   
    display: none;
}
.page-background2 img{
	/*background-image: url(https://hgvdriverhub.app/API/assets/img/main-background2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    width: 100%;
    height: 100vh;
}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding: 0 !important;
}
.login100-form {
    width: 80%;
    margin: 0 auto;
}
.login-txt h2 {
	border-bottom: 1px solid #f79741;
	width: fit-content;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #f79741;
	text-transform: uppercase;
	margin: 0 auto;
}
.login-txt h5 {
	text-align: center;
	margin-top: 20px;
    margin-bottom: 20px;
}
.login-txt{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.txt1 {
    color: #828181;
}
.txt1:hover{
	color:  #000;
}
.login100-form-btn {
	background: #ffa520;
	border: 1px solid #ffa520;
    color: #fff;
    transition: 0.3s;
}
.login100-form-btn:hover{
	background: #fff;
	border: 1px solid #ffa520;
    color: #ffa520;
}
.login100-form-btn:before{
	display: none;
}
@media (max-width: 560px) {
.page-background .col-md-4{
width: 56%;
}
.login100-form-title img{
	width: 100%;
    height: auto;
}
.login100-form-title{
	padding-top: 0px;
    padding-bottom: 8px;
}
.login-txt h2 {
    font-size: 18px;
    padding-top: 12px;
}
.login-txt h5 {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 15px;
}
.input100 {
    padding: 0 5px 0 5px;
}
.input100 [type="text"]{
	font-size: 10px;
}
.login100-form-btn {
    font-size: 13px;
    padding: 0 17px;
    min-width: 75px;
    height: 26px;
    margin-bottom: 15px;

}
.txt1 {
    font-size: 10px;
}
br{
	display: none;
}

.input100:placeholder {
  font-size: 12px;
}}
</style>
</head>
<body>
    <div class="limiter">
		<div class="row page-background">
				<div class="col-md-4">
					
				<form class="login100-form validate-form" action="<?php echo e(url('login')); ?>" name="myForm" id="myForm" method="POST">
					<?php echo e(csrf_field()); ?>

					
				<a href = "https://hgvdriverhub.app/">
					<span class="login100-form-title p-b-34 p-t-27">
						<img src="<?php echo e(asset('public/images/hgv2.png')); ?>" width="260" height="100">
					</span>
				</a>
					<div class="login-txt">
					<h2>Login</h2>
					<h5>Welcome Back!</h5>
				</div>
					<div class="wrap-input100 validate-input" data-validate = "Enter username">
						<input class="input100" type="text" name="username" placeholder="Username">
						<!-- <span class="focus-input100" data-placeholder="&#xf207;"></span> -->
					</div>
					<div class="wrap-input100 validate-input" data-validate="Enter password">
						<input class="input100" type="password" name="pass" placeholder="Password">
					</div>
					<div class="contact100-form-checkbox">
						<input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
					</div>
					<div class="container-login100-form-btn" style="margin-top: -50px;">
						<button class="login100-form-btn" onclick="document.getElementById('myForm').submit()">
							Login
						</button>
					</div>
					<br><br>
					<div class="custom-flex text-center p-t-80">
						<a class="txt1" href="<?php echo e(url('Register')); ?>">Sign Up Now</a>
						<a class="txt1" href="<?php echo e(url('ValidateAccount')); ?>">Verify your account</a>
						<a class="txt1" href="<?php echo e(url('forgot')); ?>">Forgot Password?</a>
					</div>
				</form>
			</div>
		
				<div class="col-md-8 page-background2">
					<img src="https://hgvdriverhub.app/API/public/assets/img/main-background2.jpg">
				</div>
		</div>
	</div>
	
    <!-- start js include path -->
    <script src="<?php echo e(asset('assets/plugins/jquery/jquery.min.js')); ?>" ></script>
    <!-- bootstrap -->
    <script src="<?php echo e(asset('assets/plugins/bootstrap/js/bootstrap.min.js')); ?>" ></script>
    <script src="<?php echo e(asset('/assets/js/pages/extra_pages/login.js')); ?>" ></script>

    <!-- end js include path -->
            <script src="js/toaster.min.js"></script>
    <script>    
        <?php if(Session::has('success')): ?>

        toastr.success("<?php echo e(Session::get('success')); ?>")
        <?php endif; ?>

        <?php if(Session::has('error')): ?>

        toastr.error("<?php echo e(Session::get('error')); ?>")
        <?php endif; ?>


         <?php if(Session::has('info')): ?>

        toastr.info("<?php echo e(Session::get('info')); ?>")
        <?php endif; ?>
    </script>
</body>

</html><?php /**PATH D:\munawer\employee-api\resources\views/login.blade.php ENDPATH**/ ?>