<?php include_once('header.php'); ?>
 <!-- Main Content -->
      <main class="admin-content">
        <!-- Summary Cards -->
        <section class="summary-section">
          <div class="row g-3 g-xl-4">
            <div class="col-sm-6 col-xl-3">
              <article class="metric-card">
                <div class="metric-card__icon bg-primary-subtle text-primary"><i class="bi bi-people-fill"></i></div>
                <p>Total Students</p>
                <h3>12,480</h3>
                <span class="trend trend--up"><i class="bi bi-arrow-up-right"></i> 8.4% this month</span>
              </article>
            </div>
            <div class="col-sm-6 col-xl-3">
              <article class="metric-card">
                <div class="metric-card__icon bg-info-subtle text-info"><i class="bi bi-person-video3"></i></div>
                <p>Active Instructors</p>
                <h3>186</h3>
                <span class="trend trend--up"><i class="bi bi-arrow-up-right"></i> 3.2% this month</span>
              </article>
            </div>
            <div class="col-sm-6 col-xl-3">
              <article class="metric-card">
                <div class="metric-card__icon bg-success-subtle text-success"><i class="bi bi-cash-stack"></i></div>
                <p>Monthly Revenue</p>
                <h3>$84,920</h3>
                <span class="trend trend--up"><i class="bi bi-arrow-up-right"></i> 11.7% this month</span>
              </article>
            </div>
            <div class="col-sm-6 col-xl-3">
              <article class="metric-card">
                <div class="metric-card__icon bg-warning-subtle text-warning"><i class="bi bi-journal-check"></i></div>
                <p>Course Completion</p>
                <h3>78%</h3>
                <span class="trend trend--down"><i class="bi bi-arrow-down-right"></i> 1.1% this week</span>
              </article>
            </div>
          </div>
        </section>

        <!-- Revenue Chart Placeholder + Activity Table -->
        <section class="row g-3 g-xl-4">
          <div class="col-xl-7">
            <div class="panel-card h-100">
              <div class="panel-card__head">
                <h2>Revenue Overview</h2>
                <button class="btn btn-sm btn-outline-primary rounded-pill px-3">Export</button>
              </div>
              <div class="chart-placeholder" role="img" aria-label="Revenue chart placeholder">
                <div class="chart-placeholder__grid"></div>
                <div class="chart-placeholder__line"></div>
                <div class="chart-placeholder__note">Chart Integration Placeholder</div>
              </div>
            </div>
          </div>
          <div class="col-xl-5">
            <div class="panel-card h-100">
              <div class="panel-card__head">
                <h2>Recent Activity</h2>
                <a href="#" class="panel-card__link">View all</a>
              </div>
              <div class="table-responsive">
                <table class="table activity-table align-middle mb-0">
                  <thead>
                    <tr>
                      <th>Activity</th>
                      <th>Module</th>
                      <th>Time</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>New student enrolled</td>
                      <td>Students</td>
                      <td>5 min ago</td>
                    </tr>
                    <tr>
                      <td>Course published successfully</td>
                      <td>Courses</td>
                      <td>22 min ago</td>
                    </tr>
                    <tr>
                      <td>Quiz submission reviewed</td>
                      <td>Quizzes</td>
                      <td>1 hour ago</td>
                    </tr>
                    <tr>
                      <td>Certificate issued</td>
                      <td>Certificates</td>
                      <td>2 hours ago</td>
                    </tr>
                    <tr>
                      <td>New order completed</td>
                      <td>Orders</td>
                      <td>Today, 09:12 AM</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </section>
      </main>
    </div>
  </div>
<?php include_once('footer.php'); ?>