@extends('layouts.app')

@section('content')
<div class="container my-5">
  <div class="text-center mb-4">
    <h1 class="display-5">📘 Online Quiz Rule Book</h1>
    <p class="text-muted">Please read carefully before starting the quiz</p>
  </div>

  <div class="card mb-4 p-4 shadow-sm" style="border-left: 5px solid #0d6efd;">
    <h4 class="section-title" style="color: #0d6efd; font-weight: 600;">1. Tab/App Switching is Prohibited</h4>
    <ul class="mb-0">
      <li>Do not switch browser tabs, minimize windows, or open other apps after starting the quiz.</li>
      <li><strong>If detected, the current question will be skipped and cannot be revisited.</strong></li>
    </ul>
  </div>

  <div class="card mb-4 p-4 shadow-sm" style="border-left: 5px solid #0d6efd;">
    <h4 class="section-title" style="color: #0d6efd; font-weight: 600;">2. Copying Questions is Not Allowed</h4>
    <ul class="mb-0">
      <li>Do not highlight, right-click, or use keyboard shortcuts like <kbd>Ctrl+C</kbd>.</li>
      <li><strong>Any attempt to copy will result in skipping the current question.</strong></li>
    </ul>
  </div>

  <div class="card mb-4 p-4 shadow-sm" style="border-left: 5px solid #0d6efd;">
    <h4 class="section-title" style="color: #0d6efd; font-weight: 600;">3. One Attempt Per Participant</h4>
    <ul class="mb-0">
      <li>Each employee is allowed to participate only once.</li>
      <li>Re-entry or multiple attempts will lead to disqualification.</li>
    </ul>
  </div>

  <div class="card mb-4 p-4 shadow-sm" style="border-left: 5px solid #0d6efd;">
    <h4 class="section-title" style="color: #0d6efd; font-weight: 600;">4. Do Not Reload the Quiz Page</h4>
    <ul class="mb-0">
      <li>Once you've entered the quiz page, do not reload or refresh your browser.</li>
      <li><strong>Reloading may result in forced submission or loss of access.</strong></li>
    </ul>
  </div>

  <div class="alert warning-box mt-5 p-4" style="background-color: #fff3cd; color: #856404; border-left: 5px solid #ffc107;">
    <strong>⚠️ Final Note:</strong><br>
    By participating in the quiz, you agree to follow all rules listed above. Violations will be monitored, and penalties will be enforced.
  </div>
</div>
@endsection