Budget tests

Aberwyn/Views/Budget/Index.cshtml

@@ -5,7 +5,7 @@
     ViewData["Title"] = "Budget";
 }
 
-    <div ng-app="budgetApp" ng-controller="BudgetController" class="budget-page" ng-if="!loading">
+    <div ng-app="budgetApp" ng-controller="BudgetController">
         <div class="budget-header" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;">
             <div class="month-nav-bar" style="display: flex; align-items: center; gap: 10px; position: relative;">
                 <button class="nav-button" ng-click="previousMonth()">←</button>
@@ -190,14 +190,22 @@
                     <div>Summa</div>
                     <div class="amount">{{ getCategorySum(cat) | number:0 }}</div>
                 </div>
-
-            <div class="no-data" ng-if="!loading && budget && budget.categories.length === 0">
-                Det finns ingen budgetdata för vald månad ({{ selectedMonth }}/{{ selectedYear }}).
-                <button ng-click="copyPreviousMonthSafe()">[Test] Kopiera föregående</button>
-            </div>
         </div>
     </div>
-
+    <div class="no-data" ng-if="!loading && budget && budget.categories.length === 0">
+        <p>Det finns ingen budgetdata för
+            <strong>{{ budget.name || (selectedMonth + '/' + selectedYear) }}</strong>.
+        </p>
+    
+        <div style="margin-top: 10px;">
+            <button ng-click="createEmptyBudget()" style="margin-right: 10px;">
+                Skapa ny budget
+            </button>
+            <button ng-click="copyPreviousMonthSafe()">
+                Kopiera föregående månad
+            </button>
+        </div>
+    </div>
     <div class="add-item-popup" ng-show="addPopupVisible" ng-style="addPopupStyle" ng-class="{ 'above': addPopupAbove }">
         <label>Typ:</label>
         <select ng-model="addPopupData.newItemType">
@@ -262,8 +270,10 @@
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
 <script>
-    window.initialYear = @ViewBag.Year;
-    window.initialMonth = @ViewBag.Month;
+    window.initialYear = @(ViewBag.Year ?? "null");
+    window.initialMonth = @(ViewBag.Month ?? "null");
+    window.initialName = "@(ViewBag.BudgetName ?? "")";
+
 </script>
 <script src="~/js/budget.js"></script>
 <script src="~/js/budget-dragdrop.js"></script>