<!DOCTYPE html>
<html lang="en" class="layout-wide customizer-hide" dir="ltr" data-skin="default" data-bs-theme="light">

<head>
  <meta property="og:title" content="<?php echo $__env->yieldContent('title', 'Omiga IPL'); ?>">
  <meta property="og:description" content="<?php echo $__env->yieldContent('description', 'Omiga IPL Platform'); ?>">
  <meta property="og:image" content="<?php echo e(asset('assets/image/og-banner.jpg')); ?>">
  <meta property="og:url" content="<?php echo e(url()->current()); ?>">
  <meta property="og:type" content="website">
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  <title id="pageTitle">Omiga IPL</title>
  <link rel="icon" type="image/x-icon" href="<?php echo e(asset('assets/image')); ?>/logo.png">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap"
    rel="stylesheet">

  <link rel="stylesheet" href="<?php echo e(asset('/assets')); ?>/vendor/fonts/iconify-icons.css">
  <link rel="stylesheet" href="<?php echo e(asset('/assets')); ?>/vendor/css/core.css">
  <link rel="stylesheet" href="<?php echo e(asset('/assets')); ?>/css/login.css">
  <link rel="stylesheet" href="<?php echo e(asset('/assets')); ?>/vendor/css/theme-default.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
    integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

  <script src="<?php echo e(asset('/assets')); ?>/js/config.js"></script>
</head>



