// This will run after the page loads to fetch fresh data document.addEventListener('DOMContentLoaded', function() { // Function to update dashboard data async function refreshDashboard() { try { // Fetch dashboard data const dashboardRes = await fetch('https://gms-api-k646.onrender.com/api/dashboard'); if (dashboardRes.ok) { const data = await dashboardRes.json(); // Update the dashboard counters document.getElementById('customers-count').innerText = data.customers; document.getElementById('vehicles-count').innerText = data.vehicles; document.getElementById('workorders-count').innerText = data.workOrders; // Hide the static message document.getElementById('static-message')?.remove(); } // Fetch work orders const ordersRes = await fetch('https://gms-api-k646.onrender.com/api/work_orders?page=1'); if (ordersRes.ok) { const data = await ordersRes.json(); // Update the work orders container if (data.workOrders && data.workOrders.length > 0) { const container = document.getElementById('work-orders-container'); if (container) { let html = '

ID: ${wo.work_order_id}

Status: ${wo.status}

Vehicle: ${wo.make} ${wo.model}

Supervisor: ${wo.supervisor || "N/A"}

Completed: ${wo.is_completed ? "Yes" : "No"}

'; container.innerHTML = html; } } } } catch (error) { console.error("Error refreshing dashboard:", error); } } // Execute the refresh function refreshDashboard(); });

Page

Total Customers

Total Vehicles

Total Work Orders

Recent Work Orders