Files
2026-09-16 23:20:08 +07:00

95 lines
3.8 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= $data['title'] ?? APP_NAME; ?></title>
<!-- Bootstrap 5.3 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8f9fa;
}
.navbar-brand {
font-weight: 700;
}
.sidebar {
min-height: calc(100vh - 56px);
background-color: #fff;
border-right: 1px solid #dee2e6;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="<?= APP_URL; ?>"><i class="bi bi-box-seam me-2"></i><?= APP_NAME; ?></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="<?= APP_URL; ?>">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="<?= APP_URL; ?>/assets">Assets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="<?= APP_URL; ?>/software">Software Licenses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="<?= APP_URL; ?>/settings">Settings</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<!-- Sidebar -->
<div class="col-md-3 col-lg-2 d-md-block sidebar collapse p-3">
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a class="nav-link active text-dark fw-medium" href="<?= APP_URL; ?>">
<i class="bi bi-speedometer2 me-2 text-primary"></i> Dashboard
</a>
</li>
<li class="nav-item mb-2">
<a class="nav-link text-dark" href="<?= APP_URL; ?>/procurement">
<i class="bi bi-cart3 me-2"></i> Procurement Plan
</a>
</li>
<li class="nav-item mb-2">
<a class="nav-link text-dark" href="<?= APP_URL; ?>/assets">
<i class="bi bi-pc-display me-2"></i> Materials & Equip.
</a>
</li>
<li class="nav-item mb-2">
<a class="nav-link text-dark" href="<?= APP_URL; ?>/software">
<i class="bi bi-windows me-2"></i> Software & Subs
</a>
</li>
<li class="nav-item mb-2">
<a class="nav-link text-dark" href="<?= APP_URL; ?>/reports">
<i class="bi bi-file-earmark-bar-graph me-2"></i> Reports
</a>
</li>
<hr>
<li class="nav-item mb-2">
<a class="nav-link text-dark" href="<?= APP_URL; ?>/audit">
<i class="bi bi-clock-history me-2"></i> Audit Logs
</a>
</li>
</ul>
</div>
<!-- Main Content -->
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 py-4">