<?php
$role = 'statehead';
$page = 'tasks';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Statehead Tasks</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/pwa/assets/pwa_core.css">
    <link rel="stylesheet" href="/pwa/assets/pwa_header.css">
    <link rel="stylesheet" href="/pwa/assets/pwa_nav.css">
</head>
<body data-role="<?php echo $role; ?>" data-page="<?php echo $page; ?>">
<div class="pwa-app">
    <?php include __DIR__ . '/../components/pwa_header.php'; ?>
    <main class="pwa-content">

        <div class="pwa-card">
            <div class="pwa-card-header">
                <span>Tasks</span>
                <span class="pwa-card-meta">Dummy tasks</span>
            </div>
        </div>
        <div id="pwa-tasks-list"></div>

    </main>
    <?php include __DIR__ . '/../components/pwa_nav.php'; ?>
</div>
<script src="/pwa/assets/pwa_dummy_data.js"></script>
<script src="/pwa/assets/pwa_app.js"></script>
</body>
</html>
