Add Pending Payment tab and rebrand to TeleShop Admin

- Added new 'Pending Payment' tab to show orders awaiting payment (4 orders)
- Rebranded admin panel from 'LittleShop Admin' to 'TeleShop Admin'
- Updated login page, layout, and dashboard with new branding
- Fixed visibility issue where PendingPayment orders had no tab
- All 13 orders are now visible across appropriate tabs

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

LittleShop/Areas/Admin/Controllers/OrdersController.cs

@@ -22,6 +22,10 @@ public class OrdersController : Controller
 
         switch (tab.ToLower())
         {
+            case "pending":
+                ViewData["Orders"] = await _orderService.GetOrdersByStatusAsync(LittleShop.Enums.OrderStatus.PendingPayment);
+                ViewData["TabTitle"] = "Pending Payment";
+                break;
             case "accept":
                 ViewData["Orders"] = await _orderService.GetOrdersRequiringActionAsync();
                 ViewData["TabTitle"] = "Orders to Accept";
@@ -53,6 +57,7 @@ public class OrdersController : Controller
         }
 
         // Get workflow counts for tab badges
+        ViewData["PendingCount"] = (await _orderService.GetOrdersByStatusAsync(LittleShop.Enums.OrderStatus.PendingPayment)).Count();
         ViewData["AcceptCount"] = (await _orderService.GetOrdersRequiringActionAsync()).Count();
         ViewData["PackingCount"] = (await _orderService.GetOrdersForPackingAsync()).Count();
         ViewData["DispatchedCount"] = (await _orderService.GetOrdersByStatusAsync(LittleShop.Enums.OrderStatus.Dispatched)).Count();

LittleShop/Areas/Admin/Views/Account/Login.cshtml

@@ -24,7 +24,7 @@
             <div class="col-md-6 col-lg-4">
                 <div class="card mt-5">
                     <div class="card-header text-center">
-                        <h4><i class="fas fa-store"></i> LittleShop Admin</h4>
+                        <h4><i class="fas fa-store"></i> TeleShop Admin</h4>
                     </div>
                     <div class="card-body">
                         <form method="post" action="/Admin/Account/Login">

LittleShop/Areas/Admin/Views/Dashboard/Index.cshtml

@@ -157,11 +157,11 @@ document.addEventListener('DOMContentLoaded', function() {
             }
             
             // Show manual install instructions
-            alert(`To install LittleShop Admin as an app:
+            alert(`To install TeleShop Admin as an app:
 
 🌐 Chrome/Edge:
 1. Click the install icon (⊞) in the address bar, OR
-2. Menu (⋮) → "Install LittleShop Admin"
+2. Menu (⋮) → "Install TeleShop Admin"
 
 🍎 Safari (iOS):
 1. Share button → "Add to Home Screen"

LittleShop/Areas/Admin/Views/Orders/Index.cshtml

@@ -4,6 +4,7 @@
     var currentTab = ViewData["CurrentTab"] as string ?? "accept";
     var tabTitle = ViewData["TabTitle"] as string ?? "Orders";
 
+    var pendingCount = (int)(ViewData["PendingCount"] ?? 0);
     var acceptCount = (int)(ViewData["AcceptCount"] ?? 0);
     var packingCount = (int)(ViewData["PackingCount"] ?? 0);
     var dispatchedCount = (int)(ViewData["DispatchedCount"] ?? 0);
@@ -24,6 +25,17 @@
 
 <!-- Workflow Tabs - Mobile Responsive -->
 <ul class="nav nav-tabs mb-3 flex-nowrap overflow-auto" id="orderTabs" role="tablist" style="white-space: nowrap;">
+    <li class="nav-item" role="presentation">
+        <a class="nav-link @(currentTab == "pending" ? "active" : "")" href="@Url.Action("Index", new { tab = "pending" })">
+            <i class="fas fa-clock"></i>
+            <span class="d-none d-md-inline">Pending Payment</span>
+            <span class="d-md-none">Pending</span>
+            @if (pendingCount > 0)
+            {
+                <span class="badge bg-secondary ms-1">@pendingCount</span>
+            }
+        </a>
+    </li>
     <li class="nav-item" role="presentation">
         <a class="nav-link @(currentTab == "accept" ? "active" : "")" href="@Url.Action("Index", new { tab = "accept" })">
             <i class="fas fa-check-circle"></i>

LittleShop/Areas/Admin/Views/Shared/_Layout.cshtml

@@ -3,13 +3,13 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
-    <title>@ViewData["Title"] - LittleShop Admin</title>
+    <title>@ViewData["Title"] - TeleShop Admin</title>
     
     <!-- PWA Meta Tags -->
-    <meta name="application-name" content="LittleShop Admin" />
+    <meta name="application-name" content="TeleShop Admin" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
-    <meta name="apple-mobile-web-app-title" content="LittleShop" />
+    <meta name="apple-mobile-web-app-title" content="TeleShop" />
     <meta name="description" content="Modern e-commerce admin panel" />
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="theme-color" content="#2563eb" />
@@ -40,7 +40,7 @@
         <nav class="navbar navbar-expand-sm navbar-light bg-white">
             <div class="container-fluid">
                 <a class="navbar-brand" href="@Url.Action("Index", "Dashboard", new { area = "Admin" })">
-                    <i class="fas fa-store"></i> LittleShop Admin
+                    <i class="fas fa-store"></i> TeleShop Admin
                 </a>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse">
                     <span class="navbar-toggler-icon"></span>