<?php
include_once('header.php');
?>



  <main class="main-content">
    <div class="page-head">
      <div>
        <h1>Welcome back, Kavin</h1>
        <p>Continue your fun lessons, earn points, and explore new activities.</p>
      </div>
      <a href="#" class="btn btn-primary rounded-pill px-3"><i class="bi bi-play-fill me-1"></i>Continue Learning</a>
    </div>

    <section class="summary-grid row g-3 g-md-4 mb-4">
      <div class="col-sm-6 col-xl-3">
        <article class="summary-card">
          <div class="summary-card__icon bg-primary-subtle text-primary"><i class="bi bi-journal-check"></i></div>
          <p>Active Lessons</p>
          <h3>06</h3>
        </article>
      </div>
      <div class="col-sm-6 col-xl-3">
        <article class="summary-card">
          <div class="summary-card__icon bg-info-subtle text-info"><i class="bi bi-list-task"></i></div>
          <p>Pending Tasks</p>
          <h3>04</h3>
        </article>
      </div>
      <div class="col-sm-6 col-xl-3">
        <article class="summary-card">
          <div class="summary-card__icon bg-success-subtle text-success"><i class="bi bi-award"></i></div>
          <p>Badges Earned</p>
          <h3>12</h3>
        </article>
      </div>
      <div class="col-sm-6 col-xl-3">
        <article class="summary-card">
          <div class="summary-card__icon bg-warning-subtle text-warning"><i class="bi bi-chat-dots"></i></div>
          <p>New Messages</p>
          <h3>03</h3>
        </article>
      </div>
    </section>

    <section class="content-card">
      <div class="content-card__head">
        <h2>Recent Lessons</h2>
        <a href="#" class="link-primary text-decoration-none fw-semibold">View All</a>
      </div>
      <div class="table-responsive">
        <table class="table recent-table align-middle mb-0">
          <thead>
            <tr>
              <th>Lesson</th>
              <th>Mentor</th>
              <th>Progress</th>
              <th>Last Activity</th>
              <th>Status</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Creative Coding Basics</td>
              <td>Ms. Anika</td>
              <td><div class="progress progress-sm"><div class="progress-bar" style="width: 68%;"></div></div></td>
              <td>1 hour ago</td>
              <td><span class="badge-soft badge-soft--primary">In Progress</span></td>
            </tr>
            <tr>
              <td>Junior Robotics Lab</td>
              <td>Mr. Rahul</td>
              <td><div class="progress progress-sm"><div class="progress-bar" style="width: 45%;"></div></div></td>
              <td>Yesterday</td>
              <td><span class="badge-soft badge-soft--info">Ongoing</span></td>
            </tr>
            <tr>
              <td>Math Adventures</td>
              <td>Ms. Priya</td>
              <td><div class="progress progress-sm"><div class="progress-bar" style="width: 100%;"></div></div></td>
              <td>2 days ago</td>
              <td><span class="badge-soft badge-soft--success">Completed</span></td>
            </tr>
          </tbody>
        </table>
      </div>
    </section>
  </main>

<?php include_once('footer.php'); ?>
