From 92e594ee328358ab4337e16a9f524e2c542853a1 Mon Sep 17 00:00:00 2001
From: johnnyq <johnny@pittpc.com>
Date: Fri, 14 Jun 2024 13:41:16 -0400
Subject: [PATCH] Updated Budget UI to include card header and made a view only
 option for budget

---
 budget.php      | 110 ++++++++++++++++++++++++++----------------------
 budget_edit.php | 110 ++++++++++++++++++++++++++++++++++++++++++++++++
 side_nav.php    |   2 +-
 3 files changed, 170 insertions(+), 52 deletions(-)
 create mode 100644 budget_edit.php

diff --git a/budget.php b/budget.php
index 8c4b4ae2..834ca0f5 100644
--- a/budget.php
+++ b/budget.php
@@ -10,16 +10,24 @@ while($row = mysqli_fetch_assoc($result)) {
     $categories[] = $row;
 }
 
+// Fetch years with budget
+$query = "SELECT DISTINCT budget_year FROM budget ORDER BY budget_year ASC";
+$result = mysqli_query($mysqli, $query);
+$years = [];
+while ($row = mysqli_fetch_assoc($result)) {
+    $years[] = $row['budget_year'];
+}
+
 // Fetch current year budgets
 $currentYear = date("Y");
-if(isset($_GET['year'])) {
+if (isset($_GET['year'])) {
     $currentYear = intval($_GET['year']);
 }
 
 $query = "SELECT * FROM budget WHERE budget_year = $currentYear";
 $result = mysqli_query($mysqli, $query);
 $budgets = [];
-while($row = mysqli_fetch_assoc($result)) {
+while ($row = mysqli_fetch_assoc($result)) {
     $budgets[] = $row;
 }
 
@@ -28,64 +36,64 @@ $columnTotals = array_fill(0, 12, 0);
 $grandTotal = 0;
 
 ?>
-<div class="card card-body">
-    
-    <h1>Budget for <span id="currentYear"><?php echo $currentYear; ?></span></h1>
+<div class="card card-dark">
+    <div class="card-header py-2">
+        <h3 class="card-title mt-2"><i class="fas fa-fw fa-balance-scale mr-2"></i>Budget for <span id="currentYear"><?php echo $currentYear; ?></span></h3>
+        <div class="card-tools">
+            <a href="budget_edit.php" class="btn btn-primary">
+                <i class="fas fa-edit mr-2"></i>Edit Budget
+            </a>
+        </div>
+    </div>
+    <div class="card-body">
     <form id="yearForm" method="GET" action="budget.php">
         <div class="form-group">
             <select class="form-control" name="year" id="yearSelect" onchange="submit();">
-                <?php for ($i = $currentYear - 10; $i <= $currentYear + 5; $i++): ?>
-                    <option value="<?php echo $i; ?>" <?php if ($i == $currentYear) echo 'selected'; ?>><?php echo $i; ?></option>
-                <?php endfor; ?>
+                <?php foreach ($years as $year): ?>
+                    <option value="<?php echo $year; ?>" <?php if ($year == $currentYear) echo 'selected'; ?>><?php echo $year; ?></option>
+                <?php endforeach; ?>
             </select>
         </div>
     </form>
-    <form id="budgetForm" method="POST" action="post.php">
-        <input type="hidden" name="year" value="<?php echo $currentYear; ?>">
-        <table class="table table-bordered table-striped">
-            <thead>
+    <table class="table table-bordered table-striped">
+        <thead>
+        <tr>
+            <th>Expense</th>
+            <?php foreach ($months as $month): ?>
+                <th><?php echo $month; ?></th>
+            <?php endforeach; ?>
+            <th>Total</th>
+        </tr>
+        </thead>
+        <tbody>
+        <?php foreach ($categories as $category): ?>
             <tr>
-                <th>Expense</th>
-                <?php foreach ($months as $month): ?>
-                    <th><?php echo $month; ?></th>
+                <td><?php echo nullable_htmlentities($category['category_name']); ?></td>
+                <?php 
+                $rowTotal = 0;
+                foreach ($months as $index => $month): 
+                    $amount = getBudgetAmount($budgets, $category['category_id'], $index + 1);
+                    $rowTotal += $amount;
+                    $columnTotals[$index] += $amount;
+                ?>
+                    <td><?php echo $amount; ?></td>
                 <?php endforeach; ?>
-                <th>Total</th>
+                <td><?php echo $rowTotal; ?></td>
             </tr>
-            </thead>
-            <tbody>
-            <?php foreach ($categories as $category): ?>
-                <tr>
-                    <td><?php echo nullable_htmlentities($category['category_name']); ?></td>
-                    <?php 
-                    $rowTotal = 0;
-                    foreach ($months as $index => $month): 
-                        $amount = getBudgetAmount($budgets, $category['category_id'], $index + 1);
-                        $rowTotal += $amount;
-                        $columnTotals[$index] += $amount;
-                    ?>
-                        <td><input type='text' inputmode='numeric' pattern='[0-9]*' class="form-control" name="budget[<?php echo intval($category['category_id']); ?>][<?php echo $index + 1; ?>]" value="<?php echo $amount; ?>"></td>
-                    <?php endforeach; ?>
-                    <td><?php echo $rowTotal; ?></td>
-                </tr>
-            <?php 
-            $grandTotal += $rowTotal;
-            endforeach; ?>
-            </tbody>
-            <tfoot>
-            <tr>
-                <th>Total</th>
-                <?php foreach ($columnTotals as $total): ?>
-                    <th><?php echo $total; ?></th>
-                <?php endforeach; ?>
-                <th><?php echo $grandTotal; ?></th>
-            </tr>
-            </tfoot>
-        </table>
-        <button type="submit" name="save_budget" class="btn btn-primary"><i class="fas fa-fw fa-check mr-2"></i>Save Budget</button>
-        <button type="submit" name="delete_budget" class="btn btn-danger float-right"><i class="fas fa-fw fa-trash mr-2"></i>Delete Budget</button>
-    </form>
-    </div>
-
+        <?php 
+        $grandTotal += $rowTotal;
+        endforeach; ?>
+        </tbody>
+        <tfoot>
+        <tr>
+            <th>Total</th>
+            <?php foreach ($columnTotals as $total): ?>
+                <th><?php echo $total; ?></th>
+            <?php endforeach; ?>
+            <th><?php echo $grandTotal; ?></th>
+        </tr>
+        </tfoot>
+    </table>
 </div>
 
 <?php
diff --git a/budget_edit.php b/budget_edit.php
new file mode 100644
index 00000000..c25007af
--- /dev/null
+++ b/budget_edit.php
@@ -0,0 +1,110 @@
+<?php
+
+require_once "inc_all.php";
+
+// Fetch categories
+$query = "SELECT category_id, category_name FROM categories WHERE category_type ='Expense' AND category_archived_at IS NULL";
+$result = mysqli_query($mysqli, $query);
+$categories = [];
+while($row = mysqli_fetch_assoc($result)) {
+    $categories[] = $row;
+}
+
+// Fetch current year budgets
+$currentYear = date("Y");
+if(isset($_GET['year'])) {
+    $currentYear = intval($_GET['year']);
+}
+
+$query = "SELECT * FROM budget WHERE budget_year = $currentYear";
+$result = mysqli_query($mysqli, $query);
+$budgets = [];
+while($row = mysqli_fetch_assoc($result)) {
+    $budgets[] = $row;
+}
+
+$months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+$columnTotals = array_fill(0, 12, 0);
+$grandTotal = 0;
+
+?>
+<div class="card card-dark">
+    <div class="card-header py-2">
+        <h3 class="card-title mt-2"><i class="fas fa-fw fa-balance-scale mr-2"></i>Editing Budget for <span id="currentYear"><?php echo $currentYear; ?></span></h3>
+        <div class="card-tools">
+            <a href="budget.php" class="btn btn-default text-dark">
+                <i class="fas fa-eye mr-2"></i>View Budget
+            </a>
+            <button type="submit" name="save_budget" form="budgetForm" class="btn btn-primary"><i class="fas fa-fw fa-check mr-2"></i>Save Budget</button>
+            <button type="submit" name="delete_budget" form="budgetForm" class="btn btn-danger"><i class="fas fa-fw fa-trash mr-2"></i>Delete Budget</button>
+        </div>
+    </div>
+    <div class="card-body">
+    
+    <form id="yearForm" method="GET" action="budget.php">
+        <div class="form-group">
+            <select class="form-control" name="year" id="yearSelect" onchange="submit();">
+                <?php for ($i = $currentYear - 10; $i <= $currentYear + 5; $i++): ?>
+                    <option value="<?php echo $i; ?>" <?php if ($i == $currentYear) echo 'selected'; ?>><?php echo $i; ?></option>
+                <?php endfor; ?>
+            </select>
+        </div>
+    </form>
+    <form id="budgetForm" method="POST" action="post.php">
+        <input type="hidden" name="year" value="<?php echo $currentYear; ?>">
+        <table class="table table-bordered table-striped">
+            <thead>
+            <tr>
+                <th>Expense</th>
+                <?php foreach ($months as $month): ?>
+                    <th><?php echo $month; ?></th>
+                <?php endforeach; ?>
+                <th>Total</th>
+            </tr>
+            </thead>
+            <tbody>
+            <?php foreach ($categories as $category): ?>
+                <tr>
+                    <td><?php echo nullable_htmlentities($category['category_name']); ?></td>
+                    <?php 
+                    $rowTotal = 0;
+                    foreach ($months as $index => $month): 
+                        $amount = getBudgetAmount($budgets, $category['category_id'], $index + 1);
+                        $rowTotal += $amount;
+                        $columnTotals[$index] += $amount;
+                    ?>
+                        <td><input type='text' inputmode='numeric' pattern='[0-9]*' class="form-control" name="budget[<?php echo intval($category['category_id']); ?>][<?php echo $index + 1; ?>]" value="<?php echo $amount; ?>"></td>
+                    <?php endforeach; ?>
+                    <td><?php echo $rowTotal; ?></td>
+                </tr>
+            <?php 
+            $grandTotal += $rowTotal;
+            endforeach; ?>
+            </tbody>
+            <tfoot>
+            <tr>
+                <th>Total</th>
+                <?php foreach ($columnTotals as $total): ?>
+                    <th><?php echo $total; ?></th>
+                <?php endforeach; ?>
+                <th><?php echo $grandTotal; ?></th>
+            </tr>
+            </tfoot>
+        </table>
+    </form>
+    </div>
+
+</div>
+
+<?php
+function getBudgetAmount($budgets, $categoryId, $month) {
+    foreach ($budgets as $budget) {
+        if ($budget['budget_category_id'] == $categoryId && $budget['budget_month'] == $month) {
+            return intval($budget['budget_amount']);
+        }
+    }
+    return 0;
+}
+
+require_once "footer.php";
+?>
diff --git a/side_nav.php b/side_nav.php
index ca7d5de7..e89feca8 100644
--- a/side_nav.php
+++ b/side_nav.php
@@ -163,7 +163,7 @@
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a href="budget.php" class="nav-link <?php if (basename($_SERVER["PHP_SELF"]) == "budget.php") { echo "active"; } ?>">
+                        <a href="budget.php" class="nav-link <?php if (basename($_SERVER["PHP_SELF"]) == "budget.php" || basename($_SERVER["PHP_SELF"]) == "budget_edit.php") { echo "active"; } ?>">
                             <i class="nav-icon fas fa-balance-scale"></i>
                             <p>Budget</p>
                         </a>