date drop added

views/dashboard.ejs

@@ -37,7 +37,7 @@
   <% if (showStats) { %>
   <div class="stats-bar" id="statsBar">
     <div class="stat-card">
-      <div class="stat-label">Total Today</div>
+      <div class="stat-label" id="stat-total-label">Total Today</div>
       <div class="stat-value" id="stat-total"><%= stats.total %></div>
     </div>
     <div class="stat-card stat-new">
@@ -62,6 +62,22 @@
       <button class="filter-btn" data-filter="preparing">Preparing</button>
       <button class="filter-btn" data-filter="ready">Ready</button>
     </div>
+    <div class="date-filter-group">
+      <select class="date-filter-select" id="dateFilterSelect">
+        <option value="today" selected>Today</option>
+        <option value="yesterday">Yesterday</option>
+        <option value="last7">Last 7 Days</option>
+        <option value="last30">Last 30 Days</option>
+        <option value="all">All Time</option>
+        <option value="custom">Custom Range...</option>
+      </select>
+      <div class="date-filter-custom" id="dateFilterCustom" style="display:none;">
+        <input type="date" id="dateFilterFrom" class="date-filter-input" title="Start date">
+        <span class="date-filter-separator">to</span>
+        <input type="date" id="dateFilterTo" class="date-filter-input" title="End date">
+        <button class="btn btn-primary btn-sm date-filter-apply" id="dateFilterApply">Apply</button>
+      </div>
+    </div>
     <button class="btn btn-secondary sync-button" id="syncButton" onclick="manualSync()" title="Check for new orders now">
       <span class="sync-spinner"></span>
       <span class="sync-text">Sync Now</span>