<main class="section__padding">
    <!--    <a class="section__skip" href="condition.php">Skip to Registration -->
    <!--  <span class="section__skip-scale">>></span>-->
    <!--</a>-->
 
    <div class="raffle__tabs">
      <div class="raffle__tabs-container">
        <button class="raffle__tab-category active" onClick="categories(event, 'mechanics')">Promo Mechanics</button>
        <button class="raffle__tab-category" onClick="categories(event,'model')">Participating Model & Prizes</button>
        <button class="raffle__tab-category" onClick="categories(event,'winners')">List of Winners</button>
      </div>
      <!--<div class="raffle__tabs-register"><a href="condition.php">Register for Raffle Promo</a></div>-->
    </div>

    <div id="mechanics" class="category" style="display: block">
        <h3>Midnight Launch Online Raffle Promo Mechanics </h3>
        <h2>Eligibility:</h2>
          <ul>
            <li>Open to customers who pre-order and attend the Midnight Launch event.</li>
            <li>Also open to <strong>walk-in customers</strong> who <strong>purchase the iPhone 17</strong> during the event.</li>
            <li><strong>Raffle duration: </strong> October 17, 2025 | Until 2:00 AM only.</li>
          </ul>
        <h2>Raffle Draw :</h2>
        <ul>
            <li>The <strong>Grand Raffle Draw</strong> will be conducted <strong>live during the Midnight Launch Event.</strong></li>
            <li>All raffle stubs will be <strong>digitally encoded</strong> into our official raffle system to ensure <strong>fairness and transparency.</strong></li>
            <li>Customer need to scan the QR for registration</li>
            <div class="qr_code">
              <img src="./img/NPI_Registration_QR.png" alt="">
            </div>
            <li>Once customer registered they will received a confirmation email</li>
          </ul>
        <h2>Winners & Prizes :</h2>
          <ul>
            <li><Strong>Exciting gadgets, accessories, and exclusive freebies</Strong> await our lucky winners! </li>
            <li>Winners will be <strong>announced live</strong> during the launch program.</li>
            <li><strong>“Every 17th Minute” Raffle Schedule </strong></li>
          </ul>
          <div class="schedule-header">
            <div>
              <h3>Time</h3>
              <div class="schedule-left">
                <p>10:17 PM – Oct 16 </p>
                <p>11:17 PM – Oct 16 </p>
                <p>12:17 AM – Oct 17</p>
              </div>
            </div>
            <div>
              <h3>Activity / Segment</h3>
              <div class="schedule-md">
                <p>1st Happy 17th Minute Raffle </p>
                <p>2nd Happy 17th Minute Raffle </p>
                <p>3rd Happy 17th Minute Raffle </p>
              </div>
            </div>
            <div>
              <h3>Prize Tier</h3>
              <div class="schedule-right">
                <p>Minor Prizes – 10 winners of Airpods 4</p>
                <p>Minor Prizes – JBL Authentics Speaker + Airpods 4 | JBL Spinner + Airpods 4 </p>
                <p><Strong>Major Prize – Smart Robot Cooker + Airpods 4 </Strong></p>
              </div>
            </div>
          </div>
         <h2>Winner Validation :</h2>
          <ul>
            <li>Winners must <strong>present a valid government-issued ID</strong> matching their registration name.</li>
            <li>Only the registered participant may claim the prize; <strong>no representatives allowed.</strong></li>
            <li>All winners will be <strong>photographed</strong> upon claiming for documentation.</li>
            <li>Prizes are <strong>non-transferable and not convertible to cash.</strong></li>
          </ul>
          <h2>Important Notes :</h2>
          <ul>
            <li>eRaffle stubs are <strong>non-transferable</strong> and must be under the <strong>registered customer’s name.</strong> </li>
            <li>Customers must be <strong>present</strong> (or represented by an <strong>authorized representative)</strong> during the draw to claim prizes. </li>
            <li>Unclaimed prizes after the event will be <strong>forfeited</strong> in favor of a redraw or the organizer’s discretion.</li>
          </ul>
    </div>
    <div id="model"  class="raffle_models category" style="display: none">
      <h3>List of Participating</h3>
      <!-- <h5>WIRELESS MICROPHONE KARAOKE:</h5> -->
      <ul>
        <li>iPhone 17</li>
        <li>iPhone Air</li>
        <li>iPhone 17 Pro</li>
        <li>iPhone 17 Pro Max</li>
      </ul>
      <div id="prizes" class="category-1">
      <h3>Prizes as follow:</h3>
        <table >
          <tr>
            <th>Category</th>
            <th>Item</th>
            <th>Raffle Draw Schedule</th>
            <th>Amount</th>
          </tr>
          <tr>
            <td>Grand Prize</td>
            <td>Smart Robot Cooker + Airpods 4</td>
            <td>12:17 AM Oct 17, 2025</td>
            <td>₱63,490</td>
          </tr>
          <tr>
            <td>2<sup>nd</sup> Prize</td>
            <td>JBL Spinner + Airpods 4</td>
            <td>11:17 PM Oct 16, 2025</td>
            <td>₱33,289</td>
          </tr>
          <tr>
            <td>3<sup>rd</sup> Prize</td>
            <td>JBL Authentics Speaker + Airpods 4</td>
            <td>11:17 PM Oct 16, 2025</td>
            <td>₱25,289</td>
          </tr>
          <tr>
            <td>7 Minor Prizes</td>
            <td>Airpods 4</td>
            <td>10:17 PM Oct 16, 2025</td>
            <td>₱8,490</td>
          </tr>
        </table>
      
    </div>

    </div>


    <div id="winners" class="category" style="display: none">
    <h3>Winners will listed here</h3>
    </div>
    
    
  </main>

  <script defer src="views/js/index.js">
    
  </script>