<?php
require_once 'functions.php';

$errors = [];
$succ = '';
$fullname = '';
$emailid = '';
$city = '';
$business = '';

if (isset($_POST['loginuser-btn'])) {
  if (empty($_POST['fullname'])) {
    $errors['fullname'] = 'Full Name is required';
  }
  $emailid = $_POST['emailid'];
  if (empty($_POST['emailid'])) {
    $errors['email'] = 'Email ID is required';
  } elseif (!filter_var($_POST['emailid'], FILTER_VALIDATE_EMAIL)) {
    $errors['email'] = 'Invalid Email ID format';
  }

  $city = trim((string)($_POST['city'] ?? ''));
  if ($city !== '' && !preg_match('/^\d{10}$/', $city)) {
    $errors['city'] = 'Contact No must be 10 digits';
  }
  
  $fullname = $_POST['fullname'];

  if (count($errors) == 0) {
    $user = new User();
    $user->__set('firstname', $fullname);
    $user->__set('emailid', $emailid);
    $user->__set('updates', $city);
    $login = $user->userLogin();
    // var_dump($login);
    // // exit();
    $reg_status = $login['status'];
    if ($reg_status == "error") {
      $errors['login'] = $login['message'];
    }
  }
}
?>

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?= $event_title ?></title>
  <link rel="stylesheet" href="assets/css/normalize.min.css">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/all.min.css">
  <link rel="stylesheet" href="assets/css/jquery-ui.css" />
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/styles.css">
</head>

<body class="login-page">
  <div id="mobile-portrait" class="">
    <img src="assets/img/rotatedevice.gif" alt="" class="center-device" />
  </div>

  <div class="container-fluid">

<nav class="navbar  navbar-light" id="nav-top">
<img src="" class="w-2 mb-1">
        <!-- <img src="" class="w-2 w-1"  alt=""> -->
<img src="assets"  class="w-1" alt=""  alt="">



</nav>
    <!-- <div class="row p-2">
      <div class="col-12 text-center">
        <br />
      </div>
    </div> -->
    <div class="row mb-1">
      <!-- <div class="col-12 col-md-7">
        <a href="0012313424325.php">
          <img src="assets/img/login-banner.png" class="img-fluid" alt="">
        </a>

        <br>


      </div> -->
      <div class="col-12">
      <div class="form-wrapper">
        <div class="text-center">
        <img src="assets/coca-cola images/coca-cola-main-logo.png" alt="" width="70%">
        </div>
          <!-- If already registered, please login here: -->
          <?php
          if (count($errors) > 0) : ?>
            <div class="alert alert-danger alert-msg">
              <ul class="list-unstyled">
                <?php foreach ($errors as $error) : ?>
                  <li>
                    <?php echo $error; ?>
                  </li>
                <?php endforeach; ?>
              </ul>
            </div>
          <?php endif; ?>
          <form action="" method="post">
            <div class="form-group">
              <!-- <label class="text-white" for="">Full Name</label> -->
              <input type="text" name="fullname" id="fullname" class="input" placeholder="Full Name*" value="<?= htmlspecialchars($fullname) ?>" required>
            </div>
            <div class="form-group">
              <!-- <label class="text-white" for="">City</label> -->
              <input type="text" name="city" id="city" class="input" placeholder="Contact No" value="<?= htmlspecialchars($city) ?>" inputmode="numeric" maxlength="10" pattern="\d{10}" title="Enter 10 digit Contact No" oninput="this.value = this.value.replace(/[^0-9]/g, '').slice(0, 10)">
            </div>
            <div class="form-group">
              <!-- <label class="text-white" for="">Email ID</label> -->
              <input type="email" name="emailid" id="emailid" class="input" placeholder="Email ID*" value="<?= htmlspecialchars($emailid) ?>" required>
            </div>            
            <div class="form-group mt-3 d-flex justify-content-center">
            <input type="submit" name="loginuser-btn" id="btnLogin" class="btn btn-block " value="Login" />

              <!-- <input type="submit" name="loginuser-btn" id="btnLogin" class="form-submit btn-login btn btn-block" value="Login" /> -->
            </div>
          </form>
        </div>
      </div>
      <div class="col-12 col-md-2">
        <!-- <a href="0012313424325.php">
          <img src="assets/img/login-banner.png" class="img-fluid" alt="">
        </a> -->
        <br>


      </div>
    </div>
    <!--  <div class="row p-3">
    <div class="col-12 col-md-3 text-center">
      <a href="register.php"><img src="assets/img/register-now.png" class="img-fluid" alt=""></a>
    </div>
    <div class="col-12 col-md-3 offset-md-1 text-center">
      <a class="agenda" href="assets/resources/conf-agenda.pdf"><img src="assets/img/agenda.png" class="img-fluid" alt=""></a>
    </div>
  </div> -->
  </div>
  <!-- <div id="code">IPL/O/BR/09042021</div> -->
  <script src="//code.jquery.com/jquery-latest.js"></script>
  <script src="assets/js/mag-popup.js"></script>
  <script type="text/javascript" src="assets/js/jquery.syotimer.min.js"></script>
  <script>
    $(document).ready(function() {

      $('#countdown').syotimer({
        year: 2021,
        month: 5,
        day: 7,
        hour: 12,
        minute: 30,
        timeZone: 0,
        ignoreTransferTime: true,
        layout: 'dhms',
        afterDeadline: function() {
          $('#timer').fadeOut();
        }

      });

    });
  </script>
  <?php require_once 'ga.php';  ?>
  <?php require_once 'footer.php';  ?>
