<?php
$instructorPageTitle = "Instructor Dashboard";
include_once("header.php");
?>

 <main class="main-content">
      <div class="page-head">
        <div>
          <h1>Welcome back, Alex</h1>
          <p>Track your progress, continue courses, and manage your learning journey.</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 Courses</p>
            <h3>08</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 Assignments</p>
            <h3>05</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>Certificates</p>
            <h3>03</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>Unread Messages</p>
            <h3>07</h3>
          </article>
        </div>
      </section>

      <section class="content-card">
        <div class="content-card__head">
          <h2>Recent Courses</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>Course</th>
                <th>Instructor</th>
                <th>Progress</th>
                <th>Last Activity</th>
                <th>Status</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Full Stack Web Development</td>
                <td>James Cooper</td>
                <td>
                  <div class="progress progress-sm">
                    <div class="progress-bar" style="width: 72%;"></div>
                  </div>
                </td>
                <td>2 hours ago</td>
                <td><span class="badge-soft badge-soft--primary">In Progress</span></td>
              </tr>
              <tr>
                <td>Data Analytics with Python</td>
                <td>David Kim</td>
                <td>
                  <div class="progress progress-sm">
                    <div class="progress-bar" style="width: 46%;"></div>
                  </div>
                </td>
                <td>Yesterday</td>
                <td><span class="badge-soft badge-soft--info">Ongoing</span></td>
              </tr>
              <tr>
                <td>Business Strategy Masterclass</td>
                <td>Sophia Patel</td>
                <td>
                  <div class="progress progress-sm">
                    <div class="progress-bar" style="width: 100%;"></div>
                  </div>
                </td>
                <td>3 days ago</td>
                <td><span class="badge-soft badge-soft--success">Completed</span></td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>
    </main>
  </div>

<div id="welcomePopup" class="welcome-popup" style="display:none;">
<div class="popup-box">

<h4>🎉 Welcome Back!</h4>

<a href="dashboard.php"> <button>Continue</button> </a>

</div>
</div>



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