function MainComponent() { const [isAuthenticated, setIsAuthenticated] = React.useState(false); const [currentUser, setCurrentUser] = React.useState(null); const [activeTab, setActiveTab] = React.useState("overview"); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); // Login form state const [loginForm, setLoginForm] = React.useState({ username: "", password: "" }); // Dashboard data const [dashboardStats, setDashboardStats] = React.useState({ totalShipments: 0, pendingQuotes: 0, recentActivity: [] }); // Shipments data const [shipments, setShipments] = React.useState([]); const [filteredShipments, setFilteredShipments] = React.useState([]); const [shipmentFilter, setShipmentFilter] = React.useState(""); const [statusFilter, setStatusFilter] = React.useState(""); // Quote requests data const [quoteRequests, setQuoteRequests] = React.useState([]); const [selectedQuote, setSelectedQuote] = React.useState(null); const [quoteUpdateForm, setQuoteUpdateForm] = React.useState({ status: "", quoted_price: "", admin_notes: "" }); // Contact messages data const [contactMessages, setContactMessages] = React.useState([]); // New shipment form const [newShipment, setNewShipment] = React.useState({ customerName: "", customerEmail: "", customerPhone: "", mineralType: "", weight: "", origin: "", destination: "", insuranceValue: "", specialInstructions: "" }); // Shipment update form const [updateForm, setUpdateForm] = React.useState({ shipmentId: "", status: "", currentLocation: "", estimatedDelivery: "", notes: "" }); const [selectedShipment, setSelectedShipment] = React.useState(null); const [showCreateForm, setShowCreateForm] = React.useState(false); const [showUpdateForm, setShowUpdateForm] = React.useState(false); // Check authentication on mount React.useEffect(()=>{ const savedUser = localStorage.getItem('admin_user'); if (savedUser) { setCurrentUser(JSON.parse(savedUser)); setIsAuthenticated(true); } }, []); // Load data when authenticated React.useEffect(()=>{ if (isAuthenticated) { loadDashboardData(); } }, [ isAuthenticated, activeTab ]); // Filter shipments React.useEffect(()=>{ let filtered = shipments; if (shipmentFilter) { filtered = filtered.filter((shipment)=>shipment.trackingNumber.toLowerCase().includes(shipmentFilter.toLowerCase()) || shipment.customerName.toLowerCase().includes(shipmentFilter.toLowerCase()) || shipment.customerEmail.toLowerCase().includes(shipmentFilter.toLowerCase())); } if (statusFilter) { filtered = filtered.filter((shipment)=>shipment.status === statusFilter); } setFilteredShipments(filtered); }, [ shipments, shipmentFilter, statusFilter ]); const handleLogin = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { // Since we don't have an admin authentication API, we'll simulate it // In a real implementation, this would call an API endpoint if (loginForm.username === "admin" && loginForm.password === "goldplus2025") { const user = { id: 1, username: "admin", role: "administrator", loginTime: new Date().toISOString() }; setCurrentUser(user); setIsAuthenticated(true); localStorage.setItem('admin_user', JSON.stringify(user)); setLoginForm({ username: "", password: "" }); } else { setError("Invalid username or password"); } } catch (error) { console.error("Login error:", error); setError("Login failed. Please try again."); } finally{ setLoading(false); } }; const handleLogout = ()=>{ setIsAuthenticated(false); setCurrentUser(null); localStorage.removeItem('admin_user'); setActiveTab("overview"); }; const loadDashboardData = async ()=>{ setLoading(true); setError(null); try { if (activeTab === "overview" || activeTab === "shipments") { await loadShipments(); } if (activeTab === "overview" || activeTab === "quotes") { await loadQuoteRequests(); } if (activeTab === "contacts") { await loadContactMessages(); } } catch (error) { console.error("Error loading dashboard data:", error); setError("Failed to load dashboard data"); } finally{ setLoading(false); } }; const loadShipments = async ()=>{ try { const response = await fetch("/api/get-shipments", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to load shipments: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { const formattedShipments = data.shipments.map((shipment)=>({ id: shipment.id, trackingNumber: shipment.tracking_number, customerName: shipment.customer_name, customerEmail: shipment.customer_email, customerPhone: shipment.customer_phone, mineralType: shipment.mineral_type, weight: shipment.weight_kg, origin: shipment.origin_country, destination: shipment.destination_country, status: shipment.current_status, currentLocation: shipment.current_location, estimatedDelivery: shipment.estimated_delivery, insuranceValue: shipment.insurance_value, specialInstructions: shipment.special_instructions, createdAt: shipment.created_at, lastUpdated: shipment.updated_at })); setShipments(formattedShipments); // Update dashboard stats setDashboardStats((prev)=>({ ...prev, totalShipments: formattedShipments.length })); } } catch (error) { console.error("Error loading shipments:", error); throw error; } }; const loadQuoteRequests = async ()=>{ try { // Simulate quote requests data since we don't have the API endpoint const mockQuotes = [ { id: 1, name: "John Smith", email: "john@example.com", phone: "+1-555-0123", mineral_type: "gold", weight_kg: 2.5, origin_country: "South Africa", destination_country: "United States", message: "Need secure transport for gold bars", status: "pending", quoted_price: null, admin_notes: "", created_at: "2025-01-08T10:00:00Z" }, { id: 2, name: "Sarah Johnson", email: "sarah@company.com", phone: "+1-555-0456", mineral_type: "diamonds", weight_kg: 0.5, origin_country: "Canada", destination_country: "United Kingdom", message: "Diamond shipment for jewelry business", status: "approved", quoted_price: 5000, admin_notes: "Premium service recommended", created_at: "2025-01-07T14:30:00Z" } ]; setQuoteRequests(mockQuotes); setDashboardStats((prev)=>({ ...prev, pendingQuotes: mockQuotes.filter((q)=>q.status === "pending").length })); } catch (error) { console.error("Error loading quote requests:", error); throw error; } }; const loadContactMessages = async ()=>{ try { // Simulate contact messages data const mockMessages = [ { id: 1, name: "Mike Wilson", email: "mike@example.com", subject: "Insurance Question", message: "What is the maximum insurance coverage available?", status: "unread", created_at: "2025-01-08T09:15:00Z" }, { id: 2, name: "Lisa Chen", email: "lisa@business.com", subject: "Bulk Shipping Rates", message: "I need information about bulk shipping rates for regular shipments.", status: "read", created_at: "2025-01-07T16:45:00Z" } ]; setContactMessages(mockMessages); } catch (error) { console.error("Error loading contact messages:", error); throw error; } }; const handleCreateShipment = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/create-shipment", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ customer_name: newShipment.customerName, customer_email: newShipment.customerEmail, customer_phone: newShipment.customerPhone, mineral_type: newShipment.mineralType, weight_kg: parseFloat(newShipment.weight), origin_country: newShipment.origin, destination_country: newShipment.destination, insurance_value: newShipment.insuranceValue ? parseFloat(newShipment.insuranceValue) : null, special_instructions: newShipment.specialInstructions }) }); if (!response.ok) { throw new Error(`Failed to create shipment: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { alert(`Shipment created successfully! Tracking number: ${data.shipment.tracking_number}`); setNewShipment({ customerName: "", customerEmail: "", customerPhone: "", mineralType: "", weight: "", origin: "", destination: "", insuranceValue: "", specialInstructions: "" }); setShowCreateForm(false); await loadShipments(); } else { setError(data.error || "Failed to create shipment"); } } catch (error) { console.error("Error creating shipment:", error); setError("Failed to create shipment"); } finally{ setLoading(false); } }; const handleUpdateShipment = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/update-shipment", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ shipment_id: parseInt(updateForm.shipmentId), status: updateForm.status, current_location: updateForm.currentLocation, estimated_delivery: updateForm.estimatedDelivery || null, notes: updateForm.notes }) }); if (!response.ok) { throw new Error(`Failed to update shipment: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data.success) { alert("Shipment updated successfully!"); setUpdateForm({ shipmentId: "", status: "", currentLocation: "", estimatedDelivery: "", notes: "" }); setShowUpdateForm(false); setSelectedShipment(null); await loadShipments(); } else { setError(data.error || "Failed to update shipment"); } } catch (error) { console.error("Error updating shipment:", error); setError(`Failed to update shipment: ${error.message}`); } finally{ setLoading(false); } }; const handleQuoteUpdate = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { // Simulate quote update since we don't have the API endpoint const updatedQuotes = quoteRequests.map((quote)=>quote.id === selectedQuote.id ? { ...quote, status: quoteUpdateForm.status, quoted_price: quoteUpdateForm.quoted_price ? parseFloat(quoteUpdateForm.quoted_price) : null, admin_notes: quoteUpdateForm.admin_notes } : quote); setQuoteRequests(updatedQuotes); setSelectedQuote(null); setQuoteUpdateForm({ status: "", quoted_price: "", admin_notes: "" }); alert("Quote updated successfully!"); } catch (error) { console.error("Error updating quote:", error); setError("Failed to update quote"); } finally{ setLoading(false); } }; const getStatusColor = (status)=>{ switch(status){ case "pending": return "bg-yellow-100 text-yellow-800"; case "picked_up": return "bg-blue-100 text-blue-800"; case "in_transit": return "bg-purple-100 text-purple-800"; case "delivered": return "bg-green-100 text-green-800"; case "delayed": return "bg-red-100 text-red-800"; case "approved": return "bg-green-100 text-green-800"; case "rejected": return "bg-red-100 text-red-800"; case "read": return "bg-gray-100 text-gray-800"; case "unread": return "bg-blue-100 text-blue-800"; default: return "bg-gray-100 text-gray-800"; } }; const getStatusText = (status)=>{ switch(status){ case "pending": return "Pending"; case "picked_up": return "Picked Up"; case "in_transit": return "In Transit"; case "delivered": return "Delivered"; case "delayed": return "Delayed"; case "approved": return "Approved"; case "rejected": return "Rejected"; case "read": return "Read"; case "unread": return "Unread"; default: return status; } }; // Login form if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 466, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-md p-8", __source: { fileName: "", lineNumber: 467, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 468, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, "Gold Plus LLC"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 470, columnNumber: 13 }, __self: this }, "Admin Dashboard Login")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 474, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-6", __source: { fileName: "", lineNumber: 479, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 480, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 481, columnNumber: 15 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", value: loginForm.username, onChange: (e)=>setLoginForm({ ...loginForm, username: e.target.value }), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 484, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 494, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: loginForm.password, onChange: (e)=>setLoginForm({ ...loginForm, password: e.target.value }), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 498, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-yellow-600 text-white py-3 rounded-lg font-semibold hover:bg-yellow-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 508, columnNumber: 13 }, __self: this }, loading ? "Signing In..." : "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 517, columnNumber: 11 }, __self: this }, "Demo credentials: admin / goldplus2025"))); } // Main dashboard return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 527, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 529, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 530, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center py-4", __source: { fileName: "", lineNumber: 531, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 532, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 533, columnNumber: 15 }, __self: this }, "Gold Plus LLC Admin"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 534, columnNumber: 15 }, __self: this }, "Welcome back, ", currentUser?.username)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 536, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 537, columnNumber: 15 }, __self: this }, "Last login: ", new Date(currentUser?.loginTime).toLocaleString()), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 540, columnNumber: 15 }, __self: this }, "Logout"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4", __source: { fileName: "", lineNumber: 552, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-8 border-b", __source: { fileName: "", lineNumber: 553, columnNumber: 9 }, __self: this }, [ { id: "overview", label: "Dashboard Overview" }, { id: "shipments", label: "Shipments" }, { id: "quotes", label: "Quote Requests" }, { id: "contacts", label: "Contact Messages" } ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab.id, onClick: ()=>setActiveTab(tab.id), className: `py-2 px-1 border-b-2 font-medium text-sm ${activeTab === tab.id ? "border-yellow-500 text-yellow-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 560, columnNumber: 13 }, __self: this }, tab.label)))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-8", __source: { fileName: "", lineNumber: 576, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 578, columnNumber: 11 }, __self: this }, error), activeTab === "overview" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 585, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 586, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 587, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 588, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mr-4", __source: { fileName: "", lineNumber: 589, columnNumber: 19 }, __self: this }, "📦"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 590, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 591, columnNumber: 21 }, __self: this }, "Total Shipments"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, dashboardStats.totalShipments)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 597, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 598, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mr-4", __source: { fileName: "", lineNumber: 599, columnNumber: 19 }, __self: this }, "💰"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 600, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 601, columnNumber: 21 }, __self: this }, "Pending Quotes"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-yellow-600", __source: { fileName: "", lineNumber: 602, columnNumber: 21 }, __self: this }, dashboardStats.pendingQuotes)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 607, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 608, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mr-4", __source: { fileName: "", lineNumber: 609, columnNumber: 19 }, __self: this }, "🚚"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 610, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-600", __source: { fileName: "", lineNumber: 611, columnNumber: 21 }, __self: this }, "In Transit"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-purple-600", __source: { fileName: "", lineNumber: 612, columnNumber: 21 }, __self: this }, shipments.filter((s)=>s.status === "in_transit").length))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 621, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 622, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 623, columnNumber: 17 }, __self: this }, "Recent Shipments")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 625, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 627, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 628, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 629, columnNumber: 23 }, __self: this }, "Tracking Number"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 632, columnNumber: 23 }, __self: this }, "Customer"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 635, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 638, columnNumber: 23 }, __self: this }, "Current Location"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 643, columnNumber: 19 }, __self: this }, shipments.slice(0, 5).map((shipment)=>/*#__PURE__*/ React.createElement("tr", { key: shipment.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 645, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 646, columnNumber: 25 }, __self: this }, shipment.trackingNumber), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 649, columnNumber: 25 }, __self: this }, shipment.customerName), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 652, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(shipment.status)}`, __source: { fileName: "", lineNumber: 653, columnNumber: 27 }, __self: this }, getStatusText(shipment.status))), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 657, columnNumber: 25 }, __self: this }, shipment.currentLocation)))))))), activeTab === "shipments" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 671, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 673, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-center space-y-4 md:space-y-0", __source: { fileName: "", lineNumber: 674, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4", __source: { fileName: "", lineNumber: 675, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search by tracking number, customer name, or email...", value: shipmentFilter, onChange: (e)=>setShipmentFilter(e.target.value), className: "px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500 w-full md:w-80", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: statusFilter, onChange: (e)=>setStatusFilter(e.target.value), className: "px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 683, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 688, columnNumber: 21 }, __self: this }, "All Statuses"), /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 689, columnNumber: 21 }, __self: this }, "Pending"), /*#__PURE__*/ React.createElement("option", { value: "picked_up", __source: { fileName: "", lineNumber: 690, columnNumber: 21 }, __self: this }, "Picked Up"), /*#__PURE__*/ React.createElement("option", { value: "in_transit", __source: { fileName: "", lineNumber: 691, columnNumber: 21 }, __self: this }, "In Transit"), /*#__PURE__*/ React.createElement("option", { value: "delivered", __source: { fileName: "", lineNumber: 692, columnNumber: 21 }, __self: this }, "Delivered"), /*#__PURE__*/ React.createElement("option", { value: "delayed", __source: { fileName: "", lineNumber: 693, columnNumber: 21 }, __self: this }, "Delayed"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreateForm(!showCreateForm), className: "bg-yellow-600 text-white px-4 py-2 rounded-lg hover:bg-yellow-700 transition-colors", __source: { fileName: "", lineNumber: 696, columnNumber: 17 }, __self: this }, showCreateForm ? "Cancel" : "New Shipment"))), showCreateForm && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 707, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this }, "Create New Shipment"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateShipment, className: "space-y-6", __source: { fileName: "", lineNumber: 709, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 710, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 711, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 712, columnNumber: 23 }, __self: this }, "Customer Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "customer_name", value: newShipment.customerName, onChange: (e)=>setNewShipment({ ...newShipment, customerName: e.target.value }), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 715, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 725, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 726, columnNumber: 23 }, __self: this }, "Customer Email *"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "customer_email", value: newShipment.customerEmail, onChange: (e)=>setNewShipment({ ...newShipment, customerEmail: e.target.value }), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 729, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 739, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 740, columnNumber: 23 }, __self: this }, "Customer Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "customer_phone", value: newShipment.customerPhone, onChange: (e)=>setNewShipment({ ...newShipment, customerPhone: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 743, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 752, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 753, columnNumber: 23 }, __self: this }, "Mineral Type *"), /*#__PURE__*/ React.createElement("select", { name: "mineral_type", value: newShipment.mineralType, onChange: (e)=>setNewShipment({ ...newShipment, mineralType: e.target.value }), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 756, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 763, columnNumber: 25 }, __self: this }, "Select mineral type"), /*#__PURE__*/ React.createElement("option", { value: "gold", __source: { fileName: "", lineNumber: 764, columnNumber: 25 }, __self: this }, "Gold"), /*#__PURE__*/ React.createElement("option", { value: "silver", __source: { fileName: "", lineNumber: 765, columnNumber: 25 }, __self: this }, "Silver"), /*#__PURE__*/ React.createElement("option", { value: "platinum", __source: { fileName: "", lineNumber: 766, columnNumber: 25 }, __self: this }, "Platinum"), /*#__PURE__*/ React.createElement("option", { value: "diamonds", __source: { fileName: "", lineNumber: 767, columnNumber: 25 }, __self: this }, "Diamonds"), /*#__PURE__*/ React.createElement("option", { value: "other", __source: { fileName: "", lineNumber: 768, columnNumber: 25 }, __self: this }, "Other precious minerals"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 772, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 773, columnNumber: 23 }, __self: this }, "Weight (kg) *"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "weight", step: "0.1", value: newShipment.weight, onChange: (e)=>setNewShipment({ ...newShipment, weight: e.target.value }), required: true, className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 776, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 787, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 788, columnNumber: 23 }, __self: this }, "Origin *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "origin", value: newShipment.origin, onChange: (e)=>setNewShipment({ ...newShipment, origin: e.target.value }), required: true, placeholder: "City, Country", className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 791, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 802, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 803, columnNumber: 23 }, __self: this }, "Destination *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "destination", value: newShipment.destination, onChange: (e)=>setNewShipment({ ...newShipment, destination: e.target.value }), required: true, placeholder: "City, Country", className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 806, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 817, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 818, columnNumber: 23 }, __self: this }, "Insurance Value"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "insurance_value", step: "0.01", value: newShipment.insuranceValue, onChange: (e)=>setNewShipment({ ...newShipment, insuranceValue: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 821, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 832, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 833, columnNumber: 21 }, __self: this }, "Special Instructions"), /*#__PURE__*/ React.createElement("textarea", { name: "special_instructions", value: newShipment.specialInstructions, onChange: (e)=>setNewShipment({ ...newShipment, specialInstructions: e.target.value }), rows: "3", className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 836, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-yellow-600 text-white py-3 rounded-lg font-semibold hover:bg-yellow-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 845, columnNumber: 19 }, __self: this }, loading ? "Creating..." : "Create Shipment"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 857, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 858, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 859, columnNumber: 17 }, __self: this }, "All Shipments (", filteredShipments.length, ")")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 863, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 864, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 865, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 866, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 867, columnNumber: 23 }, __self: this }, "Tracking Number"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 870, columnNumber: 23 }, __self: this }, "Customer"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 873, columnNumber: 23 }, __self: this }, "Mineral Type"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 876, columnNumber: 23 }, __self: this }, "Weight (kg)"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 879, columnNumber: 23 }, __self: this }, "Route"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 882, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 885, columnNumber: 23 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 890, columnNumber: 19 }, __self: this }, filteredShipments.map((shipment)=>/*#__PURE__*/ React.createElement("tr", { key: shipment.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 892, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 893, columnNumber: 25 }, __self: this }, shipment.trackingNumber), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 896, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-900", __source: { fileName: "", lineNumber: 897, columnNumber: 27 }, __self: this }, shipment.customerName), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 898, columnNumber: 27 }, __self: this }, shipment.customerEmail)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900 capitalize", __source: { fileName: "", lineNumber: 900, columnNumber: 25 }, __self: this }, shipment.mineralType), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 903, columnNumber: 25 }, __self: this }, shipment.weight), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 906, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 907, columnNumber: 27 }, __self: this }, shipment.origin), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500", __source: { fileName: "", lineNumber: 908, columnNumber: 27 }, __self: this }, "→ ", shipment.destination)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 910, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(shipment.status)}`, __source: { fileName: "", lineNumber: 911, columnNumber: 27 }, __self: this }, getStatusText(shipment.status))), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium", __source: { fileName: "", lineNumber: 915, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedShipment(shipment); setUpdateForm({ shipmentId: shipment.id.toString(), status: shipment.status, currentLocation: shipment.currentLocation, estimatedDelivery: shipment.estimatedDelivery || "", notes: "" }); setShowUpdateForm(true); }, className: "text-yellow-600 hover:text-yellow-900", __source: { fileName: "", lineNumber: 916, columnNumber: 27 }, __self: this }, "Update")))))))), showUpdateForm && selectedShipment && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 942, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 943, columnNumber: 17 }, __self: this }, "Update Shipment: ", selectedShipment.trackingNumber), /*#__PURE__*/ React.createElement("form", { onSubmit: handleUpdateShipment, className: "space-y-6", __source: { fileName: "", lineNumber: 946, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 947, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 948, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 949, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("select", { name: "status", value: updateForm.status, onChange: (e)=>setUpdateForm({ ...updateForm, status: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 952, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 958, columnNumber: 25 }, __self: this }, "Pending Pickup"), /*#__PURE__*/ React.createElement("option", { value: "picked_up", __source: { fileName: "", lineNumber: 959, columnNumber: 25 }, __self: this }, "Picked Up"), /*#__PURE__*/ React.createElement("option", { value: "in_transit", __source: { fileName: "", lineNumber: 960, columnNumber: 25 }, __self: this }, "In Transit"), /*#__PURE__*/ React.createElement("option", { value: "delivered", __source: { fileName: "", lineNumber: 961, columnNumber: 25 }, __self: this }, "Delivered"), /*#__PURE__*/ React.createElement("option", { value: "delayed", __source: { fileName: "", lineNumber: 962, columnNumber: 25 }, __self: this }, "Delayed"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 966, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 967, columnNumber: 23 }, __self: this }, "Current Location"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "current_location", value: updateForm.currentLocation, onChange: (e)=>setUpdateForm({ ...updateForm, currentLocation: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 970, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 979, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 980, columnNumber: 23 }, __self: this }, "Estimated Delivery Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "estimated_delivery", value: updateForm.estimatedDelivery, onChange: (e)=>setUpdateForm({ ...updateForm, estimatedDelivery: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 983, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 992, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 993, columnNumber: 23 }, __self: this }, "Update Notes"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "notes", value: updateForm.notes, onChange: (e)=>setUpdateForm({ ...updateForm, notes: e.target.value }), placeholder: "Optional notes for this update", className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 996, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 1007, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-yellow-600 text-white px-6 py-2 rounded-lg hover:bg-yellow-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 1008, columnNumber: 21 }, __self: this }, loading ? "Updating..." : "Update Shipment"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowUpdateForm(false); setSelectedShipment(null); setUpdateForm({ shipmentId: "", status: "", currentLocation: "", estimatedDelivery: "", notes: "" }); }, className: "bg-gray-300 text-gray-700 px-6 py-2 rounded-lg hover:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 1015, columnNumber: 21 }, __self: this }, "Cancel"))))), activeTab === "quotes" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1041, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 1042, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 1043, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 1044, columnNumber: 17 }, __self: this }, "Quote Requests")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 1046, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1047, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 1048, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 1049, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1050, columnNumber: 23 }, __self: this }, "Customer"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1053, columnNumber: 23 }, __self: this }, "Mineral Type"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1056, columnNumber: 23 }, __self: this }, "Weight (kg)"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1059, columnNumber: 23 }, __self: this }, "Route"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1062, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1065, columnNumber: 23 }, __self: this }, "Quoted Price"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1068, columnNumber: 23 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1073, columnNumber: 19 }, __self: this }, quoteRequests.map((quote)=>/*#__PURE__*/ React.createElement("tr", { key: quote.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 1075, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1076, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-900", __source: { fileName: "", lineNumber: 1077, columnNumber: 27 }, __self: this }, quote.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1078, columnNumber: 27 }, __self: this }, quote.email)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900 capitalize", __source: { fileName: "", lineNumber: 1080, columnNumber: 25 }, __self: this }, quote.mineral_type), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 1083, columnNumber: 25 }, __self: this }, quote.weight_kg), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 1086, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1087, columnNumber: 27 }, __self: this }, quote.origin_country), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500", __source: { fileName: "", lineNumber: 1088, columnNumber: 27 }, __self: this }, "→ ", quote.destination_country)), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1090, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(quote.status)}`, __source: { fileName: "", lineNumber: 1091, columnNumber: 27 }, __self: this }, getStatusText(quote.status))), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900", __source: { fileName: "", lineNumber: 1095, columnNumber: 25 }, __self: this }, quote.quoted_price ? `$${quote.quoted_price.toLocaleString()}` : "-"), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium", __source: { fileName: "", lineNumber: 1098, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedQuote(quote); setQuoteUpdateForm({ status: quote.status, quoted_price: quote.quoted_price?.toString() || "", admin_notes: quote.admin_notes || "" }); }, className: "text-yellow-600 hover:text-yellow-900", __source: { fileName: "", lineNumber: 1099, columnNumber: 27 }, __self: this }, "Update")))))))), selectedQuote && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 1122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 1123, columnNumber: 17 }, __self: this }, "Update Quote Request: ", selectedQuote.name), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 1126, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 1127, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1128, columnNumber: 21 }, __self: this }, "Request:"), " ", selectedQuote.message), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1130, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1131, columnNumber: 21 }, __self: this }, "Submitted:"), " ", new Date(selectedQuote.created_at).toLocaleString())), /*#__PURE__*/ React.createElement("form", { onSubmit: handleQuoteUpdate, className: "space-y-6", __source: { fileName: "", lineNumber: 1134, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1135, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1136, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1137, columnNumber: 23 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("select", { name: "status", value: quoteUpdateForm.status, onChange: (e)=>setQuoteUpdateForm({ ...quoteUpdateForm, status: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 1140, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "pending", __source: { fileName: "", lineNumber: 1146, columnNumber: 25 }, __self: this }, "Pending"), /*#__PURE__*/ React.createElement("option", { value: "approved", __source: { fileName: "", lineNumber: 1147, columnNumber: 25 }, __self: this }, "Approved"), /*#__PURE__*/ React.createElement("option", { value: "rejected", __source: { fileName: "", lineNumber: 1148, columnNumber: 25 }, __self: this }, "Rejected"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1152, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1153, columnNumber: 23 }, __self: this }, "Quoted Price ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "quoted_price", step: "0.01", value: quoteUpdateForm.quoted_price, onChange: (e)=>setQuoteUpdateForm({ ...quoteUpdateForm, quoted_price: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 1156, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1167, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1168, columnNumber: 21 }, __self: this }, "Admin Notes"), /*#__PURE__*/ React.createElement("textarea", { name: "admin_notes", value: quoteUpdateForm.admin_notes, onChange: (e)=>setQuoteUpdateForm({ ...quoteUpdateForm, admin_notes: e.target.value }), rows: "3", className: "w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 1171, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 1180, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-yellow-600 text-white px-6 py-2 rounded-lg hover:bg-yellow-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 1181, columnNumber: 21 }, __self: this }, loading ? "Updating..." : "Update Quote"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setSelectedQuote(null); setQuoteUpdateForm({ status: "", quoted_price: "", admin_notes: "" }); }, className: "bg-gray-300 text-gray-700 px-6 py-2 rounded-lg hover:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 1188, columnNumber: 21 }, __self: this }, "Cancel"))))), activeTab === "contacts" && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1207, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 1208, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 border-b border-gray-200", __source: { fileName: "", lineNumber: 1209, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 1210, columnNumber: 17 }, __self: this }, "Contact Messages")), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1212, columnNumber: 15 }, __self: this }, contactMessages.map((message)=>/*#__PURE__*/ React.createElement("div", { key: message.id, className: "p-6", __source: { fileName: "", lineNumber: 1214, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 1215, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1216, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 1217, columnNumber: 25 }, __self: this }, message.subject), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1218, columnNumber: 25 }, __self: this }, "From: ", message.name, " (", message.email, ")"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1221, columnNumber: 25 }, __self: this }, new Date(message.created_at).toLocaleString())), /*#__PURE__*/ React.createElement("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(message.status)}`, __source: { fileName: "", lineNumber: 1225, columnNumber: 23 }, __self: this }, getStatusText(message.status))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1229, columnNumber: 21 }, __self: this }, message.message), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 1230, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const updatedMessages = contactMessages.map((msg)=>msg.id === message.id ? { ...msg, status: "read" } : msg); setContactMessages(updatedMessages); }, className: "text-yellow-600 hover:text-yellow-900 text-sm", __source: { fileName: "", lineNumber: 1231, columnNumber: 23 }, __self: this }, "Mark as Read"), /*#__PURE__*/ React.createElement("a", { href: `mailto:${message.email}?subject=Re: ${message.subject}`, className: "text-blue-600 hover:text-blue-900 text-sm", __source: { fileName: "", lineNumber: 1242, columnNumber: 23 }, __self: this }, "Reply"))))))))); }