// Main application script
document.addEventListener('DOMContentLoaded', function() {
// Initialize tooltips
const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
// Toggle mobile menu
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', function() {
mobileMenu.classList.toggle('hidden');
});
}
// Load orders from Wareed API
async function loadOrders() {
try {
const response = await fetch('https://admin.wareed.com.sa/api/orders');
const orders = await response.json();
const tableBody = document.querySelector('tbody');
tableBody.innerHTML = '';
orders.forEach(order => {
const row = document.createElement('tr');
row.innerHTML = `
| ${order.id} |
${order.customer_name} |
${new Date(order.created_at).toLocaleDateString()} |
${order.status}
|
SAR ${order.total.toFixed(2)} |
View, ${order.id}
|
`;
tableBody.appendChild(row);
});
} catch (error) {
console.error('Error loading orders:', error);
// Show error message to user
}
}
function getStatusColor(status) {
switch(status.toLowerCase()) {
case 'completed':
return 'bg-green-100 text-green-800';
case 'pending':
return 'bg-yellow-100 text-yellow-800';
case 'cancelled':
return 'bg-red-100 text-red-800';
default:
return 'bg-gray-100 text-gray-800';
}
}
loadOrders();
});