<?php
session_start();
$role = 'solar';
$page = 'tasks';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Add Task – Solar</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">

    <link rel="stylesheet" href="/pwa/assets/pwa_fab.css">
    <link rel="stylesheet" href="/pwa/assets/pwa_filters.css">
    <link rel="stylesheet" href="/pwa/assets/pwa_customer_view.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>Add Task (Dummy)</span>
                <span class="pwa-card-meta">Form UI only</span>
            </div>
            <form>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Title</label><br>
                    <input type="text" style="width:100%;padding:8px;border-radius:10px;border:1px solid #d0d7de;">
                </div>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Due Date</label><br>
                    <input type="date" style="width:100%;padding:8px;border-radius:10px;border:1px solid #d0d7de;">
                </div>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Priority</label><br>
                    <select style="width:100%;padding:8px;border-radius:10px;border:1px solid #d0d7de;">
                        <option>Low</option>
                        <option>Medium</option>
                        <option>High</option>
                        <option>Critical</option>
                    </select>
                </div>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Notes</label><br>
                    <textarea rows="3" style="width:100%;padding:8px;border-radius:10px;border:1px solid #d0d7de;"></textarea>
                </div>
                <button type="button" style="width:100%;padding:10px;border-radius:999px;border:none;background:#16A085;color:#ffffff;font-weight:600;">
                    Save Task (Dummy)
                </button>
            </form>
        </div>

    </main>
    <?php include __DIR__ . '/../components/pwa_nav.php'; ?>
</div>

<script src="/pwa/assets/pwa_dummy_data.js"></script>
<script src="/pwa/assets/pwa_filters.js"></script>
<script src="/pwa/assets/pwa_customer_view.js"></script>
<script src="/pwa/assets/pwa_app.js"></script>


</body>
</html>
