<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>


    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo e(url('css/style.css')); ?>">
      <style>
      @import  url('https://fonts.googleapis.com/css?family=Raleway:200');


.digit-group {
	input {
		width: 30px;
		height: 50px;
		background-color: lighten($BaseBG, 5%);
		border: none;
		line-height: 50px;
		text-align: center;
		font-size: 24px;
		font-family: 'Raleway', sans-serif;
		font-weight: 200;
		color: white;
		margin: 0 2px;
	}

	.splitter {
		padding: 0 5px;
		color: white;
		font-size: 24px;
	}
}

.prompt {
	margin-bottom: 20px;
	font-size: 20px;
	color: black;
}

.login-bg-container {
    background-image: url(img/login-bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    /*height: 100vh;*/
    background-position: top;
}

  </style>
</head>

<body class="login-bg-container">
    <div class="container-fluid">
        <div class="row mt-5">
            <div class="col-md-10" style="text-align: end;">
              <!-- <a class="btn register_btn" href="<?php echo e(route('register')); ?>">Register</a> -->
            </div>
            <div class="col-md-2"></div>
        </div>
    </div>

<form method="POST" action="<?php echo e(url('postlogin')); ?>">
                        <?php echo csrf_field(); ?>
    <div class="container form-container">
        <div class="row" id="otpScreen">
            <div class="col-sm-6 offset-sm-3 shadow p-5" style="background: #000;color:#fff;">
                <div class="text-center">
                    <img class="img-fluid" src="<?php echo e(url('img/logo.png')); ?>">
                    <h2 class="pt-2 mb-2"><b>Sign In</b></h2>
                </div>
                <div class="form-group">
                    <label for="loginInput">Mobile Number</label>
                    <input type="number" name="mobile_number" class="form-control no-outline <?php if ($errors->has('mobile_number')) :
if (isset($message)) { $messageCache = $message; }
$message = $errors->first('mobile_number'); ?> is-invalid <?php unset($message);
if (isset($messageCache)) { $message = $messageCache; }
endif; ?>" id="loginInput" value="<?php echo e(old('mobile_number')); ?>" required autocomplete="email" autofocus>
                     <?php if ($errors->has('mobile_number')) :
if (isset($message)) { $messageCache = $message; }
$message = $errors->first('mobile_number'); ?>
                        <span class="invalid-feedback" role="alert">
                            <strong><?php echo e($message); ?></strong>
                        </span>
                    <?php unset($message);
if (isset($messageCache)) { $message = $messageCache; }
endif; ?>
                </div>
                    <div class="form-group">
                                    <input id="password" type="password" placeholder="Password" class="form-control <?php if ($errors->has('password')) :
if (isset($message)) { $messageCache = $message; }
$message = $errors->first('password'); ?> is-invalid <?php unset($message);
if (isset($messageCache)) { $message = $messageCache; }
endif; ?>" name="password" required>
                                    <i class="ik ik-lock"></i>
                                    <?php if ($errors->has('password')) :
if (isset($message)) { $messageCache = $message; }
$message = $errors->first('password'); ?>
                                    <span class="invalid-feedback" role="alert">
                                        <strong><?php echo e($message); ?></strong>
                                    </span>
                                <?php unset($message);
if (isset($messageCache)) { $message = $messageCache; }
endif; ?>
                                </div>
              
                <div class="text-center mt-5">
                    <button class="btn btn-custom" style="background: #fff;color:#000;">Sign In</button>
                   
                </div>
            </div>
        </div>
    </div>
</form>





    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script>
      function getOtp(){
        let mobilenumber  = $('#loginInput').val();
        if(mobilenumber.length === 0 ){
            alert('Please Enter Mobile Number');
        }else{
             $.ajax({
            url: ' <?php echo e(url('loginotp')); ?>',
            method: "POST",
            data: {
                "_token": "<?php echo e(csrf_token()); ?>",
                "mobilenumber": mobilenumber
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data) {
                 if(data=='Wrong'){
                      alert('Mobile Number Not Exits');
                 }else{
                       $('#otpScreen').empty(); 
                $('#otpScreen').append(data);
                 }
               
            }
        }) 
        }
      }
      
</script>
</body>

</html><?php /**PATH /home/jr777s/public_html/admin.jr777s.com/resources/views/auth/login.blade.php ENDPATH**/ ?>