index.php

<?php include 'assets/header.php'; ?>

  <!-- <div class="preloader">
    <svg class="mainSVG" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
      <defs>   
        <path id="puff" d="M4.5,8.3C6,8.4,6.5,7,6.5,7s2,0.7,2.9-0.1C10,6.4,10.3,4.1,9.1,4c2-0.5,1.5-2.4-0.1-2.9c-1.1-0.3-1.8,0-1.8,0
        s-1.5-1.6-3.4-1C2.5,0.5,2.1,2.3,2.1,2.3S0,2.3,0,4.4c0,1.1,1,2.1,2.2,2.1C2.2,7.9,3.5,8.2,4.5,8.3z" fill="#fff"/>
        <circle id="dot"  cx="0" cy="0" r="5" fill="#fff"/>   
      </defs>
      
        <circle id="mainCircle" fill="none" stroke="none" stroke-width="2" stroke-miterlimit="10" cx="400" cy="300" r="130"/>
        <circle id="circlePath" fill="none" stroke="none" stroke-width="2" stroke-miterlimit="10" cx="400" cy="300" r="80"/>
      
      <g id="mainContainer" >
        <g id="car">
    <path id="carRot" fill="#FFF"  d="M45.6,16.9l0-11.4c0-3-1.5-5.5-4.5-5.5L3.5,0C0.5,0,0,1.5,0,4.5l0,13.4c0,3,0.5,4.5,3.5,4.5l37.6,0
      C44.1,22.4,45.6,19.9,45.6,16.9z M31.9,21.4l-23.3,0l2.2-2.6l14.1,0L31.9,21.4z M34.2,21c-3.8-1-7.3-3.1-7.3-3.1l0-13.4l7.3-3.1
      C34.2,1.4,37.1,11.9,34.2,21z M6.9,1.5c0-0.9,2.3,3.1,2.3,3.1l0,13.4c0,0-0.7,1.5-2.3,3.1C5.8,19.3,5.1,5.8,6.9,1.5z M24.9,3.9
      l-14.1,0L8.6,1.3l23.3,0L24.9,3.9z"/>      
        </g>
      </g>
    </svg>
  </div> -->

  <!-- scroll-to-top start -->
  <div class="scroll-to-top">
    <span class="scroll-icon">
      <i class="las la-arrow-up"></i>
    </span>
  </div>
  <!-- scroll-to-top end -->

  <!-- theme-switcher start -->
  
  <!-- theme-switcher end -->
  <!-- page-wrapper start -->
  <div class="page-wrapper">
  <?php include 'assets/navbar.php'; ?>
  <!-- header-section end  -->

    <!-- hero start -->
    <section class="hero">
      <div class="hero__shape"><img src="assets/images/elements/hero-shape.jpg.png" alt="image"></div>
      <div class="hero__element"><img src="assets/images/elements/hero-building.png" alt="image"></div>
      <div class="hero__car wow bounceIn" data-wow-duration="0.5s" data-wow-delay="1s">
        <img src="assets/images/elements/car-shadow.png" alt="image" class="car-shadow">
        <img src="assets/images/elements/car-ray.png" alt="image" class="car-ray">
        <img src="assets/images/elements/car-light.png" alt="image" class="car-light">
        <img src="assets/images/elements/hero-car.png" alt="image" class="hero-car">
        <img src="assets/images/elements/car-star.png" alt="image" class="car-star">
      </div>
      <div class="container">
        <div class="row justify-content-center justify-content-lg-start">
          <div class="col-lg-6 col-md-8">
            <div class="hero__content">
              <div class="hero__subtitle wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">Contest FOR YOUR CHANCE to</div>
              <h2 class="hero__title wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">big win</h2>
              <p class="wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.7s">Now's your chance to win a car! Check out the prestige cars you can win in our car prize draws. Will you be our next lucky winner?</p>
              <div class="hero__btn wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.9s">
                <a href="contest.php" class="cmn-btn">Participate Now</a>
                <a class="video-btn" href="https://www.youtube.com/embed/d6xn5uflUjg" data-rel="lightcase:myCollection"><i class="fas fa-play"></i></a>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="hero__thumb">
              <img src="assets/images/elements/car-main.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- hero start -->

    <?php 
           
        if (isset($_SESSION['status']) && $_SESSION['status'] !='') {
          echo '<div class="alert alert-danger" role="alert">'.$_SESSION['status'].'</div>';
          unset($_SESSION['status']);
        }
        if (isset($_SESSION['success']) && $_SESSION['success'] !='') {
          echo '<div class="alert alert-success" role="alert">'.$_SESSION['success'].'</div>';
          unset($_SESSION['success']);
        }
    ?>
    <!-- how to play section start -->
    <section class="position-relative pt-120 pb-120 overflow-hidden">
      <div class="play-elements wow bounceIn" data-wow-duration="0.5s" data-wow-delay="0.7s">
        <img src="assets/images/elements/play-el.png" alt="image">
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-6 text-sm-left text-center wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="section-header">
              <span class="section-sub-title">Need to know about</span>
              <h2 class="section-title">How To Play</h2>
              <p>Follow these 3 easy steps! </p>
            </div>
          </div>
        </div>
        <div class="row mb-none-30 justify-content-xl-start justify-content-center">
          <div class="col-xl-3 col-lg-4 col-sm-6 mb-30">
            <div class="play-card bg_img" data-background="assets/images/elements/card-bg-1.jpg">
              <div class="play-card__icon">
                <img src="assets/images/icon/play/1.png" alt="image-icon">
                <span class="play-card__number">01</span>
              </div>
              <div class="play-card__content">
                <h3 class="play-card__title">Choose</h3>
                <p>Register to <?= NAME ?> & Choose your contest</p>
              </div>
            </div><!-- play-card end -->
          </div>
          <div class="col-xl-3 col-lg-4 col-sm-6 mb-30">
            <div class="play-card bg_img" data-background="assets/images/elements/card-bg-2.jpg">
              <div class="play-card__icon">
                <img src="assets/images/icon/play/2.png" alt="image-icon">
                <span class="play-card__number">02</span>
              </div>
              <div class="play-card__content">
                <h3 class="play-card__title">buy</h3>
                <p>Pick Your Numbers & Complete your Purchase</p>
              </div>
            </div><!-- play-card end -->
          </div>
          <div class="col-xl-3 col-lg-4 col-sm-6 mb-30">
            <div class="play-card bg_img" data-background="assets/images/elements/card-bg-3.jpg">
              <div class="play-card__icon">
                <img src="assets/images/icon/play/3.png" alt="image-icon">
                <span class="play-card__number">03</span>
              </div>
              <div class="play-card__content">
                <h3 class="play-card__title">Win</h3>
                <p>Start Dreaming, you're almost there</p>
              </div>
            </div><!-- play-card end -->
          </div>
        </div>
      </div>
    </section>
    <!-- how to play section end -->

    <!-- contest section start -->
    <section class="position-relative pt-120 pb-120">
      <div class="bg-el"><img src="assets/images/elements/contest-bg.png" alt="image"></div>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="section-header text-center">
              <span class="section-sub-title">Try your chance at winning</span>
              <h2 class="section-title">Current Contest</h2>
              <p>Participants buy tickets and lots are drawn to determine the winners.</p>
            </div>
          </div>
        </div><!-- row end -->
        <div class="row wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
          <div class="col-lg-12">
            <ul class="nav nav-tabs justify-content-center mb-30 border-0" id="contestTab" role="tablist">
              <li class="nav-item" role="presentation">
                <a class="cmn-btn d-flex align-items-center active" id="car-tab" data-toggle="tab" href="#car" role="tab" aria-controls="car" aria-selected="true"><span class="mr-3"><img src="assets/images/icon/btn/car.png" alt="icon"></span>Top 10 Contests</a>
              </li>
              <!-- <li class="nav-item" role="presentation">
                <a class="cmn-btn style--two d-flex align-items-center" id="lifestyle-tab" data-toggle="tab" href="#lifestyle" role="tab" aria-controls="lifestyle" aria-selected="false"><span class="mr-3"><img src="assets/images/icon/btn/box.png" alt="icon"></span>All lifestyle</a>
              </li> -->
            </ul>
            <div class="tab-content" id="contestTabContent">
              <div class="tab-pane fade show active" id="car" role="tabpanel" aria-labelledby="car-tab">
                <div class="row mb-none-30">
                <?php 
                      $sql = "SELECT * FROM games WHERE status = 1 ORDER BY id DESC LIMIT 10";
                      $run = mysqli_query($conn, $sql);
                        if (mysqli_num_rows($run) > 0) {
                          while ($row = mysqli_fetch_assoc($run)) {
                      ?>

                      <div class="col-xl-4 col-md-6 mb-30">
                        <div class="contest-card">
                          <form action="user/contest-details.php" id="game_form" method="post">
                            <input type="hidden" name="g_id" value="<?= $row['id'] ?>">
                            <input type="hidden" name="c_no" value="<?= $row['contest_no'] ?>">
                            <button style="z-index: 1000;" name="buy" class="btn btn-dark" type="submit">PURCHASE</button>
                            
                          </form>
                          <div class="contest-card__thumb">
                            <img src="assets/images/contest/<?= $row['image'] ?>" alt="image">
                            
                            <div class="contest-num">
                              <span>contest no:</span>
                              <h4 class="number"><?= $row['contest_no'] ?></h4>
                            </div>
                          </div>
                          <div class="contest-card__content">
                            <div class="left">
                              <h5 class="contest-card__name"><?= $row['name'] ?></h5>
                            </div>
                            <div class="right">
                              <span class="contest-card__price">$<?= $row['price'] ?></span>
                              <p>ticket price</p>
                            </div>
                          </div>
                          <div class="contest-card__footer">
                            <ul class="contest-card__meta">
                              <li>
                                <i class="las la-clock"></i>
                                <span><?php 
                                
                                $future = strtotime($row['end_date']); //Future date.
                                $timefromdb = strtotime(date('Y-m-d'));
                                $timeleft = $future-$timefromdb;
                                $daysleft = round((($timeleft/24)/60)/60); 
                                echo $daysleft."d";

                                ?></span>
                              </li>
                              <li>
                                <i class="las la-ticket-alt"></i>
                                <span><?= $row['quantity'] ?></span>
                                <p>Remaining</p>
                              </li>
                            </ul>
                          </div>
                        </div><!-- contest-card end -->
                      </div>

                      <?php 
                        }
                      } 
                      ?>
                </div>
              </div>
            </div><!-- table content end -->
          </div>
        </div><!-- row end-->
        <!-- <div class="row mt-30">
          <div class="col-lg-12">
            <div class="btn-grp">
              <a href="contest.php" class="btn-border">browse more</a>
            </div>
          </div>
        </div> -->
      </div>
    </section>
    <!-- contest section end -->

    <!-- winner section start -->
    <section class="position-relative pt-120 pb-120">
      <div class="bg-el"><img src="assets/images/bg/winner.jpg" alt="image"></div>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="section-header text-center">
              <span class="section-sub-title">The latest lottery winner of the month</span>
              <h2 class="section-title">Top winner</h2>
              <p>There have been numerous winnings, but some winners were luckier than others</p>
            </div>
          </div>
        </div><!-- row end -->
        <div class="row">
          <div class="col-lg-12">
            <div class="winner-wrapper">
              <div class="left">
                <div class="winner-prize-thumb wow bounceIn" data-wow-duration="0.5s" data-wow-delay="0.5s"><img src="assets/images/elements/car.png" alt="image"></div>
              </div>
              <div class="right">
                <div class="winner-slider">

                <?php 
                   $sql = "SELECT * FROM tickets WHERE status = '2' ORDER BY id DESC LIMIT 1";
                   $run = mysqli_query($conn, $sql);
                                      
                   while ($row = mysqli_fetch_assoc($run)) {

                    $c_no = $row['contest_no'];
                    $user = $row['user_id'];
                    $sql_b = "SELECT * FROM games WHERE contest_no = '$c_no'";
                    $run_b = mysqli_query($conn, $sql_b);
                    $val = $run_b -> fetch_array(MYSQLI_ASSOC);
 
                    $sql_us = "SELECT * FROM user WHERE acct_id = '$user'";
                    $run_us = mysqli_query($conn, $sql_us);
                    $user = $run_us -> fetch_array(MYSQLI_ASSOC);
                 ?>
                     <div class="winner-slide-item">
                      <div class="winner-thumb"><img src="uploads/<?= $user['image'] ?>" alt="image" style="padding-bottom: 210px;"></div>
                      <div class="winner-content bg_img" data-background="assets/images/elements/winner-content-bg.jpg">
                        <h6 class="winner-name"><?= $val['name'] ?></h6>
                        <p>Draw took place on</p>
                        <span class="draw-date"><?= date('d/m/Y', strtotime($row['up_date'])) ?></span>
                      </div>
                    </div><!-- winner-slide-item end -->
                 <?php
                   }
                   ?>

                </div>
              </div>
            </div>
          </div>
        </div><!-- row end -->
      </div><!-- container end -->
    </section>
    <!-- winner section end -->

    <!-- latest winner section start  -->
    <section class="latest-winner-section position-relative pt-120 pb-120">
      <div class="el-1"><img src="assets/images/elements/w-el-1.png" alt="image"></div>
      <div class="el-2"><img src="assets/images/elements/w-el-2.png" alt="image"></div>
      <div class="el-3"><img src="assets/images/elements/w-el-3.png" alt="image"></div>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="section-header text-center">
              <span class="section-sub-title">Meet the latest winners from your favorite contest</span>
              <h2 class="section-title">Latest Winners</h2>
              <p>Check your ticket number's to see if you are a Winner in the Dream Lottery.</p>
            </div>
          </div>
        </div><!-- row end -->

        <div class="row wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">
          <div class="col-lg-12">
            <?php include 'winner_main.php' ?><!-- tab-content end -->
          </div>
        </div><!-- row end -->
      </div>
    </section>
    <!-- latest winner section end  -->

    <!-- overview section start -->
    <section class="overview-section pt-120">
      <div class="map-el"><img src="assets/images/elements/map.png" alt="image"></div>
      <div class="obj-1"><img src="assets/images/elements/overview-obj-1.png" alt="image"></div>
      <div class="obj-2"><img src="assets/images/elements/overview-obj-2.png" alt="image"></div>
      <div class="obj-3"><img src="assets/images/elements/overview-obj-3.png" alt="image"></div>
      <div class="obj-4"><img src="assets/images/elements/overview-obj-4.png" alt="image"></div>

      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="section-header text-center">
              <span class="section-sub-title">Our Users Around the World</span>
              <h2 class="section-title">Let the number speak for us</h2>
              <p>Over the years we have provided millions of players with tickets to lotteries across the globe and enjoyed having more than one million winners</p>
            </div>
          </div>
        </div><!-- row end -->
      </div><!-- container end -->
      <div class="map-pointer">
        <div class="pointer num-1"></div>
        <div class="pointer num-2"></div>
        <div class="pointer num-3"></div>
        <div class="pointer num-4"></div>
        <div class="pointer num-5"></div>
        <div class="pointer num-6"></div>
        <div class="pointer num-7"></div>
        <div class="pointer num-8"></div>
        <div class="pointer num-9"></div>
      </div>

      <div class="container">
        <div class="row justify-content-center mb-none-30">
          <div class="col-lg-4 col-sm-6 mb-30 wow bounceIn" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="overview-card hover--effect-1">
              <div class="overview-card__icon">
                <img src="assets/images/icon/overview/1.png" alt="">
              </div>
              <div class="overview-card__content">
                <span class="number">12000+</span>
                <p>Verified Users</p>
              </div>
            </div><!-- overview-card end -->
          </div>
          <div class="col-lg-4 col-sm-6 mb-30 wow bounceIn" data-wow-duration="0.5s" data-wow-delay="0.5s">
            <div class="overview-card hover--effect-1">
              <div class="overview-card__icon">
                <img src="assets/images/icon/overview/2.png" alt="">
              </div>
              <div class="overview-card__content">
                <span class="number">13</span>
                <p>Years on the market</p>
              </div>
            </div><!-- overview-card end -->
          </div>
          <div class="col-lg-4 col-sm-6 mb-30 wow bounceIn" data-wow-duration="0.5s" data-wow-delay="0.7s">
            <div class="overview-card hover--effect-1">
              <div class="overview-card__icon">
                <img src="assets/images/icon/overview/3.png" alt="">
              </div>
              <div class="overview-card__content">
                <span class="number">98%</span>
                <p>Customer Satisfaction</p>
              </div>
            </div><!-- overview-card end -->
          </div>
        </div>
      </div><!-- container end -->
    </section>
    <!-- overview section end -->

    <!-- features section start -->
    <section class="pt-120 pb-120">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 order-lg-1 order-2">
            <div class="row mb-none-30">
              <div class="col-lg-6 mb-30">
                <div class="row mb-none-30">
                  <div class="col-lg-12 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
                    <div class="feature-card hover--effect-1">
                      <div class="feature-card__icon">
                        <img src="assets/images/icon/feature/1.png" alt="image">
                      </div>
                      <div class="feature-card__content">
                        <h3 class="feature-title">Safe Service</h3>
                        <p>Nulla ultricies in nulla ac efficitur. In vel neque arcu. Donec quis</p>
                      </div>
                    </div><!-- feature-card end -->
                  </div><!-- feature-card end -->
                  <div class="col-lg-12 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">
                    <div class="feature-card hover--effect-1">
                      <div class="feature-card__icon">
                        <img src="assets/images/icon/feature/3.png" alt="image">
                      </div>
                      <div class="feature-card__content">
                        <h3 class="feature-title">Network</h3>
                        <p>Nulla ultricies in nulla ac efficitur. In vel neque arcu. Donec quis</p>
                      </div>
                    </div><!-- feature-card end -->
                  </div><!-- feature-card end -->
                </div>
              </div>
              <div class="col-lg-6 mb-30 mt-lg-5">
                <div class="row mb-none-30">
                  <div class="col-lg-12 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.3s">
                    <div class="feature-card hover--effect-1">
                      <div class="feature-card__icon">
                        <img src="assets/images/icon/feature/2.png" alt="image">
                      </div>
                      <div class="feature-card__content">
                        <h3 class="feature-title">Security</h3>
                        <p>Nulla ultricies in nulla ac efficitur. In vel neque arcu. Donec quis</p>
                      </div>
                    </div><!-- feature-card end -->
                  </div><!-- feature-card end -->
                  <div class="col-lg-12 col-md-6 mb-30 wow fadeInUp" data-wow-duration="0.5s" data-wow-delay="0.5s">
                    <div class="feature-card hover--effect-1">
                      <div class="feature-card__icon">
                        <img src="assets/images/icon/feature/4.png" alt="image">
                      </div>
                      <div class="feature-card__content">
                        <h3 class="feature-title">Support</h3>
                        <p>Nulla ultricies in nulla ac efficitur. In vel neque arcu. Donec quis</p>
                      </div>
                    </div><!-- feature-card end -->
                  </div><!-- feature-card end -->
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 order-lg-2 order-1 text-lg-left text-center wow fadeInRight" data-wow-duration="0.5s" data-wow-delay="0.5s">
            <div class="section-header">
              <span class="section-sub-title">An Exhaustive list of</span>
              <h2 class="section-title">Our features.</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium, elit quis vehicula interdum, sem metus iaculis sapien, sed bibendum lectus augue eu metus.</p>
              <a href="#0" class="d-flex align-items-center mt-3 justify-content-lg-start justify-content-center">Show all features<i class="las la-angle-double-right text-danger"></i></a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- features section end -->

    <!-- testimonial section start -->
  
    <!-- testimonial section end -->

    <!-- support section start  -->
    <section class="pb-120">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <div class="section-header text-center">
              <span class="section-sub-title">Get in touch with our friendly support</span>
              <h2 class="section-title">Customer Support</h2>
              <p>Have a question or need help? Contact our friendly support team.</p>
            </div>
          </div>
        </div>
        <div class="row mb-none-30">
          <div class="col-lg-6 mb-30 wow zoomIn" data-wow-duration="0.5s" data-wow-delay="0.3s">
            <div class="support-card">
              <div class="support-card__thumb">
                <img src="assets/images/icon/support/1.png" alt="image">
              </div>
              <div class="support-card__content">
                <h3 class="support-card__title">Talk to our support team</h3>
                <p>Got a question about Lotteries? Get in touch with our friendly staff.</p>
                <div class="btn-grp justify-content-xl-start mt-3">
                  <a href="tel:<?= PHONE ?>" class="btn-border btn-sm text-capitalize">Call us <i class="fas fa-phone-alt"></i></a>
                  <a href="mailto:<?= Admin_Email ?>" class="cmn-btn btn-sm text-capitalize">Email us <i class="far fa-envelope"></i></a>
                </div>
              </div>
            </div><!-- support-card end -->
          </div>
          <div class="col-lg-6 mb-30 wow zoomIn" data-wow-duration="0.5s" data-wow-delay="0.5s">
            <div class="support-card">
              <div class="support-card__thumb">
                <img src="assets/images/icon/support/2.png" alt="image">
              </div>
              <div class="support-card__content">
                <h3 class="support-card__title">Our Guide to <?= NAME ?></h3>
                <p>Check out our FAQs to see if we can help you out. </p>
                <div class="btn-grp justify-content-xl-start mt-3">
                  <a href="faq.php" class="btn-border btn-sm text-capitalize">FAQs & Help</a>
                </div>
              </div>
            </div><!-- support-card end -->
          </div>
        </div>
      </div>
    </section>
    <!-- support section end  -->

      <!-- footer section start  -->
  <?php include 'assets/footer.php'; ?>