<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic Dashboard</title>
<!-- Google Fonts & Material Icons -->
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<h1 id="dashboard-title">Loading Dashboard...</h1>
</header>
<main id="dashboard-container">
<!-- Widgets will be dynamically injected here by JavaScript -->
</main>
<!-- Custom JS -->
<script src="js/dashboard.js"></script>
</body>
</html>