index.php

<?php 
include './inc/db.php';
include './inc/form.php';
include './inc/select.php';
include './inc/db_close.php';
?>

<?php  include_once './parts/header.php' ?>


<div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
             <div class="col-md-5 p-lg-5 mx-auto">
                <img src="images/gift.png" id="gift" alt="">
                    <h1 class="display-4 fw-normal">اربح مع نور</h1>
                     <p class="lead fw-normal">باقي على فتح التسجيل</p>
                     <h3 id="count-down"></h3>
                     <p class="lead fw-normal">للسحب على ربح نسخة مجانية من برنامج</p>
            </div>

            <div class="contaner">
                <h3>للدخول في السحب اتبع التعليمات التالية:</h3>
            <ul class="list-group list-group-flush">
            <li class="list-group-item">تابع البث المباشر </li>
            <li class="list-group-item">خلال فترة البث ستُفتح صفحة التسجيل هنا حيث ستسجل اسمك وبريدك</li>
            <li class="list-group-item">ينهاية البث سيُختار اسم واحد بشكل عشوائي</li>
            <li class="list-group-item">الرابح سيحصل على اشترك مجاني في نادي رياضي</li>
            </ul>
            </div>

        </div>

        <div class="container">
<div class="position-relative text-center ">
             <div class="col-md-5 p-lg-5 mx-auto my-5">
        <form action="<?php $_SERVER['PHP_SELF'] ?>" method="POST">
            <h3>الرجاء ادخل معلوماتك</h3>
            <div class="mb-3">
                <label for="firstName" class="form-label">الاسم الأول</label>
                <input type="text" name="firstName" id="firstName" class="form-control" value="<?php if(isset($_POST['firstName'])){ echo $firstName; }?>">
                <div class="form-text error "> <?php echo $errors['firstNameError'] ?> </div>
            </div>

            <div class="mb-3">
                <label for="lastName" class="form-label">الاسم الأخير</label>
                <input type="text" name="lastName" id="lastName" class="form-control" value="<?php if(isset($_POST['lastName'])){ echo $lastName; }?>">
                <div class="form-text error "><?php echo $errors['lastNameError'] ?></div>
            </div>

            <div class="mb-3">
                <label for="email" class="form-label">البريد الإلكتروني</label>
                <input type="text" name="email" id="email" class="form-control" value="<?php if(isset($_POST['email'])){ echo $email; }?>">
                <div class="form-text error "><?php echo $errors['emailError'] ?></div>
            </div>
            
            <button type="submit" name="submit" class="btn btn-primary">ارسل</button>
        </form>
        </div>
        </div>
    
        <!-- Loading Percentage GIF -->
        <div class="loader-con">
            <div id="loader">
              <canvas id="circularLoader" width="200" height="200"></canvas>
            </div>
        </div>



    <!-- Button trigger modal -->
    <div class="d-grid gap-2 col-6 mx-auto my-5">
        <button type="button" id="winner" class="btn btn-primary">
                اختيار لرابح
        </button>
    </div>

<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        
            <h5 class="modal-title" id="modalLabel">الرابح في المسابقة:</h5>
        
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <?php foreach($users as $user) : ?>
        <h1 class="display-3 text-center modal-body"><?php echo htmlspecialchars($user['firstName']) . ' ' . htmlspecialchars($user['lastName']) . '<br>' ?></h1>
      <?php endforeach; ?>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
</div> 

<?php include_once './parts/footer.php' ?>