<?php
// admin_layout_top.php

if (session_status() === PHP_SESSION_NONE) {
    session_start();
}

// 🔐 Security check
if (!isset($_SESSION['institution_id'])) {
    header("Location: /rs_lab/admin/login.php");
    exit;
}

$institutionName = $_SESSION['institution_name'] ?? 'Institution';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>RS Learning Lab – Admin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Feather Icons -->
    <link href="https://unpkg.com/feather-icons/dist/feather.css" rel="stylesheet">

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

    <style>
        body {
            font-family: 'Inter', sans-serif;
            background: #f5f7fb;
            color: #1f2937;
        }

        /* Top Bar */
        .topbar {
            background: linear-gradient(90deg, #5a5af0, #6a67f7);
            color: #fff;
            padding: 18px 28px;
            box-shadow: 0 6px 20px rgba(0,0,0,0.08);
        }

        .topbar h4 {
            font-weight: 700;
            margin-bottom: 2px;
        }

        .topbar small {
            opacity: 0.9;
        }

        /* Cards */
        .card-soft {
            background: #ffffff;
            border-radius: 18px;
            padding: 26px;
            box-shadow: 0 12px 30px rgba(0,0,0,0.06);
            margin-bottom: 24px;
        }

        /* Action cards */
        .action-card {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .icon-box {
            width: 52px;
            height: 52px;
            background: #eef2ff;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #5a5af0;
        }

        .action-card h6 {
            margin: 0;
            font-weight: 600;
        }

        .action-card p {
            margin: 0;
            font-size: 14px;
            color: #6b7280;
        }

        /* Buttons */
        .btn-primary-soft {
            background: #eef2ff;
            color: #5a5af0;
            border: none;
            font-weight: 500;
        }

        .btn-primary-soft:hover {
            background: #e0e7ff;
            color: #4f46e5;
        }

        /* Tables */
        table thead th {
            font-weight: 600;
            color: #374151;
        }

        table tbody td {
            color: #4b5563;
        }
    </style>
</head>
<body>

<!-- Top Navigation -->
<div class="topbar d-flex justify-content-between align-items-center">
    <div>
        <h4>RS Learning Lab</h4>
        <small>Admin Dashboard</small>
    </div>

    <div class="d-flex align-items-center gap-3">
        <span class="fw-medium"><?= htmlspecialchars($institutionName) ?></span>
        <a href="/rs_lab/admin/logout.php" class="btn btn-light btn-sm">Logout</a>
    </div>
</div>

<!-- Page Container -->
<div class="container py-4">
