<?php
session_start();
$role = 'statehead';
$page = 'followups';
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Add Follow-up – Statehead</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 Follow-up (Dummy)</span>
                <span class="pwa-card-meta">Form UI only</span>
            </div>
            <form>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Customer</label><br>
                    <input type="text" placeholder="Search / select customer" style="width:100%;padding:8px;border-radius:10px;border:1px solid #d0d7de;">
                </div>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Channel</label><br>
                    <select style="width:100%;padding:8px;border-radius:10px;border:1px solid #d0d7de;">
                        <option>Call</option>
                        <option>Visit</option>
                        <option>WhatsApp</option>
                        <option>SMS</option>
                        <option>Email</option>
                        <option>Other</option>
                    </select>
                </div>
                <div style="margin-bottom:10px;">
                    <label class="pwa-card-meta">Next Action On</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">Remarks</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:#F39C12;color:#34495E;font-weight:600;">
                    Save Follow-up (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>
