Add deletion, update time, zero hour

public/dashboard.html

@@ -92,6 +92,7 @@
 
         input[type="text"],
         input[type="number"],
+        input[type="datetime-local"],
         textarea,
         select {
             width: 100%;
@@ -287,9 +288,14 @@
                     <textarea id="updateDescription" name="description" placeholder="e.g., Refilled and working well"></textarea>
                 </div>
                 
+                <div class="form-group">
+                    <label for="statusAsOf">Status as of</label>
+                    <input type="datetime-local" id="statusAsOf" name="statusAsOf">
+                </div>
+                
                 <div class="form-group">
                     <label for="estimatedHours">Estimated hours until empty</label>
-                    <input type="number" id="estimatedHours" name="estimatedHours" min="1" max="48" value="6">
+                    <input type="number" id="estimatedHours" name="estimatedHours" min="0" max="48" value="6">
                 </div>
                 
                 <button type="submit" class="btn btn-primary">Update Status</button>
@@ -343,6 +349,7 @@
                 
                 <button type="submit" class="btn btn-primary">Save Changes</button>
                 <button type="button" class="btn btn-secondary" onclick="closeEditModal()">Cancel</button>
+                <button type="button" class="btn" onclick="deleteStation()" style="background: #dc3545; color: white; margin-top: 0.5rem; width: 100%;">Delete Station</button>
             </form>
         </div>
     </div>
@@ -552,6 +559,7 @@
         window.closeAddModal = closeAddModal;
         window.closeEditModal = closeEditModal;
         window.openEditModal = openEditModal;
+        window.deleteStation = deleteStation;
 
         async function loadStations() {
             try {
@@ -644,6 +652,11 @@
             selectedStation = station;
             document.getElementById('updateModal').style.display = 'block';
             
+            // Set current date/time as default
+            const now = new Date();
+            const localDateTime = new Date(now.getTime() - now.getTimezoneOffset() * 60000).toISOString().slice(0, 16);
+            document.getElementById('statusAsOf').value = localDateTime;
+            
             // Center map on selected station
             map.setView([station.latitude, station.longitude], 16);
         }
@@ -698,6 +711,34 @@
             document.getElementById('edit-message').innerHTML = '';
         }
 
+        function deleteStation() {
+            if (!selectedStation) {
+                showMessage('edit-message', 'No station selected', 'error');
+                return;
+            }
+            
+            if (confirm(`Are you sure you want to delete "${selectedStation.name}"? This action cannot be undone.`)) {
+                fetch(`/api/stations/${selectedStation.id}`, {
+                    method: 'DELETE'
+                })
+                .then(response => response.json())
+                .then(result => {
+                    if (result.success) {
+                        showMessage('edit-message', 'Station deleted successfully!');
+                        setTimeout(() => {
+                            closeEditModal();
+                            loadStations();
+                        }, 1500);
+                    } else {
+                        showMessage('edit-message', result.error || 'Failed to delete station', 'error');
+                    }
+                })
+                .catch(error => {
+                    showMessage('edit-message', 'Failed to delete station', 'error');
+                });
+            }
+        }
+
         // Close modal when clicking outside
         window.onclick = function(event) {
             const updateModal = document.getElementById('updateModal');
@@ -803,7 +844,8 @@
             const formData = new FormData(e.target);
             const data = {
                 description: formData.get('description'),
-                estimatedHours: formData.get('estimatedHours')
+                estimatedHours: formData.get('estimatedHours'),
+                statusAsOf: formData.get('statusAsOf')
             };
             
             try {