Merge pull request 'Dev' (#99) from dev into main

Reviewed-on: #99

api/planner.php

@@ -87,6 +87,419 @@ try {
         exit;
     }
 
+    // 1d. Snelle Bullet Notities ophalen
+    if ($action === 'get_bullets') {
+        $date = $_GET['date'] ?? $today;
+        
+        $stmt = $db->prepare("
+            SELECT b.*, t.time_block_start as live_start, t.time_block_end as live_end, t.status as task_status
+            FROM dashboard_bullets b
+            LEFT JOIN tasks t ON b.scheduled_task_id = t.id
+            WHERE b.user_id = ? AND b.plan_date = ?
+            ORDER BY b.position ASC, b.id ASC
+        ");
+        $stmt->execute([$user['id'], $date]);
+        $bullets = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+        // Tel openstaande items van eerdere dagen
+        $stmtPast = $db->prepare("
+            SELECT COUNT(*) FROM dashboard_bullets
+            WHERE user_id = ? AND plan_date < ? AND is_completed = 0
+        ");
+        $stmtPast->execute([$user['id'], $date]);
+        $pastOpenCount = (int)$stmtPast->fetchColumn();
+
+        echo json_encode([
+            'success' => true,
+            'bullets' => $bullets,
+            'past_open_count' => $pastOpenCount
+        ]);
+        exit;
+    }
+
+    // 1e. Bullet notitie toevoegen
+    if ($action === 'add_bullet') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $date = !empty($data['date']) ? trim($data['date']) : $today;
+        $content = trim($data['content'] ?? '');
+
+        if ($content === '') {
+            echo json_encode(['success' => false, 'error' => 'Notitie mag niet leeg zijn']);
+            exit;
+        }
+
+        // Bepaal positie
+        $stmtPos = $db->prepare("SELECT COALESCE(MAX(position), 0) + 1 FROM dashboard_bullets WHERE user_id = ? AND plan_date = ?");
+        $stmtPos->execute([$user['id'], $date]);
+        $pos = (int)$stmtPos->fetchColumn();
+
+        $stmt = $db->prepare("
+            INSERT INTO dashboard_bullets (user_id, plan_date, content, position)
+            VALUES (?, ?, ?, ?)
+        ");
+        $stmt->execute([$user['id'], $date, $content, $pos]);
+        $bulletId = (int)$db->lastInsertId();
+
+        $stmtFetch = $db->prepare("SELECT * FROM dashboard_bullets WHERE id = ?");
+        $stmtFetch->execute([$bulletId]);
+        $newBullet = $stmtFetch->fetch(PDO::FETCH_ASSOC);
+
+        echo json_encode([
+            'success' => true,
+            'bullet' => $newBullet
+        ]);
+        exit;
+    }
+
+    // 1f. Bullet notitie status wisselen (afvinken / openen)
+    if ($action === 'toggle_bullet') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $bulletId = (int)($data['bullet_id'] ?? 0);
+        $isCompleted = !empty($data['is_completed']) ? 1 : 0;
+
+        $stmt = $db->prepare("UPDATE dashboard_bullets SET is_completed = ? WHERE id = ? AND user_id = ?");
+        $stmt->execute([$isCompleted, $bulletId, $user['id']]);
+
+        // Als er een gekoppelde taak is, werk de status daarvan ook bij
+        $stmtCheck = $db->prepare("SELECT scheduled_task_id FROM dashboard_bullets WHERE id = ? AND user_id = ?");
+        $stmtCheck->execute([$bulletId, $user['id']]);
+        $taskId = (int)$stmtCheck->fetchColumn();
+
+        if ($taskId > 0) {
+            $taskStatus = $isCompleted ? 'DONE' : 'TODO';
+            $stmtTask = $db->prepare("UPDATE tasks SET is_completed = ?, status = ? WHERE id = ? AND user_id = ?");
+            $stmtTask->execute([$isCompleted, $taskStatus, $taskId, $user['id']]);
+        }
+
+        echo json_encode(['success' => true, 'is_completed' => $isCompleted]);
+        exit;
+    }
+
+    // 1g. Bullet notitie bewerken
+    if ($action === 'update_bullet') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $bulletId = (int)($data['bullet_id'] ?? 0);
+        $content = trim($data['content'] ?? '');
+
+        if ($content === '') {
+            echo json_encode(['success' => false, 'error' => 'Inhoud mag niet leeg zijn']);
+            exit;
+        }
+
+        $stmt = $db->prepare("UPDATE dashboard_bullets SET content = ? WHERE id = ? AND user_id = ?");
+        $stmt->execute([$content, $bulletId, $user['id']]);
+
+        // Indien gekoppeld aan taak, werk ook taaktitel bij
+        $stmtCheck = $db->prepare("SELECT scheduled_task_id FROM dashboard_bullets WHERE id = ? AND user_id = ?");
+        $stmtCheck->execute([$bulletId, $user['id']]);
+        $taskId = (int)$stmtCheck->fetchColumn();
+        if ($taskId > 0) {
+            $stmtTask = $db->prepare("UPDATE tasks SET title = ? WHERE id = ? AND user_id = ?");
+            $stmtTask->execute([$content, $taskId, $user['id']]);
+        }
+
+        echo json_encode(['success' => true]);
+        exit;
+    }
+
+    // 1h. Bullet notitie verwijderen
+    if ($action === 'delete_bullet') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $bulletId = (int)($data['bullet_id'] ?? 0);
+        $deleteTask = !empty($data['delete_task']);
+
+        // Check voor gekoppelde taak
+        $stmtCheck = $db->prepare("SELECT scheduled_task_id FROM dashboard_bullets WHERE id = ? AND user_id = ?");
+        $stmtCheck->execute([$bulletId, $user['id']]);
+        $taskId = (int)$stmtCheck->fetchColumn();
+
+        if ($taskId > 0 && $deleteTask) {
+            // Verwijder eventuele Outlook afspraak
+            $stmtTask = $db->prepare("SELECT external_id FROM tasks WHERE id = ? AND user_id = ?");
+            $stmtTask->execute([$taskId, $user['id']]);
+            $externalId = $stmtTask->fetchColumn();
+            if (!empty($externalId) && function_exists('microsoft_delete_event')) {
+                try {
+                    microsoft_delete_event($user['id'], $externalId);
+                } catch (Throwable $e) {}
+            }
+            $stmtDelTask = $db->prepare("DELETE FROM tasks WHERE id = ? AND user_id = ?");
+            $stmtDelTask->execute([$taskId, $user['id']]);
+        }
+
+        $stmt = $db->prepare("DELETE FROM dashboard_bullets WHERE id = ? AND user_id = ?");
+        $stmt->execute([$bulletId, $user['id']]);
+
+        echo json_encode(['success' => true]);
+        exit;
+    }
+
+    // 1i. Bullet inplannen in agenda / vrij blok
+    if ($action === 'schedule_bullet') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $bulletId = (int)($data['bullet_id'] ?? 0);
+        $date = !empty($data['date']) ? trim($data['date']) : $today;
+        $title = !empty($data['title']) ? trim($data['title']) : '';
+        $startTime = !empty($data['start_time']) ? trim($data['start_time']) : '';
+        $endTime = !empty($data['end_time']) ? trim($data['end_time']) : '';
+        $duration = max(5, (int)($data['duration_minutes'] ?? 30));
+        $priority = in_array($data['priority'] ?? '', ['P1', 'P2', 'P3']) ? $data['priority'] : 'P2';
+        $syncOutlook = !empty($data['sync_to_outlook']);
+
+        // Haal bullet op
+        $stmtB = $db->prepare("SELECT * FROM dashboard_bullets WHERE id = ? AND user_id = ?");
+        $stmtB->execute([$bulletId, $user['id']]);
+        $bullet = $stmtB->fetch(PDO::FETCH_ASSOC);
+        if (!$bullet) {
+            echo json_encode(['success' => false, 'error' => 'Notitie niet gevonden']);
+            exit;
+        }
+
+        if (empty($title)) {
+            $title = $bullet['content'];
+        }
+
+        if (empty($startTime)) {
+            echo json_encode(['success' => false, 'error' => 'Kies een starttijd voor het agendablok']);
+            exit;
+        }
+
+        if (empty($endTime)) {
+            $dtEnd = new DateTime("{$date} {$startTime}:00", new DateTimeZone('Europe/Amsterdam'));
+            $dtEnd->modify("+{$duration} minutes");
+            $endTime = $dtEnd->format('H:i');
+        }
+
+        // Zorg dat daily_plan bestaat
+        $stmtPlan = $db->prepare("
+            INSERT INTO daily_plans (user_id, plan_date)
+            VALUES (?, ?)
+            ON DUPLICATE KEY UPDATE id=LAST_INSERT_ID(id)
+        ");
+        $stmtPlan->execute([$user['id'], $date]);
+        $planId = (int)$db->lastInsertId();
+
+        $source = 'FOCIZ';
+        $externalId = null;
+        $externalUrl = null;
+        $outlookSyncMsg = null;
+
+        // Microsoft Outlook synchronisatie
+        if ($syncOutlook) {
+            require_once __DIR__ . '/../includes/integrations/microsoft.php';
+            try {
+                $msResult = microsoft_create_event($user['id'], [
+                    'subject'          => $title,
+                    'description'      => "Ingepland vanuit Snelle Notities / Bullet Todo's",
+                    'date'             => $date,
+                    'start_time'       => $startTime,
+                    'end_time'         => $endTime,
+                    'duration_minutes' => $duration,
+                ]);
+                if (!empty($msResult['success']) && !empty($msResult['event_id'])) {
+                    $source = 'OUTLOOK';
+                    $externalId = $msResult['event_id'];
+                    $externalUrl = $msResult['web_link'] ?? null;
+                    $outlookSyncMsg = 'Succesvol gesynchroniseerd met Microsoft Outlook agenda.';
+                }
+            } catch (Throwable $e) {}
+        }
+
+        $taskId = (int)($bullet['scheduled_task_id'] ?? 0);
+        if ($taskId > 0) {
+            // Update bestaande taak
+            $stmtUpdateTask = $db->prepare("
+                UPDATE tasks
+                SET daily_plan_id = ?, title = ?, priority = ?, time_block_start = ?, time_block_end = ?, duration_minutes = ?, source = ?, external_id = COALESCE(?, external_id), external_url = COALESCE(?, external_url)
+                WHERE id = ? AND user_id = ?
+            ");
+            $stmtUpdateTask->execute([$planId, $title, $priority, $startTime, $endTime, $duration, $source, $externalId, $externalUrl, $taskId, $user['id']]);
+        } else {
+            // Nieuwe taak aanmaken
+            $stmtInsertTask = $db->prepare("
+                INSERT INTO tasks (user_id, daily_plan_id, title, description, priority, time_block_start, time_block_end, duration_minutes, status, source, external_id, external_url)
+                VALUES (?, ?, ?, 'Ingepland vanuit Snelle Notities', ?, ?, ?, ?, 'TODO', ?, ?, ?)
+            ");
+            $stmtInsertTask->execute([$user['id'], $planId, $title, $priority, $startTime, $endTime, $duration, $source, $externalId, $externalUrl]);
+            $taskId = (int)$db->lastInsertId();
+        }
+
+        // Update de bullet record
+        $stmtUpdateB = $db->prepare("
+            UPDATE dashboard_bullets
+            SET scheduled_task_id = ?, scheduled_date = ?, scheduled_start_time = ?, scheduled_end_time = ?
+            WHERE id = ? AND user_id = ?
+        ");
+        $stmtUpdateB->execute([$taskId, $date, $startTime, $endTime, $bulletId, $user['id']]);
+
+        echo json_encode([
+            'success' => true,
+            'task_id' => $taskId,
+            'scheduled_date' => $date,
+            'scheduled_start_time' => $startTime,
+            'scheduled_end_time' => $endTime,
+            'outlook_message' => $outlookSyncMsg
+        ]);
+        exit;
+    }
+
+    // 1j. Bullet uit agenda halen
+    if ($action === 'unschedule_bullet') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $bulletId = (int)($data['bullet_id'] ?? 0);
+
+        $stmtB = $db->prepare("SELECT scheduled_task_id FROM dashboard_bullets WHERE id = ? AND user_id = ?");
+        $stmtB->execute([$bulletId, $user['id']]);
+        $taskId = (int)$stmtB->fetchColumn();
+
+        if ($taskId > 0) {
+            $stmtTask = $db->prepare("SELECT external_id FROM tasks WHERE id = ? AND user_id = ?");
+            $stmtTask->execute([$taskId, $user['id']]);
+            $externalId = $stmtTask->fetchColumn();
+            if (!empty($externalId) && function_exists('microsoft_delete_event')) {
+                try {
+                    microsoft_delete_event($user['id'], $externalId);
+                } catch (Throwable $e) {}
+            }
+            $stmtDel = $db->prepare("DELETE FROM tasks WHERE id = ? AND user_id = ?");
+            $stmtDel->execute([$taskId, $user['id']]);
+        }
+
+        $stmtUpdate = $db->prepare("
+            UPDATE dashboard_bullets
+            SET scheduled_task_id = NULL, scheduled_date = NULL, scheduled_start_time = NULL, scheduled_end_time = NULL
+            WHERE id = ? AND user_id = ?
+        ");
+        $stmtUpdate->execute([$bulletId, $user['id']]);
+
+        echo json_encode(['success' => true]);
+        exit;
+    }
+
+    // 1k. Openstaande bullets van eerdere dagen overnemen naar geselecteerde dag
+    if ($action === 'carryover_bullets') {
+        $data = json_decode(file_get_contents('php://input'), true);
+        $targetDate = !empty($data['target_date']) ? trim($data['target_date']) : $today;
+
+        // Verplaats alle openstaande notities van eerdere dagen naar targetDate
+        $stmt = $db->prepare("
+            UPDATE dashboard_bullets
+            SET plan_date = ?
+            WHERE user_id = ? AND plan_date < ? AND is_completed = 0
+        ");
+        $stmt->execute([$targetDate, $user['id'], $targetDate]);
+        $movedCount = $stmt->rowCount();
+
+        echo json_encode(['success' => true, 'moved_count' => $movedCount]);
+        exit;
+    }
+
+    // 1l. Haal alle beschikbare vrije agendablokken op voor een specifieke dag
+    if ($action === 'get_day_free_slots') {
+        $targetDate = $_GET['date'] ?? $today;
+        $duration = max(5, (int)($_GET['duration_minutes'] ?? 30));
+
+        $workdaySettings = get_workday_settings();
+        $workdayStartStr = $workdaySettings['workday_start'] ?? '08:30';
+        $workdayEndStr   = $workdaySettings['workday_end'] ?? '17:00';
+        $lunchStartStr   = $workdaySettings['lunch_start'] ?? '12:30';
+        $lunchEndStr     = $workdaySettings['lunch_end'] ?? '13:00';
+
+        $toMins = function(string $timeStr): int {
+            $parts = explode(':', trim($timeStr));
+            return ((int)($parts[0] ?? 0) * 60) + (int)($parts[1] ?? 0);
+        };
+        $toTimeStr = function(int $mins): string {
+            $h = (int)floor($mins / 60);
+            $m = $mins % 60;
+            return sprintf('%02d:%02d', $h, $m);
+        };
+
+        $workdayStartMin = $toMins($workdayStartStr);
+        $workdayEndMin   = $toMins($workdayEndStr);
+        $lunchStartMin   = $toMins($lunchStartStr);
+        $lunchEndMin     = $toMins($lunchEndStr);
+
+        $tz = new DateTimeZone('Europe/Amsterdam');
+        $now = new DateTime('now', $tz);
+        $isToday = ($targetDate === $now->format('Y-m-d'));
+
+        // Starttijd afronden naar kwartier
+        $earliestMin = $workdayStartMin;
+        if ($isToday) {
+            $nowMin = ((int)$now->format('G') * 60) + (int)$now->format('i');
+            if ($nowMin % 15 !== 0) {
+                $nowMin = (int)(ceil($nowMin / 15) * 15);
+            }
+            $earliestMin = max($workdayStartMin, $nowMin);
+        }
+
+        $busyIntervals = [];
+        if ($lunchEndMin > $lunchStartMin) {
+            $busyIntervals[] = [$lunchStartMin, $lunchEndMin];
+        }
+
+        // Taken op deze dag
+        $stmtTasks = $db->prepare("
+            SELECT time_block_start, time_block_end, duration_minutes
+            FROM tasks t
+            INNER JOIN daily_plans dp ON t.daily_plan_id = dp.id
+            WHERE t.user_id = ? AND dp.plan_date = ? AND t.time_block_start IS NOT NULL AND t.time_block_start != '' AND t.status != 'CANCELLED'
+        ");
+        $stmtTasks->execute([$user['id'], $targetDate]);
+        while ($t = $stmtTasks->fetch()) {
+            $tStart = $toMins($t['time_block_start']);
+            $tDur = (int)($t['duration_minutes'] ?: 30);
+            $tEnd = !empty($t['time_block_end']) ? $toMins($t['time_block_end']) : ($tStart + $tDur);
+            if ($tEnd > $tStart) {
+                $busyIntervals[] = [$tStart, $tEnd];
+            }
+        }
+
+        // Outlook afspraken
+        if (function_exists('microsoft_fetch_events')) {
+            try {
+                $outlookEvents = microsoft_fetch_events($user['id'], $targetDate, false);
+                foreach ($outlookEvents as $oe) {
+                    if (!empty($oe['is_all_day'])) continue;
+                    if (empty($oe['start']) || empty($oe['end'])) continue;
+                    $oStart = $toMins($oe['start']);
+                    $oEnd = $toMins($oe['end']);
+                    if ($oEnd > $oStart) {
+                        $busyIntervals[] = [$oStart, $oEnd];
+                    }
+                }
+            } catch (Throwable $e) {}
+        }
+
+        $freeSlots = [];
+        for ($slotStart = $earliestMin; ($slotStart + $duration) <= $workdayEndMin; $slotStart += 15) {
+            $slotEnd = $slotStart + $duration;
+            $collision = false;
+            foreach ($busyIntervals as [$bStart, $bEnd]) {
+                if ($slotStart < $bEnd && $slotEnd > $bStart) {
+                    $collision = true;
+                    break;
+                }
+            }
+            if (!$collision) {
+                $freeSlots[] = [
+                    'start' => $toTimeStr($slotStart),
+                    'end'   => $toTimeStr($slotEnd),
+                    'label' => $toTimeStr($slotStart) . ' - ' . $toTimeStr($slotEnd)
+                ];
+            }
+        }
+
+        echo json_encode([
+            'success' => true,
+            'date' => $targetDate,
+            'duration_minutes' => $duration,
+            'free_slots' => $freeSlots
+        ]);
+        exit;
+    }
+
     // 2. Taak toevoegen
     if ($action === 'add_task') {
         $data = json_decode(file_get_contents('php://input'), true);

config/.env

@@ -1,17 +1,17 @@
 # =========================================================================
-# FOCIZ CONFIGURATIE — LIVE PRODUCTIE (www.fociz.nl)
+# FOCIZ CONFIGURATIE — DEVELOPMENT OMGEVING (dev.fociz.nl)
 # =========================================================================
 
 # MariaDB Verbinding
 DB_HOST="192.168.2.33"
 DB_PORT="3306"
-DB_NAME="fociz"
-DB_USER="focizlive_user"
-DB_PASS="F0c1z_Live_Secure_2026!"
+DB_NAME="focizdev"
+DB_USER="focizdev_user"
+DB_PASS="F0c1z_Dev_Secure_2026!"
 
 # Omgeving & URL
-APP_ENV="live"
-APP_URL="https://www.fociz.nl"
+APP_ENV="development"
+APP_URL="https://dev.fociz.nl"
 
 # Applicatie Geheime Sleutel (voor tokenversleuteling & OAuth state)
 APP_SECRET="fociz-maria-db-super-secret-key-998877"
@@ -26,8 +26,8 @@ SMTP_USER="info@fociz.nl"
 SMTP_PASS="6swpQSBg5uWFmjar7F6a"
 SMTP_SECURE="tls"
 SMTP_FROM_EMAIL="info@fociz.nl"
-SMTP_FROM_NAME="Fociz"
+SMTP_FROM_NAME="Fociz Dev"
 SMTP_REPLY_TO="info@fociz.nl"
 
 # Webhooks (optioneel)
-JIRA_WEBHOOK_SECRET="fociz_webhook_live_2026"
+JIRA_WEBHOOK_SECRET="fociz_webhook_dev_2026"

config/database.php

@@ -190,6 +190,8 @@ function ensure_tables_exist(PDO $pdo): void {
             "ALTER TABLE brainstorm_cards ADD COLUMN scheduled_end_time VARCHAR(10) NULL AFTER scheduled_start_time",
             "ALTER TABLE brainstorm_cards ADD COLUMN scheduled_task_id INT NULL AFTER scheduled_end_time",
             "ALTER TABLE brainstorm_cards ADD INDEX idx_bc_assignee (assignee_id)",
+            // Dashboard Snelle Bullet Notities & Todo Lijst
+            "CREATE TABLE IF NOT EXISTS `dashboard_bullets` (`id` INT AUTO_INCREMENT PRIMARY KEY, `user_id` INT NOT NULL, `plan_date` DATE NOT NULL, `content` VARCHAR(500) NOT NULL, `is_completed` TINYINT(1) NOT NULL DEFAULT 0, `position` INT NOT NULL DEFAULT 0, `scheduled_task_id` INT NULL, `scheduled_date` DATE NULL, `scheduled_start_time` VARCHAR(10) NULL, `scheduled_end_time` VARCHAR(10) NULL, `created_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP, `updated_at` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP, INDEX (`user_id`, `plan_date`), INDEX (`scheduled_task_id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci",
         ];
         foreach ($colUpgrades as $sql) {
             try {

planner.php

@@ -244,6 +244,32 @@ try {
     error_log("Fout bij ophalen planned external IDs: " . $e->getMessage());
 }
 
+// 3c. Haal snelle bullet notities / todo's op voor de geselecteerde dag
+$dashboardBullets = [];
+$pastOpenBulletsCount = 0;
+try {
+    $stmtBullets = $db->prepare("
+        SELECT b.*, t.time_block_start as live_start, t.time_block_end as live_end, t.status as task_status
+        FROM dashboard_bullets b
+        LEFT JOIN tasks t ON b.scheduled_task_id = t.id
+        WHERE b.user_id = ? AND b.plan_date = ?
+        ORDER BY b.position ASC, b.id ASC
+    ");
+    $stmtBullets->execute([$userId, $selectedDate]);
+    $dashboardBullets = $stmtBullets->fetchAll() ?: [];
+
+    // Tel openstaande items van eerdere dagen
+    $stmtPastBullets = $db->prepare("
+        SELECT COUNT(*) FROM dashboard_bullets 
+        WHERE user_id = ? AND plan_date < ? AND is_completed = 0
+    ");
+    $stmtPastBullets->execute([$userId, $selectedDate]);
+    $pastOpenBulletsCount = (int)$stmtPastBullets->fetchColumn();
+} catch (Throwable $e) {
+    error_log("Fout bij ophalen dashboard bullets: " . $e->getMessage());
+    ensure_tables_exist($db);
+}
+
 // 4. Haal weekstatistieken voor taken op (aantal per dag)
 $weekTaskStats = [];
 try {
@@ -311,7 +337,7 @@ $availableWidgets = [
     'outlook_mail'      => ['id' => 'outlook_mail', 'title' => 'Outlook E-mail Widget', 'category' => 'Communicatie', 'icon' => 'mail', 'enabled' => true, 'col_span' => 6, 'order' => 4, 'desc' => 'Inkomende e-mails direct inzien en met 1 klik inplannen als taak'],
     'jira_queue'        => ['id' => 'jira_queue', 'title' => 'Jira Tickets', 'category' => 'Ontwikkeling', 'icon' => 'layers', 'enabled' => true, 'col_span' => 6, 'order' => 5, 'desc' => 'Openstaande Jira tickets met directe importknop'],
     'calendar_meetings' => ['id' => 'calendar_meetings', 'title' => 'Agenda & Teams Meetings', 'category' => 'Agenda', 'icon' => 'video', 'enabled' => true, 'col_span' => 6, 'order' => 6, 'desc' => 'Vandaag geplande afspraken met 1-klik Teams deelnemen knop'],
-    'scratchpad'        => ['id' => 'scratchpad', 'title' => 'Dagnotities & Kladblok', 'category' => 'Productiviteit', 'icon' => 'edit-3', 'enabled' => true, 'col_span' => 6, 'order' => 7, 'desc' => 'Vrij notitieblok met automatische achtergrond-opslag'],
+    'scratchpad'        => ['id' => 'scratchpad', 'title' => 'Snelle Notities & Bullet Todo\'s', 'category' => 'Productiviteit', 'icon' => 'check-square', 'enabled' => true, 'col_span' => 6, 'order' => 7, 'desc' => 'Snel notities en bullet actiepunten vastleggen en inplannen in een agendablok'],
     'stats'             => ['id' => 'stats', 'title' => 'Productiviteit & KPI\'s', 'category' => 'Inzicht', 'icon' => 'bar-chart-2', 'enabled' => true, 'col_span' => 12, 'order' => 8, 'desc' => 'Voortgangsbalk, voltooide taken, focus uren en meeting totalen'],
     'quick_links'       => ['id' => 'quick_links', 'title' => 'Snelle Koppelingen & Tools', 'category' => 'Productiviteit', 'icon' => 'external-link', 'enabled' => false, 'col_span' => 6, 'order' => 9, 'desc' => '1-klik snelkoppelingen naar Jira, Teams, Outlook, Azure en documentatie'],
     'habit_tracker'     => ['id' => 'habit_tracker', 'title' => 'Dagelijkse Focus Gewoontes', 'category' => 'Productiviteit', 'icon' => 'sparkles', 'enabled' => false, 'col_span' => 6, 'order' => 10, 'desc' => 'Houd gezonde werkgewoontes bij (water drinken, 15m bewegen, inbox zero)'],
@@ -1616,27 +1642,195 @@ for ($h = $startHour; $h <= $endHour; $h++) {
                     </div>
 
                 <?php elseif ($wId === 'scratchpad'): ?>
-                    <!-- Widget 7: Dagnotities & Kladblok -->
-                    <div class="fociz-card p-6">
-                        <div class="flex items-center justify-between pb-3 border-b border-slate-100 dark:border-slate-800 mb-3">
+                    <!-- Widget 7: Snelle Notities, Bullet Todo's & Kladblok -->
+                    <div class="fociz-card p-6" id="dashboardBulletWidget">
+                        <div class="flex items-center justify-between pb-3 border-b border-slate-100 dark:border-slate-800 mb-4">
                             <div class="flex items-center space-x-2">
-                                <div class="w-7 h-7 rounded-lg bg-amber-500/10 text-amber-600 dark:text-amber-400 flex items-center justify-center font-bold">
-                                    <i data-lucide="edit-3" class="w-4 h-4"></i>
+                                <div class="w-7 h-7 rounded-lg bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 flex items-center justify-center font-bold">
+                                    <i data-lucide="check-square" class="w-4 h-4"></i>
                                 </div>
                                 <h3 class="text-xs font-bold text-slate-900 dark:text-white uppercase tracking-wider">
-                                    Dagnotities & Kladblok
+                                    <?= htmlspecialchars($wConfig['custom_title'] ?? 'Snelle Notities & Bullet Todo\'s') ?>
                                 </h3>
                             </div>
-                            <span id="scratchpadSaveStatus" class="text-[10px] text-slate-400 font-mono">Automatisch opgeslagen</span>
+                            
+                            <!-- Tab Switcher: Bullet Todo's vs Vrij Kladblok -->
+                            <div class="flex items-center space-x-1 bg-slate-100 dark:bg-slate-800/80 p-0.5 rounded-xl text-[11px] font-semibold">
+                                <button type="button" onclick="switchBulletView('bullets')" id="btnTabBullets" class="px-2.5 py-1 rounded-lg transition flex items-center space-x-1.5 bg-white dark:bg-[#111624] text-indigo-600 dark:text-indigo-400 shadow-2xs font-bold cursor-pointer">
+                                    <i data-lucide="list-todo" class="w-3.5 h-3.5"></i>
+                                    <span>Bullets</span>
+                                    <span id="bulletCountBadge" class="ml-1 px-1.5 py-0.2 rounded-full text-[9px] <?= count($dashboardBullets) > 0 ? 'bg-indigo-100 dark:bg-indigo-500/20 text-indigo-700 dark:text-indigo-300' : 'hidden' ?>">
+                                        <?= count($dashboardBullets) ?>
+                                    </span>
+                                </button>
+                                <button type="button" onclick="switchBulletView('notes')" id="btnTabNotes" class="px-2.5 py-1 rounded-lg transition flex items-center space-x-1.5 text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200 cursor-pointer">
+                                    <i data-lucide="file-text" class="w-3.5 h-3.5"></i>
+                                    <span>Kladblok</span>
+                                </button>
+                            </div>
+                        </div>
+
+                        <!-- 1. Bullet Todo Lijst Weergave -->
+                        <div id="bulletListViewArea" class="space-y-3">
+                            <!-- Snelle Toevoegen Regel -->
+                            <div class="flex items-center space-x-2">
+                                <div class="relative flex-1">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400">
+                                        <i data-lucide="circle-dot" class="w-3.5 h-3.5 text-indigo-500"></i>
+                                    </div>
+                                    <input 
+                                        type="text" 
+                                        id="newBulletInput" 
+                                        placeholder="Snel item toevoegen... (bijv. Bespreken met collega)" 
+                                        onkeydown="if(event.key==='Enter'){event.preventDefault();addBulletItem();}"
+                                        class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl pl-9 pr-3 py-2 text-slate-900 dark:text-white text-xs placeholder-slate-400 dark:placeholder-slate-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 shadow-2xs transition"
+                                    >
+                                </div>
+                                <button 
+                                    type="button" 
+                                    onclick="addBulletItem()" 
+                                    id="btnAddBullet"
+                                    class="px-3.5 py-2 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white text-xs font-bold transition flex items-center space-x-1 flex-shrink-0 cursor-pointer shadow-xs active:scale-95"
+                                >
+                                    <i data-lucide="plus" class="w-3.5 h-3.5"></i>
+                                    <span class="hidden sm:inline">Toevoegen</span>
+                                </button>
+                            </div>
+
+                            <!-- Carry-over Banner (als er openstaande notities van eerdere dagen zijn) -->
+                            <div id="bulletCarryoverBanner" class="<?= $pastOpenBulletsCount > 0 ? '' : 'hidden' ?> p-2.5 rounded-xl bg-indigo-500/10 border border-indigo-500/20 flex items-center justify-between text-xs text-indigo-900 dark:text-indigo-200">
+                                <div class="flex items-center space-x-2 min-w-0">
+                                    <i data-lucide="inbox" class="w-4 h-4 text-indigo-500 flex-shrink-0"></i>
+                                    <span class="truncate">
+                                        <strong id="pastOpenBulletCountText"><?= $pastOpenBulletsCount ?></strong> openstaande memo's van eerdere dagen
+                                    </span>
+                                </div>
+                                <button 
+                                    type="button" 
+                                    onclick="carryOverOpenBullets()" 
+                                    class="px-2.5 py-1 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white text-[11px] font-bold flex-shrink-0 transition cursor-pointer shadow-2xs"
+                                >
+                                    Naar vandaag verplaatsen
+                                </button>
+                            </div>
+
+                            <!-- De Bullet Items Lijst -->
+                            <div class="space-y-1.5 max-h-72 overflow-y-auto pr-0.5" id="bulletItemsContainer">
+                                <?php if (empty($dashboardBullets)): ?>
+                                    <div id="bulletEmptyState" class="py-8 text-center text-slate-400 dark:text-slate-500">
+                                        <div class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800/60 flex items-center justify-center mx-auto mb-2 text-slate-400">
+                                            <i data-lucide="check-circle" class="w-5 h-5 opacity-60"></i>
+                                        </div>
+                                        <p class="text-xs font-medium text-slate-600 dark:text-slate-400">Geen notities of actiepunten voor deze dag.</p>
+                                        <p class="text-[11px] opacity-75 mt-0.5">Typ hierboven een punt, bijv. "Bespreken met collega".</p>
+                                    </div>
+                                <?php else: ?>
+                                    <div id="bulletEmptyState" class="hidden py-8 text-center text-slate-400 dark:text-slate-500">
+                                        <div class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800/60 flex items-center justify-center mx-auto mb-2 text-slate-400">
+                                            <i data-lucide="check-circle" class="w-5 h-5 opacity-60"></i>
+                                        </div>
+                                        <p class="text-xs font-medium text-slate-600 dark:text-slate-400">Geen notities of actiepunten voor deze dag.</p>
+                                    </div>
+                                    <?php foreach ($dashboardBullets as $b): 
+                                        $bId = (int)$b['id'];
+                                        $isComp = !empty($b['is_completed']);
+                                        $isSched = !empty($b['scheduled_task_id']) || !empty($b['scheduled_start_time']);
+                                        $schedTime = !empty($b['scheduled_start_time']) ? htmlspecialchars($b['scheduled_start_time']) : (!empty($b['live_start']) ? htmlspecialchars($b['live_start']) : '');
+                                        $schedEndTime = !empty($b['scheduled_end_time']) ? htmlspecialchars($b['scheduled_end_time']) : (!empty($b['live_end']) ? htmlspecialchars($b['live_end']) : '');
+                                        $schedDate = !empty($b['scheduled_date']) ? $b['scheduled_date'] : $selectedDate;
+                                    ?>
+                                        <div 
+                                            id="bullet-row-<?= $bId ?>" 
+                                            class="group/bullet flex items-center justify-between p-2.5 rounded-xl border <?= $isComp ? 'bg-slate-50/60 dark:bg-slate-900/30 border-slate-200/60 dark:border-slate-800/50' : 'bg-white/80 dark:bg-[#0c0f17]/70 border-slate-200/90 dark:border-slate-800' ?> transition shadow-2xs hover:border-indigo-300 dark:hover:border-indigo-500/40"
+                                        >
+                                            <div class="flex items-center space-x-2.5 min-w-0 flex-1 mr-2">
+                                                <!-- Checkbox / Toggle -->
+                                                <button 
+                                                    type="button" 
+                                                    onclick="toggleBulletItem(<?= $bId ?>, <?= $isComp ? 0 : 1 ?>)"
+                                                    title="<?= $isComp ? 'Markeren als niet afgerond' : 'Afvinken' ?>"
+                                                    class="w-5 h-5 rounded-lg flex items-center justify-center flex-shrink-0 transition cursor-pointer <?= $isComp ? 'bg-emerald-500 text-white' : 'border border-slate-300 dark:border-slate-700 hover:border-indigo-500 text-transparent hover:text-indigo-400' ?>"
+                                                >
+                                                    <i data-lucide="check" class="w-3.5 h-3.5 stroke-[3]"></i>
+                                                </button>
+
+                                                <!-- Tekst & Agenda Badge -->
+                                                <div class="min-w-0 flex-1">
+                                                    <div class="flex items-center flex-wrap gap-1.5">
+                                                        <span 
+                                                            id="bullet-text-<?= $bId ?>" 
+                                                            ondblclick="startEditBullet(<?= $bId ?>)"
+                                                            class="text-xs font-medium select-text break-words <?= $isComp ? 'line-through text-slate-400 dark:text-slate-500' : 'text-slate-900 dark:text-slate-100' ?>"
+                                                        ><?= htmlspecialchars($b['content']) ?></span>
+
+                                                        <?php if ($isSched): ?>
+                                                            <button 
+                                                                type="button" 
+                                                                onclick="openBulletScheduleModal(<?= $bId ?>, '<?= htmlspecialchars(addslashes($b['content'])) ?>', '<?= $schedDate ?>', '<?= $schedTime ?>', '<?= $schedEndTime ?>')"
+                                                                title="Ingepland op agenda: <?= $schedDate ?> <?= $schedTime ?><?= $schedEndTime ? ' - ' . $schedEndTime : '' ?> (klik om te wijzigen)"
+                                                                class="inline-flex items-center space-x-1 px-2 py-0.5 rounded-md bg-indigo-50 dark:bg-indigo-500/15 text-indigo-700 dark:text-indigo-300 border border-indigo-200 dark:border-indigo-500/30 text-[10px] font-mono font-bold hover:bg-indigo-100 transition cursor-pointer"
+                                                            >
+                                                                <i data-lucide="calendar" class="w-2.5 h-2.5"></i>
+                                                                <span><?= ($schedDate === $today ? 'Vandaag' : $schedDate) ?> <?= $schedTime ?><?= $schedEndTime ? '-' . $schedEndTime : '' ?></span>
+                                                            </button>
+                                                        <?php endif; ?>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <!-- Knoppen: Inplannen, Bewerken, Verwijderen -->
+                                            <div class="flex items-center space-x-1 opacity-80 sm:opacity-0 sm:group-hover/bullet:opacity-100 transition-opacity flex-shrink-0">
+                                                <!-- Knop: In agenda plannen (Vrij blok) -->
+                                                <button 
+                                                    type="button" 
+                                                    onclick="openBulletScheduleModal(<?= $bId ?>, '<?= htmlspecialchars(addslashes($b['content'])) ?>', '<?= $schedDate ?>', '<?= $schedTime ?>', '<?= $schedEndTime ?>')"
+                                                    title="In agenda inplannen (kies een vrij blok)"
+                                                    class="p-1.5 rounded-lg text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-500/20 transition cursor-pointer"
+                                                >
+                                                    <i data-lucide="calendar-plus" class="w-3.5 h-3.5"></i>
+                                                </button>
+
+                                                <!-- Knop: Bewerken -->
+                                                <button 
+                                                    type="button" 
+                                                    onclick="startEditBullet(<?= $bId ?>)"
+                                                    title="Tekst bewerken"
+                                                    class="p-1.5 rounded-lg text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800 transition cursor-pointer"
+                                                >
+                                                    <i data-lucide="pencil" class="w-3.5 h-3.5"></i>
+                                                </button>
+
+                                                <!-- Knop: Verwijderen -->
+                                                <button 
+                                                    type="button" 
+                                                    onclick="deleteBulletItem(<?= $bId ?>)"
+                                                    title="Verwijderen"
+                                                    class="p-1.5 rounded-lg text-slate-400 hover:text-rose-600 dark:hover:text-rose-400 hover:bg-rose-50 dark:hover:bg-rose-500/20 transition cursor-pointer"
+                                                >
+                                                    <i data-lucide="trash-2" class="w-3.5 h-3.5"></i>
+                                                </button>
+                                            </div>
+                                        </div>
+                                    <?php endforeach; ?>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+
+                        <!-- 2. Vrij Kladblok Weergave (Oorspronkelijke textarea, volledig bewaard) -->
+                        <div id="bulletNotesViewArea" class="hidden space-y-2">
+                            <div class="flex items-center justify-between text-[11px] text-slate-400">
+                                <span>Vrije notities & memo's voor deze dag</span>
+                                <span id="scratchpadSaveStatus" class="font-mono">Automatisch opgeslagen</span>
+                            </div>
+                            <textarea 
+                                id="dailyNotesInput"
+                                rows="6" 
+                                placeholder="Belangrijke aantekeningen, reflecties of snelle memo's voor vandaag..." 
+                                oninput="autoSaveScratchpad()"
+                                onblur="saveGoal()"
+                                class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl p-3 text-slate-900 dark:text-white text-xs placeholder-slate-400 dark:placeholder-slate-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 resize-none transition shadow-2xs leading-relaxed"
+                            ><?= htmlspecialchars($dailyPlan['notes'] ?? '') ?></textarea>
                         </div>
-                        <textarea 
-                            id="dailyNotesInput"
-                            rows="5" 
-                            placeholder="Belangrijke aantekeningen, reflecties of snelle memo's voor vandaag..." 
-                            oninput="autoSaveScratchpad()"
-                            onblur="saveGoal()"
-                            class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl p-3 text-slate-900 dark:text-white text-xs placeholder-slate-400 dark:placeholder-slate-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 resize-none transition shadow-2xs leading-relaxed"
-                        ><?= htmlspecialchars($dailyPlan['notes'] ?? '') ?></textarea>
                     </div>
 
                 <?php elseif ($wId === 'stats'): ?>
@@ -1934,6 +2128,151 @@ if ($isAjaxRequest) {
 </div>
 <?php endif; ?>
 
+<!-- Modal: Snelle Bullet Notitie Inplannen in Agenda (Vrij Blok Kiezen) -->
+<div id="bulletScheduleModal" onclick="if(event.target === this) closeBulletScheduleModal()" class="fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm hidden items-center justify-center p-4">
+    <div class="fociz-card p-6 w-full max-w-lg max-h-[90vh] overflow-y-auto shadow-2xl space-y-4">
+        <!-- Header -->
+        <div class="flex items-center justify-between pb-3 border-b border-slate-100 dark:border-slate-800">
+            <div class="flex items-center space-x-2.5">
+                <div class="w-8 h-8 rounded-xl bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 flex items-center justify-center font-bold">
+                    <i data-lucide="calendar-plus" class="w-4 h-4"></i>
+                </div>
+                <div>
+                    <h3 class="text-sm font-bold text-slate-900 dark:text-white">Notitie Inplannen in Agenda</h3>
+                    <p class="text-[10px] text-slate-500 dark:text-slate-400">Kies een slim vrij blok of stel zelf een tijdstip in</p>
+                </div>
+            </div>
+            <button type="button" onclick="closeBulletScheduleModal()" class="p-1.5 text-slate-400 hover:text-slate-600 dark:hover:text-slate-200 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition cursor-pointer">
+                <i data-lucide="x" class="w-4 h-4"></i>
+            </button>
+        </div>
+
+        <input type="hidden" id="schedBulletId" value="">
+
+        <!-- Titel / Notitie Inhoud -->
+        <div>
+            <label class="block text-xs font-bold text-slate-700 dark:text-slate-300 mb-1">Omschrijving / Titel van afspraak</label>
+            <input 
+                type="text" 
+                id="schedBulletTitle" 
+                placeholder="Bijv. Bespreken met collega..." 
+                class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl px-3 py-2 text-slate-900 dark:text-white text-xs font-semibold focus:outline-none focus:ring-1 focus:ring-indigo-500 shadow-2xs"
+            >
+        </div>
+
+        <!-- Datum & Snelle knoppen -->
+        <div>
+            <div class="flex items-center justify-between mb-1">
+                <label class="block text-xs font-bold text-slate-700 dark:text-slate-300">Datum</label>
+                <div class="flex items-center space-x-1.5">
+                    <button type="button" onclick="setSchedBulletDate('today')" class="text-[10px] px-2 py-0.5 rounded-md bg-slate-100 dark:bg-slate-800 hover:bg-indigo-50 dark:hover:bg-indigo-500/20 text-slate-600 dark:text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 font-semibold transition cursor-pointer">Vandaag</button>
+                    <button type="button" onclick="setSchedBulletDate('tomorrow')" class="text-[10px] px-2 py-0.5 rounded-md bg-slate-100 dark:bg-slate-800 hover:bg-indigo-50 dark:hover:bg-indigo-500/20 text-slate-600 dark:text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 font-semibold transition cursor-pointer">Morgen</button>
+                </div>
+            </div>
+            <input 
+                type="date" 
+                id="schedBulletDate" 
+                onchange="refreshBulletFreeSlots()" 
+                class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl px-3 py-2 text-slate-900 dark:text-white text-xs focus:outline-none focus:ring-1 focus:ring-indigo-500 shadow-2xs"
+            >
+        </div>
+
+        <!-- Tijdsduur Kwartier/Halfuur Selector -->
+        <div>
+            <label class="block text-xs font-bold text-slate-700 dark:text-slate-300 mb-1.5">Geschatte Tijdsduur</label>
+            <input type="hidden" id="schedBulletDuration" value="30">
+            <div class="grid grid-cols-4 gap-2">
+                <button type="button" onclick="setSchedBulletDuration(15, this)" class="btn-sched-dur py-1.5 rounded-xl border border-slate-200 dark:border-slate-800 text-xs font-semibold text-slate-600 dark:text-slate-400 hover:border-indigo-500 transition cursor-pointer text-center">15m</button>
+                <button type="button" onclick="setSchedBulletDuration(30, this)" class="btn-sched-dur py-1.5 rounded-xl border border-indigo-500 bg-indigo-50 dark:bg-indigo-500/20 text-xs font-bold text-indigo-700 dark:text-indigo-300 transition cursor-pointer text-center">30m</button>
+                <button type="button" onclick="setSchedBulletDuration(45, this)" class="btn-sched-dur py-1.5 rounded-xl border border-slate-200 dark:border-slate-800 text-xs font-semibold text-slate-600 dark:text-slate-400 hover:border-indigo-500 transition cursor-pointer text-center">45m</button>
+                <button type="button" onclick="setSchedBulletDuration(60, this)" class="btn-sched-dur py-1.5 rounded-xl border border-slate-200 dark:border-slate-800 text-xs font-semibold text-slate-600 dark:text-slate-400 hover:border-indigo-500 transition cursor-pointer text-center">60m</button>
+            </div>
+        </div>
+
+        <!-- Vrije Agendablokken Container (Gedetecteerd op basis van meetings en taken) -->
+        <div>
+            <div class="flex items-center justify-between mb-1.5">
+                <label class="block text-xs font-bold text-slate-700 dark:text-slate-300 flex items-center space-x-1.5">
+                    <i data-lucide="sparkles" class="w-3.5 h-3.5 text-indigo-500"></i>
+                    <span>Kies een vrij agendablok:</span>
+                </label>
+                <button type="button" onclick="refreshBulletFreeSlots()" class="text-[10px] text-indigo-600 dark:text-indigo-400 hover:underline flex items-center space-x-1 cursor-pointer">
+                    <i data-lucide="refresh-cw" class="w-2.5 h-2.5"></i>
+                    <span>Vernieuwen</span>
+                </button>
+            </div>
+            
+            <div id="schedBulletFreeSlotsArea" class="bg-slate-50 dark:bg-[#0c0f17]/50 rounded-xl p-3 border border-slate-200 dark:border-slate-800">
+                <div id="schedBulletSlotsList" class="flex flex-wrap gap-2 max-h-36 overflow-y-auto">
+                    <!-- Dynamisch geladen vrije blokken -->
+                    <span class="text-xs text-slate-400 italic">Vrije blokken laden...</span>
+                </div>
+            </div>
+        </div>
+
+        <!-- Tijdblok Handmatig Instellen -->
+        <div class="grid grid-cols-2 gap-3">
+            <div>
+                <label class="block text-xs font-semibold text-slate-700 dark:text-slate-300 mb-1">Starttijd</label>
+                <input 
+                    type="text" 
+                    id="schedBulletStart" 
+                    placeholder="Bijv. 14:00" 
+                    oninput="onSchedBulletTimeChange()" 
+                    class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl px-3 py-2 text-slate-900 dark:text-white text-xs font-mono focus:outline-none focus:ring-1 focus:ring-indigo-500 shadow-2xs"
+                >
+            </div>
+            <div>
+                <label class="block text-xs font-semibold text-slate-700 dark:text-slate-300 mb-1">Eindtijd</label>
+                <input 
+                    type="text" 
+                    id="schedBulletEnd" 
+                    placeholder="Bijv. 14:30" 
+                    class="w-full bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl px-3 py-2 text-slate-900 dark:text-white text-xs font-mono focus:outline-none focus:ring-1 focus:ring-indigo-500 shadow-2xs"
+                >
+            </div>
+        </div>
+
+        <!-- Prioriteit & Outlook Synchronisatie -->
+        <div class="space-y-2 pt-1 border-t border-slate-100 dark:border-slate-800">
+            <div class="flex items-center justify-between">
+                <label class="text-xs font-semibold text-slate-700 dark:text-slate-300">Prioriteit op planning</label>
+                <select id="schedBulletPriority" class="bg-slate-50/70 dark:bg-[#0c0f17]/60 border border-slate-200 dark:border-slate-800 rounded-xl px-2.5 py-1 text-xs text-slate-900 dark:text-white focus:outline-none focus:ring-1 focus:ring-indigo-500">
+                    <option value="P1">P1 - Hoge prioriteit</option>
+                    <option value="P2" selected>P2 - Normaal</option>
+                    <option value="P3">P3 - Lage prioriteit</option>
+                </select>
+            </div>
+
+            <label class="flex items-center space-x-2 text-xs text-slate-700 dark:text-slate-300 cursor-pointer pt-1">
+                <input type="checkbox" id="schedBulletSyncOutlook" <?= $isOutlookConnected ? 'checked' : '' ?> class="rounded text-indigo-600 focus:ring-indigo-500 w-4 h-4">
+                <span>Direct synchroniseren naar Microsoft Outlook agenda</span>
+            </label>
+        </div>
+
+        <!-- Footer Actieknoppen -->
+        <div class="flex items-center justify-between pt-3 border-t border-slate-100 dark:border-slate-800">
+            <button 
+                type="button" 
+                id="btnSchedBulletUnschedule" 
+                onclick="unscheduleCurrentBullet()" 
+                class="hidden text-rose-600 hover:text-rose-700 dark:text-rose-400 hover:underline text-xs font-semibold cursor-pointer"
+            >
+                Uit agenda verwijderen
+            </button>
+            <div class="flex space-x-2 ml-auto">
+                <button type="button" onclick="closeBulletScheduleModal()" class="px-4 py-2 rounded-xl bg-slate-100 hover:bg-slate-200 dark:bg-slate-800 dark:hover:bg-slate-700 text-slate-700 dark:text-slate-300 font-semibold text-xs transition cursor-pointer">
+                    Annuleren
+                </button>
+                <button type="button" id="btnSubmitSchedBullet" onclick="submitBulletSchedule()" class="px-4 py-2 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white font-bold text-xs transition shadow-xs flex items-center space-x-1.5 cursor-pointer">
+                    <i data-lucide="calendar-check" class="w-4 h-4"></i>
+                    <span>In agenda plannen</span>
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
+
 <!-- Modal: Jira Ticket Inplannen (met datum, tijdsuggestie & aanpasbare titel) -->
 <div id="jiraPlanModal" onclick="if(event.target === this) closeJiraPlanModal()" class="fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm hidden items-center justify-center p-4">
     <div class="fociz-card p-6 w-full max-w-lg max-h-[90vh] overflow-y-auto shadow-2xl space-y-4">
@@ -5894,6 +6233,567 @@ function autoSaveScratchpad() {
     }, 800);
 }
 
+// --- Bullet Notes & Quick Todo's Logica ---
+function switchBulletView(view) {
+    const bulletsArea = document.getElementById('bulletListViewArea');
+    const notesArea = document.getElementById('bulletNotesViewArea');
+    const btnBullets = document.getElementById('btnTabBullets');
+    const btnNotes = document.getElementById('btnTabNotes');
+
+    if (!bulletsArea || !notesArea) return;
+
+    if (view === 'bullets') {
+        bulletsArea.classList.remove('hidden');
+        notesArea.classList.add('hidden');
+        if (btnBullets) {
+            btnBullets.classList.add('bg-white', 'dark:bg-[#111624]', 'text-indigo-600', 'dark:text-indigo-400', 'shadow-2xs', 'font-bold');
+            btnBullets.classList.remove('text-slate-500', 'dark:text-slate-400');
+        }
+        if (btnNotes) {
+            btnNotes.classList.remove('bg-white', 'dark:bg-[#111624]', 'text-indigo-600', 'dark:text-indigo-400', 'shadow-2xs', 'font-bold');
+            btnNotes.classList.add('text-slate-500', 'dark:text-slate-400');
+        }
+        localStorage.setItem('fociz_bullet_tab', 'bullets');
+    } else {
+        bulletsArea.classList.add('hidden');
+        notesArea.classList.remove('hidden');
+        if (btnNotes) {
+            btnNotes.classList.add('bg-white', 'dark:bg-[#111624]', 'text-indigo-600', 'dark:text-indigo-400', 'shadow-2xs', 'font-bold');
+            btnNotes.classList.remove('text-slate-500', 'dark:text-slate-400');
+        }
+        if (btnBullets) {
+            btnBullets.classList.remove('bg-white', 'dark:bg-[#111624]', 'text-indigo-600', 'dark:text-indigo-400', 'shadow-2xs', 'font-bold');
+            btnBullets.classList.add('text-slate-500', 'dark:text-slate-400');
+        }
+        localStorage.setItem('fociz_bullet_tab', 'notes');
+    }
+    if (typeof lucide !== 'undefined') lucide.createIcons();
+}
+
+async function addBulletItem() {
+    const input = document.getElementById('newBulletInput');
+    if (!input) return;
+    const content = input.value.trim();
+    if (!content) {
+        input.focus();
+        return;
+    }
+
+    const btn = document.getElementById('btnAddBullet');
+    const origHtml = btn ? btn.innerHTML : '';
+    if (btn) btn.disabled = true;
+
+    try {
+        const res = await fetch('/api/planner.php?action=add_bullet', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                date: typeof activePlannerDate !== 'undefined' ? activePlannerDate : '',
+                content: content
+            })
+        });
+        const data = await res.json();
+        if (data.success && data.bullet) {
+            input.value = '';
+            await reloadBulletList();
+        } else {
+            alert(data.error || 'Kon notitie niet toevoegen');
+        }
+    } catch (e) {
+        alert('Netwerkfout bij toevoegen van notitie');
+    } finally {
+        if (btn) {
+            btn.innerHTML = origHtml;
+            btn.disabled = false;
+        }
+    }
+}
+
+async function toggleBulletItem(bulletId, newStatus) {
+    const textEl = document.getElementById(`bullet-text-${bulletId}`);
+    if (textEl) {
+        if (newStatus === 1) {
+            textEl.classList.add('line-through', 'text-slate-400', 'dark:text-slate-500');
+            textEl.classList.remove('text-slate-900', 'dark:text-slate-100');
+        } else {
+            textEl.classList.remove('line-through', 'text-slate-400', 'dark:text-slate-500');
+            textEl.classList.add('text-slate-900', 'dark:text-slate-100');
+        }
+    }
+
+    try {
+        const res = await fetch('/api/planner.php?action=toggle_bullet', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ bullet_id: bulletId, is_completed: newStatus })
+        });
+        const data = await res.json();
+        if (!data.success) {
+            await reloadBulletList();
+        } else {
+            await reloadBulletList();
+        }
+    } catch (e) {
+        await reloadBulletList();
+    }
+}
+
+function startEditBullet(bulletId) {
+    const textEl = document.getElementById(`bullet-text-${bulletId}`);
+    if (!textEl) return;
+    const currentVal = textEl.innerText.trim();
+
+    const parent = textEl.parentElement;
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.value = currentVal;
+    input.className = 'w-full bg-slate-100 dark:bg-slate-800 border border-indigo-500 rounded-lg px-2 py-1 text-xs text-slate-900 dark:text-white focus:outline-none';
+    
+    let isSaving = false;
+    const save = async () => {
+        if (isSaving) return;
+        isSaving = true;
+        const newVal = input.value.trim();
+        if (!newVal || newVal === currentVal) {
+            textEl.style.display = '';
+            input.remove();
+            return;
+        }
+        try {
+            await fetch('/api/planner.php?action=update_bullet', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ bullet_id: bulletId, content: newVal })
+            });
+            textEl.innerText = newVal;
+        } catch(e) {}
+        textEl.style.display = '';
+        input.remove();
+    };
+
+    input.onkeydown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            save();
+        } else if (e.key === 'Escape') {
+            textEl.style.display = '';
+            input.remove();
+        }
+    };
+    input.onblur = save;
+
+    textEl.style.display = 'none';
+    parent.appendChild(input);
+    input.focus();
+    input.select();
+}
+
+async function deleteBulletItem(bulletId) {
+    if (!confirm('Weet je zeker dat je deze notitie wilt verwijderen? (Indien ingepland in de agenda wordt ook het agendablok verwijderd)')) {
+        return;
+    }
+
+    const row = document.getElementById(`bullet-row-${bulletId}`);
+    if (row) row.style.opacity = '0.4';
+
+    try {
+        const res = await fetch('/api/planner.php?action=delete_bullet', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ bullet_id: bulletId, delete_task: true })
+        });
+        const data = await res.json();
+        if (data.success) {
+            await reloadBulletList();
+            if (typeof switchPlannerDate === 'function') {
+                switchPlannerDate(activePlannerDate, null, false);
+            }
+        } else {
+            alert(data.error || 'Kon notitie niet verwijderen');
+            if (row) row.style.opacity = '1';
+        }
+    } catch (e) {
+        alert('Netwerkfout bij verwijderen');
+        if (row) row.style.opacity = '1';
+    }
+}
+
+async function carryOverOpenBullets() {
+    try {
+        const res = await fetch('/api/planner.php?action=carryover_bullets', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ target_date: activePlannerDate })
+        });
+        const data = await res.json();
+        if (data.success) {
+            if (typeof showWidgetToast === 'function') {
+                showWidgetToast(`${data.moved_count} openstaande memo's overgezet naar vandaag!`, 'success');
+            }
+            await reloadBulletList();
+        }
+    } catch(e) {
+        alert('Netwerkfout bij overzetten van openstaande memo\'s');
+    }
+}
+
+async function reloadBulletList() {
+    try {
+        const res = await fetch(`/api/planner.php?action=get_bullets&date=${encodeURIComponent(activePlannerDate)}`);
+        const data = await res.json();
+        if (data.success) {
+            const container = document.getElementById('bulletItemsContainer');
+            const badge = document.getElementById('bulletCountBadge');
+            const carryBanner = document.getElementById('bulletCarryoverBanner');
+            const pastCountEl = document.getElementById('pastOpenBulletCountText');
+
+            if (badge) {
+                const count = data.bullets.length;
+                badge.innerText = count;
+                badge.className = `ml-1 px-1.5 py-0.2 rounded-full text-[9px] ${count > 0 ? 'bg-indigo-100 dark:bg-indigo-500/20 text-indigo-700 dark:text-indigo-300' : 'hidden'}`;
+            }
+
+            if (carryBanner && pastCountEl) {
+                if (data.past_open_count > 0) {
+                    pastCountEl.innerText = data.past_open_count;
+                    carryBanner.classList.remove('hidden');
+                } else {
+                    carryBanner.classList.add('hidden');
+                }
+            }
+
+            if (container) {
+                if (!data.bullets || data.bullets.length === 0) {
+                    container.innerHTML = `
+                        <div id="bulletEmptyState" class="py-8 text-center text-slate-400 dark:text-slate-500">
+                            <div class="w-10 h-10 rounded-full bg-slate-100 dark:bg-slate-800/60 flex items-center justify-center mx-auto mb-2 text-slate-400">
+                                <i data-lucide="check-circle" class="w-5 h-5 opacity-60"></i>
+                            </div>
+                            <p class="text-xs font-medium text-slate-600 dark:text-slate-400">Geen notities of actiepunten voor deze dag.</p>
+                            <p class="text-[11px] opacity-75 mt-0.5">Typ hierboven een punt, bijv. "Bespreken met collega".</p>
+                        </div>
+                    `;
+                } else {
+                    let html = '';
+                    data.bullets.forEach(b => {
+                        const bId = parseInt(b.id, 10);
+                        const isComp = parseInt(b.is_completed, 10) === 1;
+                        const isSched = !!b.scheduled_task_id || !!b.scheduled_start_time;
+                        const schedTime = b.scheduled_start_time || b.live_start || '';
+                        const schedEndTime = b.scheduled_end_time || b.live_end || '';
+                        const schedDate = b.scheduled_date || activePlannerDate;
+                        const contentEsc = typeof escapeHtml === 'function' ? escapeHtml(b.content) : b.content;
+                        const contentAttr = (typeof escapeHtml === 'function' ? escapeHtml(b.content) : b.content).replace(/"/g, '&quot;');
+
+                        html += `
+                            <div id="bullet-row-${bId}" class="group/bullet flex items-center justify-between p-2.5 rounded-xl border ${isComp ? 'bg-slate-50/60 dark:bg-slate-900/30 border-slate-200/60 dark:border-slate-800/50' : 'bg-white/80 dark:bg-[#0c0f17]/70 border-slate-200/90 dark:border-slate-800'} transition shadow-2xs hover:border-indigo-300 dark:hover:border-indigo-500/40">
+                                <div class="flex items-center space-x-2.5 min-w-0 flex-1 mr-2">
+                                    <button 
+                                        type="button" 
+                                        onclick="toggleBulletItem(${bId}, ${isComp ? 0 : 1})"
+                                        title="${isComp ? 'Markeren als niet afgerond' : 'Afvinken'}"
+                                        class="w-5 h-5 rounded-lg flex items-center justify-center flex-shrink-0 transition cursor-pointer ${isComp ? 'bg-emerald-500 text-white' : 'border border-slate-300 dark:border-slate-700 hover:border-indigo-500 text-transparent hover:text-indigo-400'}"
+                                    >
+                                        <i data-lucide="check" class="w-3.5 h-3.5 stroke-[3]"></i>
+                                    </button>
+                                    <div class="min-w-0 flex-1">
+                                        <div class="flex items-center flex-wrap gap-1.5">
+                                            <span 
+                                                id="bullet-text-${bId}" 
+                                                ondblclick="startEditBullet(${bId})"
+                                                class="text-xs font-medium select-text break-words ${isComp ? 'line-through text-slate-400 dark:text-slate-500' : 'text-slate-900 dark:text-slate-100'}"
+                                            >${contentEsc}</span>
+
+                                            ${isSched ? `
+                                                <button 
+                                                    type="button" 
+                                                    onclick="openBulletScheduleModal(${bId}, '${contentAttr}', '${schedDate}', '${schedTime}', '${schedEndTime}')"
+                                                    title="Ingepland op agenda: ${schedDate} ${schedTime}${schedEndTime ? ' - ' + schedEndTime : ''} (klik om te wijzigen)"
+                                                    class="inline-flex items-center space-x-1 px-2 py-0.5 rounded-md bg-indigo-50 dark:bg-indigo-500/15 text-indigo-700 dark:text-indigo-300 border border-indigo-200 dark:border-indigo-500/30 text-[10px] font-mono font-bold hover:bg-indigo-100 transition cursor-pointer"
+                                                >
+                                                    <i data-lucide="calendar" class="w-2.5 h-2.5"></i>
+                                                    <span>${schedDate === activePlannerDate ? 'Vandaag' : schedDate} ${schedTime}${schedEndTime ? '-' + schedEndTime : ''}</span>
+                                                </button>
+                                            ` : ''}
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="flex items-center space-x-1 opacity-80 sm:opacity-0 sm:group-hover/bullet:opacity-100 transition-opacity flex-shrink-0">
+                                    <button 
+                                        type="button" 
+                                        onclick="openBulletScheduleModal(${bId}, '${contentAttr}', '${schedDate}', '${schedTime}', '${schedEndTime}')"
+                                        title="In agenda inplannen (kies een vrij blok)"
+                                        class="p-1.5 rounded-lg text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-500/20 transition cursor-pointer"
+                                    >
+                                        <i data-lucide="calendar-plus" class="w-3.5 h-3.5"></i>
+                                    </button>
+                                    <button 
+                                        type="button" 
+                                        onclick="startEditBullet(${bId})"
+                                        title="Tekst bewerken"
+                                        class="p-1.5 rounded-lg text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:bg-slate-100 dark:hover:bg-slate-800 transition cursor-pointer"
+                                    >
+                                        <i data-lucide="pencil" class="w-3.5 h-3.5"></i>
+                                    </button>
+                                    <button 
+                                        type="button" 
+                                        onclick="deleteBulletItem(${bId})"
+                                        title="Verwijderen"
+                                        class="p-1.5 rounded-lg text-slate-400 hover:text-rose-600 dark:hover:text-rose-400 hover:bg-rose-50 dark:hover:bg-rose-500/20 transition cursor-pointer"
+                                    >
+                                        <i data-lucide="trash-2" class="w-3.5 h-3.5"></i>
+                                    </button>
+                                </div>
+                            </div>
+                        `;
+                    });
+                    container.innerHTML = html;
+                }
+                if (typeof lucide !== 'undefined') lucide.createIcons();
+            }
+        }
+    } catch(e) {
+        console.error('Fout bij herladen bullet list:', e);
+    }
+}
+
+// --- Bullet Agenda Modal Logica ---
+function openBulletScheduleModal(bulletId, content, scheduledDate, startTime, endTime) {
+    const modal = document.getElementById('bulletScheduleModal');
+    if (!modal) return;
+
+    document.getElementById('schedBulletId').value = bulletId;
+    document.getElementById('schedBulletTitle').value = content || '';
+    
+    const dateInput = document.getElementById('schedBulletDate');
+    const targetDate = scheduledDate || activePlannerDate;
+    if (dateInput) dateInput.value = targetDate;
+
+    const startInput = document.getElementById('schedBulletStart');
+    const endInput = document.getElementById('schedBulletEnd');
+    if (startInput) startInput.value = startTime || '';
+    if (endInput) endInput.value = endTime || '';
+
+    const unscheduleBtn = document.getElementById('btnSchedBulletUnschedule');
+    if (unscheduleBtn) {
+        if (startTime) {
+            unscheduleBtn.classList.remove('hidden');
+        } else {
+            unscheduleBtn.classList.add('hidden');
+        }
+    }
+
+    modal.classList.remove('hidden');
+    modal.classList.add('flex');
+    refreshBulletFreeSlots();
+    if (typeof lucide !== 'undefined') lucide.createIcons();
+}
+
+function closeBulletScheduleModal() {
+    const modal = document.getElementById('bulletScheduleModal');
+    if (!modal) return;
+    modal.classList.add('hidden');
+    modal.classList.remove('flex');
+}
+
+function setSchedBulletDate(preset) {
+    const dateInput = document.getElementById('schedBulletDate');
+    if (!dateInput) return;
+    const now = new Date();
+    if (preset === 'tomorrow') {
+        now.setDate(now.getDate() + 1);
+    }
+    dateInput.value = now.toISOString().slice(0, 10);
+    refreshBulletFreeSlots();
+}
+
+function setSchedBulletDuration(minutes, btn) {
+    document.getElementById('schedBulletDuration').value = minutes;
+    document.querySelectorAll('.btn-sched-dur').forEach(b => {
+        b.className = 'btn-sched-dur py-1.5 rounded-xl border border-slate-200 dark:border-slate-800 text-xs font-semibold text-slate-600 dark:text-slate-400 hover:border-indigo-500 transition cursor-pointer text-center';
+    });
+    if (btn) {
+        btn.className = 'btn-sched-dur py-1.5 rounded-xl border border-indigo-500 bg-indigo-50 dark:bg-indigo-500/20 text-xs font-bold text-indigo-700 dark:text-indigo-300 transition cursor-pointer text-center';
+    }
+    onSchedBulletTimeChange();
+    refreshBulletFreeSlots();
+}
+
+function onSchedBulletTimeChange() {
+    const startVal = document.getElementById('schedBulletStart')?.value.trim();
+    const duration = parseInt(document.getElementById('schedBulletDuration')?.value || 30, 10);
+    const endInput = document.getElementById('schedBulletEnd');
+    if (!startVal || !endInput) return;
+    const parts = startVal.split(':');
+    if (parts.length === 2) {
+        const h = parseInt(parts[0], 10);
+        const m = parseInt(parts[1], 10);
+        if (!isNaN(h) && !isNaN(m)) {
+            const totalM = h * 60 + m + duration;
+            const endH = Math.floor(totalM / 60) % 24;
+            const endM = totalM % 60;
+            endInput.value = `${String(endH).padStart(2, '0')}:${String(endM).padStart(2, '0')}`;
+        }
+    }
+}
+
+async function refreshBulletFreeSlots() {
+    const container = document.getElementById('schedBulletSlotsList');
+    if (!container) return;
+    const date = document.getElementById('schedBulletDate')?.value || activePlannerDate;
+    const duration = parseInt(document.getElementById('schedBulletDuration')?.value || 30, 10);
+
+    container.innerHTML = '<span class="text-xs text-slate-400 italic">Vrije blokken zoeken...</span>';
+
+    try {
+        const res = await fetch(`/api/planner.php?action=get_day_free_slots&date=${encodeURIComponent(date)}&duration_minutes=${duration}`);
+        const data = await res.json();
+        if (data.success && data.free_slots && data.free_slots.length > 0) {
+            let html = '';
+            data.free_slots.forEach((slot, idx) => {
+                const isFirst = (idx === 0);
+                html += `
+                    <button 
+                        type="button" 
+                        onclick="selectSchedBulletSlot('${slot.start}', '${slot.end}', this)"
+                        class="slot-btn px-2.5 py-1.5 rounded-xl border border-slate-200 dark:border-slate-700 hover:border-indigo-500 hover:bg-indigo-50 dark:hover:bg-indigo-500/20 text-xs font-semibold text-slate-700 dark:text-slate-300 transition cursor-pointer flex items-center space-x-1.5"
+                    >
+                        ${isFirst ? '<i data-lucide="zap" class="w-3 h-3 text-amber-500"></i>' : '<i data-lucide="clock" class="w-3 h-3 text-indigo-400"></i>'}
+                        <span>${slot.start} - ${slot.end}</span>
+                    </button>
+                `;
+            });
+            container.innerHTML = html;
+            if (typeof lucide !== 'undefined') lucide.createIcons();
+        } else {
+            container.innerHTML = '<span class="text-xs text-slate-400 italic">Geen volledig vrije blokken binnen werktijden op deze dag. Kies hieronder handmatig een tijdstip.</span>';
+        }
+    } catch(e) {
+        container.innerHTML = '<span class="text-xs text-slate-400 italic">Kon vrije blokken niet laden.</span>';
+    }
+}
+
+function selectSchedBulletSlot(start, end, btn) {
+    const startInput = document.getElementById('schedBulletStart');
+    const endInput = document.getElementById('schedBulletEnd');
+    if (startInput) startInput.value = start;
+    if (endInput) endInput.value = end;
+
+    document.querySelectorAll('.slot-btn').forEach(b => {
+        b.classList.remove('bg-indigo-600', 'text-white', 'border-indigo-600');
+        b.classList.add('text-slate-700', 'dark:text-slate-300');
+    });
+    if (btn) {
+        btn.classList.remove('text-slate-700', 'dark:text-slate-300');
+        btn.classList.add('bg-indigo-600', 'text-white', 'border-indigo-600');
+    }
+}
+
+async function submitBulletSchedule() {
+    const bulletId = parseInt(document.getElementById('schedBulletId')?.value || 0, 10);
+    const title = document.getElementById('schedBulletTitle')?.value.trim();
+    const date = document.getElementById('schedBulletDate')?.value;
+    const startTime = document.getElementById('schedBulletStart')?.value.trim();
+    const endTime = document.getElementById('schedBulletEnd')?.value.trim();
+    const duration = parseInt(document.getElementById('schedBulletDuration')?.value || 30, 10);
+    const priority = document.getElementById('schedBulletPriority')?.value || 'P2';
+    const syncOutlook = document.getElementById('schedBulletSyncOutlook')?.checked || false;
+
+    if (!bulletId) {
+        alert('Geen notitie geselecteerd');
+        return;
+    }
+    if (!startTime) {
+        alert('Kies of vul een starttijd in voor het agendablok');
+        document.getElementById('schedBulletStart')?.focus();
+        return;
+    }
+
+    const btn = document.getElementById('btnSubmitSchedBullet');
+    const origHtml = btn ? btn.innerHTML : '';
+    if (btn) {
+        btn.innerHTML = '<span>Bezig met inplannen...</span>';
+        btn.disabled = true;
+    }
+
+    try {
+        const res = await fetch('/api/planner.php?action=schedule_bullet', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                bullet_id: bulletId,
+                title: title,
+                date: date,
+                start_time: startTime,
+                end_time: endTime,
+                duration_minutes: duration,
+                priority: priority,
+                sync_to_outlook: syncOutlook
+            })
+        });
+        const data = await res.json();
+        if (data.success) {
+            closeBulletScheduleModal();
+            if (typeof showWidgetToast === 'function') {
+                showWidgetToast(`Notitie succesvol ingepland op ${startTime} - ${endTime}!`, 'success');
+            }
+            if (typeof switchPlannerDate === 'function') {
+                switchPlannerDate(activePlannerDate, null, false);
+            }
+        } else {
+            alert(data.error || 'Kon notitie niet inplannen in agenda');
+        }
+    } catch(e) {
+        alert('Netwerkfout bij inplannen van agendablok');
+    } finally {
+        if (btn) {
+            btn.innerHTML = origHtml;
+            btn.disabled = false;
+        }
+    }
+}
+
+async function unscheduleCurrentBullet() {
+    const bulletId = parseInt(document.getElementById('schedBulletId')?.value || 0, 10);
+    if (!bulletId) return;
+
+    if (!confirm('Weet je zeker dat je dit agendablok wilt verwijderen uit je agenda? De notitie blijft bewaard.')) {
+        return;
+    }
+
+    try {
+        const res = await fetch('/api/planner.php?action=unschedule_bullet', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ bullet_id: bulletId })
+        });
+        const data = await res.json();
+        if (data.success) {
+            closeBulletScheduleModal();
+            if (typeof showWidgetToast === 'function') {
+                showWidgetToast('Agendablok verwijderd uit planning', 'info');
+            }
+            if (typeof switchPlannerDate === 'function') {
+                switchPlannerDate(activePlannerDate, null, false);
+            }
+        } else {
+            alert(data.error || 'Kon agendablok niet verwijderen');
+        }
+    } catch(e) {
+        alert('Netwerkfout bij verwijderen uit agenda');
+    }
+}
+
+// Initialiseer tab weergave
+document.addEventListener('DOMContentLoaded', () => {
+    try {
+        const savedTab = localStorage.getItem('fociz_bullet_tab');
+        if (savedTab === 'notes') {
+            switchBulletView('notes');
+        }
+    } catch(e) {}
+});
+
 // --- Habit Tracker Logica ---
 function updateHabitCount() {
     const checkboxes = document.querySelectorAll('#habitTrackerWidget input[type="checkbox"]');
@@ -6237,6 +7137,9 @@ async function switchPlannerDate(newDate, event = null, pushState = true) {
             lucide.createIcons();
         }
         initPlannerWidgets();
+        if (localStorage.getItem('fociz_bullet_tab') === 'notes') {
+            switchBulletView('notes');
+        }
         if (document.getElementById('plannerJiraListContainer')) {
             filterPlannerJira();
         }