<?php
declare(strict_types=1);
$pageTitle = 'Foundations of List Building';
require_once __DIR__ . '/includes/header.php';
?>
  <main>
    <section class="hero">
      <div class="container hero-grid">
        <div class="panel">
          <span class="eyebrow">Module 1</span>
          <h1>Foundations of List Building</h1>
          <p class="lead">Start here with the basic structure, purpose, and strategy of list building.</p>
          <div class="btn-row">
            <a class="btn btn-primary" href="#content">Go to Content</a>
            <a class="btn btn-secondary" href="dashboard.php">Back to Dashboard</a>
          </div>
        </div>

        <aside class="panel">
          <h2>Module Layout</h2>
          <ul class="lesson-list" style="margin-top:0">
            <li>Video section placeholder</li>
            <li>Audio section placeholder</li>
            <li>PDF download placeholder</li>
            <li>Quiz placeholder</li>
          </ul>
        </aside>
      </div>
    </section>

    <section class="section" id="content">
      <div class="container grid-2">
        <div class="panel video-box">
          <h2>Video Placeholder</h2>
          <p class="muted">Upload your MP4 file to <code class="inline">assets/videos/</code> and replace the sample file name below.</p>
          <video controls width="100%">
            <source src="assets/videos/sample-video.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </div>

        <div class="panel resource-box">
          <h2>Audio Placeholder</h2>
          <p class="muted">Upload your MP3 file to <code class="inline">assets/audio/</code> and replace the sample file name below.</p>
          <audio controls style="width:100%;">
            <source src="assets/audio/sample-audio.mp3" type="audio/mpeg">
            Your browser does not support the audio tag.
          </audio>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container grid-2">
        <div class="panel resource-box">
          <h2>PDF Download Placeholder</h2>
          <p class="muted">Upload your PDF to <code class="inline">assets/pdfs/</code> and replace the sample file name below.</p>
          <div class="resource-links" style="grid-template-columns:1fr;">
            <a href="assets/pdfs/sample-guide.pdf" target="_blank" rel="noopener">Open PDF Guide</a>
          </div>
        </div>

        <div class="panel quiz-box">
          <h2>Quiz Placeholder</h2>
          <p class="muted">This area is ready for a future quiz, worksheet, or lesson questions.</p>
          <ul class="lesson-list">
            <li>Question 1 placeholder</li>
            <li>Question 2 placeholder</li>
            <li>Question 3 placeholder</li>
          </ul>
        </div>
      </div>
    </section>
  </main>
<?php require_once __DIR__ . '/includes/footer.php'; ?>
