From a2df9a69dcc14cb70118cda2ded499055e7ee358 Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Sun, 21 Aug 2022 17:31:56 +0200
Subject: m. update

---
 includes/planner.php | 872 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 872 insertions(+)
 create mode 100644 includes/planner.php

(limited to 'includes/planner.php')

diff --git a/includes/planner.php b/includes/planner.php
new file mode 100644
index 0000000..0b7604a
--- /dev/null
+++ b/includes/planner.php
@@ -0,0 +1,872 @@
+<?php
+
+$cloudburst = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/ynmuc-planner.json"), true);
+$raindrops = json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/gdapd-planner.json"), true);
+
+?>
+
+<h2>Front Planner</h2>
+<table id="planner">
+    <tbody>
+    <tr class="planner-day">
+        <td colspan="4" id="planner-header-0">Today</td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d')]) $cloudburst[date('Y-m-d')] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d')];
+        if (!$raindrops[date('Y-m-d')]) $raindrops[date('Y-m-d')] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d')];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d') ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 0);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d') ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 0);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+
+    <tr class="planner-day" id="planner-header-1">
+        <td colspan="4">Tomorrow</td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d', time() + 86400)]) $cloudburst[date('Y-m-d', time() + 86400)] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d', time() + 86400)];
+        if (!$raindrops[date('Y-m-d', time() + 86400)]) $raindrops[date('Y-m-d', time() + 86400)] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d', time() + 86400)];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d', time() + 86400) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 1);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d', time() + 86400) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 1);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+
+    <tr class="planner-day" id="planner-header-2">
+        <td colspan="4"><?= date('l', time() + (86400 * 2)) ?></td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d', time() + (86400 * 2))]) $cloudburst[date('Y-m-d', time() + (86400 * 2))] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d', time() + (86400 * 2))];
+        if (!$raindrops[date('Y-m-d', time() + (86400 * 2))]) $raindrops[date('Y-m-d', time() + (86400 * 2))] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d', time() + (86400 * 2))];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 2)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 2);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 2)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 2);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+
+    <tr class="planner-day">
+        <td colspan="4" id="planner-header-3"><?= date('l', time() + (86400 * 3)) ?></td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d', time() + (86400 * 3))]) $cloudburst[date('Y-m-d', time() + (86400 * 3))] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d', time() + (86400 * 3))];
+        if (!$raindrops[date('Y-m-d', time() + (86400 * 3))]) $raindrops[date('Y-m-d', time() + (86400 * 3))] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d', time() + (86400 * 3))];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 3)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 3);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 3)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 3);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+
+    <tr class="planner-day">
+        <td colspan="4" id="planner-header-4"><?= date('l', time() + (86400 * 4)) ?></td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d', time() + (86400 * 4))]) $cloudburst[date('Y-m-d', time() + (86400 * 4))] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d', time() + (86400 * 4))];
+        if (!$raindrops[date('Y-m-d', time() + (86400 * 4))]) $raindrops[date('Y-m-d', time() + (86400 * 4))] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d', time() + (86400 * 4))];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 4)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 4);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 4)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 4);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+
+    <tr class="planner-day">
+        <td colspan="4" id="planner-header-5"><?= date('l', time() + (86400 * 5)) ?></td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d', time() + (86400 * 5))]) $cloudburst[date('Y-m-d', time() + (86400 * 5))] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d', time() + (86400 * 5))];
+        if (!$raindrops[date('Y-m-d', time() + (86400 * 5))]) $raindrops[date('Y-m-d', time() + (86400 * 5))] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d', time() + (86400 * 5))];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 5)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 5);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 5)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 5);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+
+    <tr class="planner-day">
+        <td colspan="4" id="planner-header-6"><?= date('l', time() + (86400 * 6)) ?></td>
+        <?php
+
+        if (!$cloudburst[date('Y-m-d', time() + (86400 * 6))]) $cloudburst[date('Y-m-d', time() + (86400 * 6))] = [];
+        $dayCloudburst = $cloudburst[date('Y-m-d', time() + (86400 * 6))];
+        if (!$raindrops[date('Y-m-d', time() + (86400 * 6))]) $raindrops[date('Y-m-d', time() + (86400 * 6))] = [];
+        $dayRaindrops = $raindrops[date('Y-m-d', time() + (86400 * 6))];
+
+        $index = 0;
+        $lengthCloudburst = count($dayCloudburst);
+        $lengthRaindrops = count($dayRaindrops);
+        $biggest = max($lengthCloudburst, $lengthRaindrops);
+
+        ?>
+    </tr>
+    <tr class="planner-header">
+        <td colspan="2">Cloudburst System</td>
+        <td colspan="2">Raindrops System</td>
+    </tr>
+    <?php for ($i = 0; $i <= $biggest; $i++): ?>
+        <tr class="planner-member">
+            <?php if (isset($dayCloudburst[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <td class="planner-link">
+                    <?php $member = getSystemMember("ynmuc", $dayCloudburst[$index]); ?>
+                    <a class="member-link" onclick="openEditFronter('cloudburst', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 6)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayCloudburst)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('cloudburst', 6);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+            <?php if (isset($dayRaindrops[$index])): ?>
+                <td class="planner-member-id">
+                    <?= $index + 1 ?>
+                </td>
+                <?php $member = getSystemMember("gdapd", $dayRaindrops[$index]); ?>
+                <td class="planner-link">
+                    <a class="member-link" onclick="openEditFronter('raindrops', <?= $index ?>, '<?= date('Y-m-d', time() + (86400 * 6)) ?>')"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                </td>
+            <?php elseif ($index === count($dayRaindrops)): ?>
+                <td class="planner-add-inner planner-link" colspan="2">
+                    <a href="#" onclick="addFronter('raindrops', 6);" class="planner-add-link">
+                        <img src="/assets/icons/add.svg" alt="" class="planner-add-icon">
+                        <span class="planner-add-text">Add new fronter</span>
+                    </a>
+                </td>
+            <?php else: ?>
+                <td colspan="2" class="planner-empty"></td>
+            <?php endif; ?>
+        </tr>
+        <?php $index++; endfor; ?>
+    <tr class="planner-day planner-end-of-day">
+        <td colspan="4">
+            <?php if (count($dayCloudburst) > 0 && count($dayRaindrops) > 0): ?>
+                <?= getMiniName(getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["display_name"] ?? getSystemMember("ynmuc", $dayCloudburst[count($dayCloudburst) - 1])["name"]) ?> will sleep with <?= getMiniName(getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["display_name"] ?? getSystemMember("gdapd", $dayRaindrops[count($dayRaindrops) - 1])["name"]) ?>
+            <?php else: ?>
+                Unable to calculate who will sleep with who
+            <?php endif; ?>
+        </td>
+    </tr>
+    <tr class="planner-separator"></tr>
+    </tbody>
+</table>
+
+<style>
+    #planner {
+        margin-top: 10px;
+        border-collapse: collapse;
+        width: 100%;
+    }
+
+    .planner-header {
+        font-weight: bold;
+        text-align: center;
+    }
+
+    .planner-header td {
+        width: 50%;
+    }
+
+    td {
+        border: 1px solid rgba(255, 255, 255, .25);
+        padding: 5px 10px;
+    }
+
+    .planner-day {
+        text-align: center;
+        color: rgba(255, 255, 255, .5);
+        font-weight: bold;
+    }
+
+    .planner-end-of-day {
+        font-weight: normal;
+    }
+
+    .planner-end-of-day td {
+        border-bottom-left-radius: 10px;
+    }
+
+    .planner-separator {
+        height: 20px;
+    }
+
+    .planner-member-id {
+        width: 10%;
+        text-align: right;
+    }
+
+    .planner-link {
+        padding: 0;
+    }
+
+    .planner-link a {
+        padding: 5px 10px;
+        display: block;
+    }
+
+    .planner-add-link {
+        color: rgba(255, 255, 255, .75);
+        text-decoration: none;
+    }
+
+    .planner-add-link:hover {
+        color: rgba(255, 255, 255, .75);
+    }
+
+    .planner-link:hover {
+        background-color: rgba(255, 255, 255, .125);
+    }
+
+    .planner-link:active {
+        background-color: rgba(255, 255, 255, .25);
+    }
+
+    .planner-add-icon {
+        filter: invert(1);
+        width: 24px;
+        vertical-align: middle;
+        opacity: .75;
+    }
+
+    .planner-add-text {
+        vertical-align: middle;
+    }
+
+    .modal-header {
+        border-bottom: 1px solid #353738;
+    }
+
+    .modal-content {
+        border: 1px solid rgba(255, 255, 255, .2);
+        background-color: #111;
+    }
+
+    .btn-close {
+        filter: invert(1);
+    }
+
+    .list-group-item {
+        color: #fff;
+        background-color: #222;
+        border: 1px solid rgba(255, 255, 255, .125);
+    }
+
+    .list-group-item.disabled {
+        color: #fff;
+        background-color: #222;
+        border-color: rgba(255, 255, 255, .125);
+        opacity: .75;
+    }
+
+    .list-group-item:hover {
+        background-color: #252525;
+        color: #ddd;
+    }
+
+    .list-group-item:active, .list-group-item:focus {
+        background-color: #272727;
+        color: #bbb;
+    }
+
+    .member-link, .list-group-item-action {
+        cursor: pointer !important;
+    }
+
+</style>
+
+<!--suppress JSUnresolvedVariable, JSUnresolvedFunction -->
+<script>
+    window.currentWorkingDate;
+    window.fronting = JSON.parse(window.atob(`<?= base64_encode(json_encode([
+        "raindrops" => $raindrops,
+        "cloudburst" => $cloudburst
+    ])) ?>`));
+    window.names = JSON.parse(window.atob(`<?php
+
+    $names = [];
+    foreach (json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/gdapd-members.json"), true) as $member) {
+        $names[$member['id']] = $member['display_name'] ?? $member['name'];
+    }
+    foreach (json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/ynmuc-members.json"), true) as $member) {
+        $names[$member['id']] = $member['display_name'] ?? $member['name'];
+    }
+
+    echo(base64_encode(json_encode($names))) ?>`));
+
+    function ordinal(n) {
+        let s = ["th", "st", "nd", "rd"];
+        let v = n % 100;
+        return n + (s[(v - 20) % 10] || s[v] || s[0]);
+    }
+
+    function openEditFronter(system, id, date) {
+        let display;
+
+        switch (date) {
+            case "<?= date('Y-m-d') ?>":
+                display = "today";
+                break;
+
+            case "<?= date('Y-m-d', time() + 86400) ?>":
+                display = "tomorrow";
+                break;
+
+            case "<?= date('Y-m-d', time() + (86400 * 2)) ?>":
+                display = "on <?= date('l', time() + (86400 * 2)) ?>";
+                break;
+
+            case "<?= date('Y-m-d', time() + (86400 * 3)) ?>":
+                display = "on <?= date('l', time() + (86400 * 3)) ?>";
+                break;
+
+            case "<?= date('Y-m-d', time() + (86400 * 4)) ?>":
+                display = "on <?= date('l', time() + (86400 * 4)) ?>";
+                break;
+
+            case "<?= date('Y-m-d', time() + (86400 * 5)) ?>":
+                display = "on <?= date('l', time() + (86400 * 5)) ?>";
+                break;
+
+            case "<?= date('Y-m-d', time() + (86400 * 6)) ?>":
+                display = "on <?= date('l', time() + (86400 * 6)) ?>";
+                break;
+        }
+
+        window.selectedFronting = {
+            system: system === "cloudburst" ? "ynmuc" : "gdapd",
+            date: date,
+            index: id
+        }
+
+        document.getElementById("edit-fronter-name").innerText = names[fronting[system][date][id]] ?? fronting[system][date][id];
+        document.getElementById("edit-fronter-date").innerText = display;
+        document.getElementById("edit-fronter-pos").innerText = ordinal(id + 1);
+        document.getElementById("edit-fronter-system").innerText = system === "cloudburst" ? "Cloudburst System" : "Raindrops System";
+
+        let modal = new bootstrap.Modal(document.getElementById('edit-fronter'));
+        modal.show();
+    }
+
+    function addFronter(system, offset) {
+        let date;
+        let display;
+
+        switch (offset) {
+            case 0:
+                date = "<?= date('Y-m-d') ?>";
+                display = "today";
+                break;
+
+            case 1:
+                date = "<?= date('Y-m-d', time() + 86400) ?>";
+                display = "tomorrow";
+                break;
+
+            case 2:
+                date = "<?= date('Y-m-d', time() + (86400 * 2)) ?>";
+                display = "on <?= date('l', time() + (86400 * 2)) ?>";
+                break;
+
+            case 3:
+                date = "<?= date('Y-m-d', time() + (86400 * 3)) ?>";
+                display = "on <?= date('l', time() + (86400 * 3)) ?>";
+                break;
+
+            case 4:
+                date = "<?= date('Y-m-d', time() + (86400 * 4)) ?>";
+                display = "on <?= date('l', time() + (86400 * 4)) ?>";
+                break;
+
+            case 5:
+                date = "<?= date('Y-m-d', time() + (86400 * 5)) ?>";
+                display = "on <?= date('l', time() + (86400 * 5)) ?>";
+                break;
+
+            case 6:
+                date = "<?= date('Y-m-d', time() + (86400 * 6)) ?>";
+                display = "on <?= date('l', time() + (86400 * 6)) ?>";
+                break;
+        }
+
+        window.currentWorkingDate = date;
+        document.getElementById("new-fronter-date").innerText = display;
+        document.getElementById("new-fronter-system").innerText = system === "cloudburst" ? "Cloudburst System" : "Raindrops System";
+        document.getElementById("list-" + system).style.display = "";
+        document.getElementById("list-" + (system === "cloudburst" ? "raindrops" : "cloudburst")).style.display = "none";
+
+        let modal = new bootstrap.Modal(document.getElementById('new-fronter'));
+        modal.show();
+    }
+
+    function confirmFronterAdd(system, id) {
+        Array.from(document.getElementsByClassName("new-fronter-link")).forEach((i) => {
+            i.classList.add("disabled");
+        });
+
+        document.getElementById("new-fronter-close").classList.add("disabled");
+
+        window.fetch("/api/fronter?t=add&d=" + window.currentWorkingDate + "&m=" + id + "&s=" + system).then(() => {
+            location.reload();
+        });
+    }
+
+    function deleteFronter() {
+        Array.from(document.getElementsByClassName("edit-fronter-link")).forEach((i) => {
+            i.classList.add("disabled");
+        });
+
+        document.getElementById("edit-fronter-close").classList.add("disabled");
+
+        window.fetch("/api/fronter?t=delete&d=" + window.selectedFronting["date"] + "&i=" + window.selectedFronting["index"] + "&s=" + window.selectedFronting["system"]).then(() => {
+            location.reload();
+        });
+    }
+
+    function moveFronterDown() {
+        Array.from(document.getElementsByClassName("edit-fronter-link")).forEach((i) => {
+            i.classList.add("disabled");
+        });
+
+        document.getElementById("edit-fronter-close").classList.add("disabled");
+
+        window.fetch("/api/fronter?t=down&d=" + window.selectedFronting["date"] + "&i=" + window.selectedFronting["index"] + "&s=" + window.selectedFronting["system"]).then(() => {
+            location.reload();
+        });
+    }
+
+    function moveFronterUp() {
+        Array.from(document.getElementsByClassName("edit-fronter-link")).forEach((i) => {
+            i.classList.add("disabled");
+        });
+
+        document.getElementById("edit-fronter-close").classList.add("disabled");
+
+        window.fetch("/api/fronter?t=up&d=" + window.selectedFronting["date"] + "&i=" + window.selectedFronting["index"] + "&s=" + window.selectedFronting["system"]).then(() => {
+            location.reload();
+        });
+    }
+</script>
+
+<div class="modal fade" id="new-fronter" data-bs-backdrop="static" data-bs-keyboard="false">
+    <div class="modal-dialog">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h4 class="modal-title">Add new fronter <span id="new-fronter-date">n/a</span></h4>
+                <button id="new-fronter-close" type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+
+            <div class="modal-body">
+                <p class="text-muted">Adding for the <span id="new-fronter-system">n/a</span></p>
+
+                <div class="list-group" id="list-raindrops">
+                    <?php foreach (scoreOrder(json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/gdapd-members.json"), true), "gdapd") as $member): ?>
+                        <a onclick="confirmFronterAdd('gdapd', '<?= $member['id'] ?>');" class="new-fronter-link member-link list-group-item list-group-item-action" href="#"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                    <?php endforeach; ?>
+                </div>
+
+                <div class="list-group" id="list-cloudburst">
+                    <?php foreach (scoreOrder(json_decode(file_get_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/ynmuc-members.json"), true), "ynmuc") as $member): ?>
+                        <a onclick="confirmFronterAdd('ynmuc', '<?= $member['id'] ?>');" class="new-fronter-link member-link list-group-item list-group-item-action" href="#"><img src="/assets/uploads/pt<?= file_exists($_SERVER['DOCUMENT_ROOT'] . "/assets/uploads/pt-" . $member['name'] . ".png") ? "-" . $member['name'] : "" ?>.png" style="width:24px;"> <?= getMiniName($member["display_name"] ?? $member["name"]) ?></a>
+                    <?php endforeach; ?>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="edit-fronter" data-bs-backdrop="static" data-bs-keyboard="false">
+    <div class="modal-dialog">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <h4 class="modal-title">Edit <span id="edit-fronter-name">n/a</span> fronting in <span id="edit-fronter-pos">n/a</span> <span id="edit-fronter-date">n/a</span></h4>
+                <button id="edit-fronter-close" type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+
+            <div class="modal-body">
+                <p class="text-muted">Editing for the <span id="edit-fronter-system">n/a</span></p>
+
+                <div class="list-group" id="list-cloudburst">
+                    <a class="list-group-item list-group-item-action edit-fronter-link" onclick="deleteFronter();">
+                        <img src="/assets/icons/delete.svg" style="width:24px;filter:invert(1);vertical-align: middle;">
+                        <span style="vertical-align: middle;">Delete</span>
+                    </a>
+                    <a class="list-group-item list-group-item-action edit-fronter-link" onclick="moveFronterUp();">
+                        <img src="/assets/icons/up.svg" style="width:24px;filter:invert(1);vertical-align: middle;">
+                        <span style="vertical-align: middle;">Move up</span>
+                    </a>
+                    <a class="list-group-item list-group-item-action edit-fronter-link" onclick="moveFronterDown();">
+                        <img src="/assets/icons/down.svg" style="width:24px;filter:invert(1);vertical-align: middle;">
+                        <span style="vertical-align: middle;">Move down</span>
+                    </a>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<?php
+
+file_put_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/ynmuc-planner.json", json_encode($cloudburst));
+file_put_contents($_SERVER['DOCUMENT_ROOT'] . "/includes/data/gdapd-planner.json", json_encode($raindrops));
+
+?>
\ No newline at end of file
-- 
cgit