<?php
require_once __DIR__ . '/../config/app.php';
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo SYSTEM_NAME; ?> - <?php echo SYSTEM_TAGLINE; ?></title>

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

    <!-- Universal Style (ONLY ONE CSS SOURCE) -->
    <link rel="stylesheet" href="/core/assets/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<script>
document.getElementById('sidebarCollapseBtn').addEventListener('click', function(){
    document.getElementById('sidebar').classList.toggle('collapsed');
});
</script>

<body>

<div class="top-header">
    <button id="sidebarCollapseBtn" class="btn-light">
    <i class="fa fa-bars"></i>
</button>
    <button class="hamburger" id="sidebarToggle" aria-label="Toggle menu">☰</button>

    <div class="system-branding">
        <div class="system-name" style="color:var(--edm-orange); font-weight:600; font-size:20px;">
            <?php echo SYSTEM_NAME; ?>
        </div>

        <div class="system-tagline" style="font-size:11px; color:#888;">
            <?php echo SYSTEM_TAGLINE; ?>
        </div>
    </div>
</div>

<!-- Mobile overlay (must exist in HTML) -->
<div class="sidebar-overlay" id="sidebarOverlay"></div>

<!-- Layout wrapper -->
<div class="layout-wrapper">