<body>

  <?php if(session('success') || session('error') || $errors->any()): ?>
  <div class="toast-container-custom">
    <div id="liveToast" class="custom-toast <?php echo e(session('success') ? 'toast-success' : 'toast-error'); ?>">

      <div class="toast-icon">
        <?php if(session('success')): ?>
        ✓
        <?php else: ?>
        ⚠
        <?php endif; ?>
      </div>

      <div class="toast-content">
        <div class="toast-title">
          <?php echo e(session('success') ? 'Success' : 'Error'); ?>

        </div>

        <div class="toast-message">
          <?php if(session('success')): ?>
          <?php echo e(session('success')); ?>

          <?php elseif(session('error')): ?>
          <?php echo e(session('error')); ?>

          <?php elseif($errors->any()): ?>
          <?php echo e($errors->first()); ?>

          <?php endif; ?>
        </div>
      </div>

      <button class="toast-close" onclick="closeToast()">×</button>

      <div class="toast-progress"></div>
    </div>
  </div>
  <?php endif; ?>


  <div class="container d-flex flex-column align-items-center justify-content-center">
    <div class="login-card">



      <div class="slider-container">
        <div class="slider-track" id="sliderTrack">
          <div class="slide" style="background-image: url('<?php echo e(asset('assets/image/login.png')); ?>')">
          </div>
          <div class="slide" style="background-image: url('<?php echo e(asset('assets/image/login.png')); ?>')">
          </div>
          <div class="slide" style="background-image: url('<?php echo e(asset('assets/image/login.png')); ?>')">
          </div>
        </div>

        <div class="slider-arrow arrow-left" onclick="prevSlide()">
          <i class="fa-solid fa-chevron-left"></i>
        </div>
        <div class="slider-arrow arrow-right" onclick="nextSlide()">
          <i class="fa-solid fa-chevron-right"></i>
        </div>

        <div class="social-icons-overlay">
          <!-- <a href="#" class="social-icon bg-insta"><i class="fa-brands fa-instagram"></i></a> -->
          <a href="#" class="social-icon bg-x"><i class="ti tabler-world"></i></a>
          <!-- <a href="#" class="social-icon bg-fb"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="#" class="social-icon bg-yt"><i class="fa-brands fa-youtube"></i></a> -->
        </div>
      </div>


      <div class="login-form-section">
        <div class="login-formsection">
          <div class="logo-container">
            <h5 class="mt-3 text-center fw-bold text-primary">Welcome Back Admin !</h5>

            <section class="logo-wrapper d-flex justify-content-center align-items-center">
              <div class="text-center">
                <img src="<?php echo e(asset('assets/image/logo.png')); ?>" class="logo-img logo" alt="logo">
              </div>
            </section>
          </div>
          <form action="<?php echo e(route('admin.login_form')); ?>" id="login_form" method="POST">
            <?php echo csrf_field(); ?>
            <div class="mb-6 fv-plugins-icon-container">
              <label for="User id" class="form-label">User ID</label>
              <input type="text" class="form-control p-3 bg-white" id="user_id" name="user_id"
                placeholder="Enter your user id" value="<?php echo e(old('user_id')); ?>" required>
              <?php $__errorArgs = ['user_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
              <div class="invalid-feedback d-block">
                <?php echo e($message); ?>

              </div>
              <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            </div>
            <div class=" mb-6 form-password-toggle fv-plugins-icon-container">
              <label class="form-label" for="password">Password</label>
              <div class="input-group input-group-merge has-validation">
                <input type="password" id="password" class="form-control p-3 bg-white" name="pwd"
                  placeholder="Enter your password" aria-describedby="password" value="<?php echo e(old('pwd')); ?>" required>
                <span class="input-group-text cursor-pointer bg-white" id="togglePassword">
                  <i class="icon-base ti tabler-eye-off"></i>
                </span>

                <?php $__errorArgs = ['pwd'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                <div class="invalid-feedback d-block">
                  <?php echo e($message); ?>

                </div>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
              </div>


            </div>
            <button type="submit" id="submit_btn" class="btn btn-primary d-grid w-100 waves-effect waves-light">
              Login
            </button>
          </form>


        </div>


      </div>
    </div>

    <div class="footer-links">
      <a href="#">About</a> |
      <a href="#">Privacy</a> |
      <a href="#">T&C</a> |
      <a href="#">Contact</a>
    </div>
    <div class="partner-text">
      Technology Partner <span><a href="https://novelx.in/" target="_blank" class="text-danger">NovelX</a>
      </span>
    </div>
  </div>
  <div
    style="position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 9999; min-width: 320px; display: none;"
    id="toastWrapper">
    <div id="ajaxToast" class="toast align-items-center text-white bg-success border-0" role="alert"
      aria-live="assertive" aria-atomic="true">
      <div class="d-flex align-items-center justify-content-between">
        <div class="toast-body" id="ajaxToastMsg">Success</div>
        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
          aria-label="Close"></button>
      </div>
    </div>
  </div>

  <script src="<?php echo e(asset('/assets')); ?>/vendor/libs/jquery/jquery.js"></script>
  <script src="<?php echo e(asset('/assets')); ?>/vendor/libs/popper/popper.js"></script>
  <script src="<?php echo e(asset('/assets')); ?>/vendor/js/bootstrap.js"></script>
  <script>
    document.getElementById('submit_btn').addEventListener('click', function(e) {
      e.preventDefault();
      let btn = this;
      btn.disabled = true;
      btn.innerText = 'Processing...';
      document.getElementById('login_form').submit();
    });
  </script>

  <script>
    let currentSlide = 0;
    const slides = document.querySelectorAll('.slide');
    const totalSlides = slides.length;
    let autoSlideInterval;

    function showSlide(index) {
      slides.forEach((slide, i) => {
        slide.classList.toggle('active', i === index);
      });
    }

    function nextSlide() {
      currentSlide = (currentSlide + 1) % totalSlides;
      showSlide(currentSlide);
      resetAutoSlide();
    }

    function prevSlide() {
      currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
      showSlide(currentSlide);
      resetAutoSlide();
    }

    function startAutoSlide() {
      autoSlideInterval = setInterval(nextSlide, 3000);
    }

    function resetAutoSlide() {
      clearInterval(autoSlideInterval);
      startAutoSlide();
    }

    // Init
    showSlide(currentSlide);
    startAutoSlide();
  </script>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const passwordInput = document.getElementById('password');
      const toggleBtn = document.getElementById('togglePassword');
      const icon = toggleBtn.querySelector('i');

      toggleBtn.addEventListener('click', function() {
        const isPassword = passwordInput.type === 'password';

        // Toggle input type
        passwordInput.type = isPassword ? 'text' : 'password';

        // Toggle icon class
        icon.classList.toggle('tabler-eye');
        icon.classList.toggle('tabler-eye-off');
      });
    });
  </script>

  <script>
    function closeToast() {
      const toast = document.getElementById('liveToast');
      if (toast) {
        toast.style.animation = 'fadeOut 0.4s forwards';
      }
    }

    document.addEventListener('DOMContentLoaded', function() {
      const toast = document.getElementById('liveToast');

      if (toast) {
        setTimeout(() => {
          closeToast();
        }, 3000);
      }
    });
  </script>
</body>



</html><?php /**PATH /var/www/html/omiga_ipl/resources/views/Admin/login.blade.php ENDPATH**/ ?>