function MainComponent() { const { data: user, loading: userLoading } = useUser(); const { signOut } = useAuth(); const [items, setItems] = React.useState([]); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [success, setSuccess] = React.useState(null); const [selectedCategory, setSelectedCategory] = React.useState("all"); const [cart, setCart] = React.useState([]); const [showCart, setShowCart] = React.useState(false); const [tacBucks, setTacBucks] = React.useState(0); const [tacBucksLoading, setTacBucksLoading] = React.useState(false); const [username, setUsername] = React.useState(""); const [showAdminPanel, setShowAdminPanel] = React.useState(false); const [activeEvent, setActiveEvent] = React.useState(null); const [timeRemaining, setTimeRemaining] = React.useState(null); const [notifications, setNotifications] = React.useState([]); const [showAdminItemManager, setShowAdminItemManager] = React.useState(false); const [adminLoading, setAdminLoading] = React.useState(false); const [adminItems, setAdminItems] = React.useState([]); const [editingItem, setEditingItem] = React.useState(null); const [viewingItem, setViewingItem] = React.useState(null); const [selectedImageIndex, setSelectedImageIndex] = React.useState(0); const [selectedColor, setSelectedColor] = React.useState(null); const [showAddNewItem, setShowAddNewItem] = React.useState(false); const [newItem, setNewItem] = React.useState(null); const isAdmin = user && (user.username === "AdminZach" || user.username === "AdminChris"); // Add debugging for admin status React.useEffect(()=>{ if (user) { console.log("Current user:", user); console.log("Username:", username); console.log("Is Admin:", isAdmin); } }, [ user, username, isAdmin ]); const categories = [ { id: "all", name: "ALL MERCHANDISE", icon: "fas fa-th-large" }, { id: "apparel", name: "APPAREL", icon: "fas fa-tshirt" }, { id: "accessories", name: "ACCESSORIES", icon: "fas fa-hat-cowboy" }, { id: "patches", name: "PATCHES", icon: "fas fa-shield-alt" }, { id: "stickers", name: "STICKERS", icon: "fas fa-star" }, { id: "drinkware", name: "DRINKWARE", icon: "fas fa-coffee" } ]; React.useEffect(()=>{ const favicon = document.querySelector('link[rel="icon"]') || document.createElement("link"); favicon.rel = "icon"; favicon.href = "https://ucarecdn.com/10b7b899-e1ee-4454-a282-670eee3284ca/-/format/auto/"; if (!document.querySelector('link[rel="icon"]')) { document.head.appendChild(favicon); } }, []); React.useEffect(()=>{ fetchItems(); fetchActiveEvent(); autoProcessEvents(); if (user) { fetchTacBucks(); fetchUsername(); fetchNotifications(); } }, [ user ]); React.useEffect(()=>{ const interval = setInterval(()=>{ autoProcessEvents(); if (activeEvent) { updateTimeRemaining(); } }, 60000); return ()=>clearInterval(interval); }, [ activeEvent ]); React.useEffect(()=>{ if (activeEvent) { const interval = setInterval(updateTimeRemaining, 1000); return ()=>clearInterval(interval); } }, [ activeEvent ]); const fetchItems = async ()=>{ try { setLoading(true); const response = await fetch("/api/get-rta-merchandise", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error fetching items: ${response.statusText}`); } const data = await response.json(); setItems(data.items || []); } catch (error) { console.error(error); setError("Failed to load merchandise items"); } finally{ setLoading(false); } }; const fetchTacBucks = async ()=>{ try { setTacBucksLoading(true); const response = await fetch("/api/get-user-tac-bucks", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error fetching tac bucks: ${response.statusText}`); } const data = await response.json(); setTacBucks(data.tacBucks || 0); } catch (error) { console.error(error); } finally{ setTacBucksLoading(false); } }; const fetchUsername = async ()=>{ try { const response = await fetch("/api/get-user-profile", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error fetching profile: ${response.statusText}`); } const data = await response.json(); setUsername(data.profile?.username || user?.email?.split("@")[0] || "OPERATIVE"); } catch (error) { console.error(error); setUsername(user?.email?.split("@")[0] || "OPERATIVE"); } }; const fetchNotifications = async ()=>{ try { const response = await fetch("/api/get-user-notifications", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error fetching notifications: ${response.statusText}`); } const data = await response.json(); setNotifications(data.notifications || []); } catch (error) { console.error(error); } }; const fetchActiveEvent = async ()=>{ try { const response = await fetch("/api/get-active-event-banner", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error: ${response.statusText}`); } const data = await response.json(); if (data.event) { setActiveEvent(data.event); updateTimeRemaining(data.event); } else { setActiveEvent(null); setTimeRemaining(null); } } catch (error) { console.error("Failed to fetch active event:", error); setActiveEvent(null); } }; const updateTimeRemaining = (event = activeEvent)=>{ if (!event) return; const now = new Date().getTime(); const end = new Date(event.endDate).getTime(); const difference = Math.max(0, end - now); if (difference <= 0) { setTimeRemaining(null); setActiveEvent(null); setTimeout(fetchActiveEvent, 5000); return; } const days = Math.floor(difference / (1000 * 60 * 60 * 24)); const hours = Math.floor(difference % (1000 * 60 * 60 * 24) / (1000 * 60 * 60)); const minutes = Math.floor(difference % (1000 * 60 * 60) / (1000 * 60)); const seconds = Math.floor(difference % (1000 * 60) / 1000); setTimeRemaining({ days, hours, minutes, seconds }); }; const autoProcessEvents = async ()=>{ try { await fetch("/api/auto-process-events", { method: "POST", headers: { "Content-Type": "application/json" } }); } catch (error) { console.error("Failed to auto-process events:", error); } }; const handleSignOut = async ()=>{ await signOut({ callbackUrl: "/", redirect: true }); }; const addToCart = (item, selectedColor = null)=>{ const cartId = selectedColor ? `${item.id}_${selectedColor.name}` : item.id; const cartItem = { ...item, cartId, selectedColor }; setCart((prev)=>{ const existingItem = prev.find((cartItem)=>cartItem.cartId === cartId); if (existingItem) { return prev.map((cartItem)=>cartItem.cartId === cartId ? { ...cartItem, quantity: cartItem.quantity + 1 } : cartItem); } return [ ...prev, { ...cartItem, quantity: 1 } ]; }); const colorText = selectedColor ? ` (${selectedColor.name})` : ""; setSuccess(`${item.name}${colorText} added to cart!`); setTimeout(()=>setSuccess(null), 3000); }; const removeFromCart = (cartId)=>{ setCart((prev)=>prev.filter((item)=>item.cartId !== cartId)); }; const updateCartQuantity = (cartId, quantity)=>{ if (quantity <= 0) { removeFromCart(cartId); return; } setCart((prev)=>prev.map((item)=>(item.cartId || item.id) === cartId ? { ...item, quantity } : item)); }; const getCartTotal = ()=>{ return cart.reduce((total, item)=>total + item.price * item.quantity, 0); }; const getCartItemCount = ()=>{ return cart.reduce((total, item)=>total + item.quantity, 0); }; const handlePurchase = async ()=>{ if (!user) { setError("Please sign in to make a purchase"); return; } if (cart.length === 0) { setError("Your cart is empty"); return; } const total = getCartTotal(); try { setLoading(true); const response = await fetch("/api/purchase-rta-merchandise", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ items: cart, totalCost: total }) }); if (!response.ok) { throw new Error(`Purchase failed: ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess("Purchase successful! Your merchandise has been ordered."); setCart([]); setShowCart(false); } catch (error) { console.error(error); setError(error.message); } finally{ setLoading(false); } }; const filteredItems = selectedCategory === "all" ? items : items.filter((item)=>item.category === selectedCategory); const unreadNotifications = notifications.filter((n)=>!n.isRead); const fetchAdminItems = async ()=>{ try { setAdminLoading(true); const response = await fetch("/api/get-all-rta-merchandise-admin", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Error fetching admin items: ${response.statusText}`); } const data = await response.json(); setAdminItems(data.items || []); } catch (error) { console.error(error); setError("Failed to load admin items"); } finally{ setAdminLoading(false); } }; const handleViewItem = (item)=>{ setViewingItem(item); setSelectedColor(null); setSelectedImageIndex(0); }; const handleEditItem = (item)=>{ setEditingItem({ ...item, images: item.images || [], newImageUrl: "" }); }; const handleAddImage = ()=>{ if (!editingItem.newImageUrl) { setError("Please enter an image URL"); return; } setEditingItem({ ...editingItem, images: [ ...editingItem.images, editingItem.newImageUrl ], newImageUrl: "" }); }; const handleRemoveImage = (index)=>{ setEditingItem({ ...editingItem, images: editingItem.images.filter((_, i)=>i !== index) }); }; const handleAddColor = ()=>{ if (!editingItem.newColorName || !editingItem.newColorHex) { setError("Please enter both color name and hex value"); return; } const newColor = { name: editingItem.newColorName, hex: editingItem.newColorHex }; setEditingItem({ ...editingItem, colorOptions: [ ...editingItem.colorOptions || [], newColor ], newColorName: "", newColorHex: "#000000" }); }; const handleRemoveColor = (index)=>{ setEditingItem({ ...editingItem, colorOptions: editingItem.colorOptions.filter((_, i)=>i !== index) }); }; const handleUpdateItem = async ()=>{ try { setAdminLoading(true); const response = await fetch("/api/update-rta-merchandise", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: editingItem.id, name: editingItem.name, price: parseFloat(editingItem.price), category: editingItem.category, description: editingItem.description, images: editingItem.images, colorOptions: editingItem.colorOptions || [] }) }); if (!response.ok) { throw new Error(`Update failed: ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess("Item updated successfully!"); setEditingItem(null); fetchAdminItems(); fetchItems(); } catch (error) { console.error(error); setError(error.message); } finally{ setAdminLoading(false); } }; const getItemColorOptions = (item)=>{ return item.colorOptions || []; }; const cleanItemName = (name)=>{ return name.replace(/_/g, " "); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-white font-courier-new", __source: { fileName: "", lineNumber: 487, columnNumber: 5 }, __self: this }, user && /*#__PURE__*/ React.createElement("div", { className: "bg-blue-900 border-b-2 border-blue-400 py-3 px-4 md:px-6", __source: { fileName: "", lineNumber: 490, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 491, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between gap-4", __source: { fileName: "", lineNumber: 492, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-400 flex items-center", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tools mr-2", __source: { fileName: "", lineNumber: 494, columnNumber: 17 }, __self: this }), "ADMIN CONTROLS", /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400 ml-4 text-sm", __source: { fileName: "", lineNumber: 496, columnNumber: 17 }, __self: this }, "DEBUG: User: ", user?.username || "No username", " | Admin:", " ", isAdmin ? "YES" : "NO")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 501, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowAdminItemManager(!showAdminItemManager); if (!showAdminItemManager) { fetchAdminItems(); } }, className: "bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-500 transition-colors font-bold text-sm", __source: { fileName: "", lineNumber: 502, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-2", __source: { fileName: "", lineNumber: 511, columnNumber: 19 }, __self: this }), showAdminItemManager ? "HIDE" : "MANAGE", " ITEMS"), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ try { setAdminLoading(true); const response = await fetch("/api/add-original-rta-merchandise", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Failed to add merchandise: ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess(`Successfully added ${data.addedItems} new RTA merchandise items! (${data.skippedItems} items already existed)`); fetchItems(); fetchAdminItems(); } catch (error) { console.error(error); setError(error.message); } finally{ setAdminLoading(false); } }, disabled: adminLoading, className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-500 transition-colors font-bold text-sm disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 514, columnNumber: 17 }, __self: this }, adminLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 556, columnNumber: 23 }, __self: this }), "ADDING...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 561, columnNumber: 23 }, __self: this }), "ADD ORIGINAL MERCH")))))), isAdmin && showAdminItemManager && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 border-b-2 border-blue-400 py-6 px-4 md:px-6", __source: { fileName: "", lineNumber: 573, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 574, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-blue-400 mb-6 flex items-center", __source: { fileName: "", lineNumber: 575, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cogs mr-3", __source: { fileName: "", lineNumber: 576, columnNumber: 15 }, __self: this }), "MERCHANDISE ITEM MANAGER"), adminLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 581, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-3xl text-blue-400 mb-4", __source: { fileName: "", lineNumber: 582, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-blue-400", __source: { fileName: "", lineNumber: 583, columnNumber: 17 }, __self: this }, "Loading admin items...")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }, adminItems.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.id, className: "bg-gray-900 rounded-lg border-2 border-gray-600 p-4", __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-green-400 truncate", __source: { fileName: "", lineNumber: 593, columnNumber: 23 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 596, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleEditItem(item), className: "bg-blue-600 text-white px-3 py-1 rounded hover:bg-blue-500 transition-colors text-sm font-bold", __source: { fileName: "", lineNumber: 597, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-1", __source: { fileName: "", lineNumber: 601, columnNumber: 27 }, __self: this }), "EDIT"), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ if (!confirm(`Are you sure you want to delete "${item.name}"? This action cannot be undone.`)) { return; } try { setAdminLoading(true); const response = await fetch("/api/delete-rta-merchandise", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: item.id }) }); if (!response.ok) { throw new Error(`Delete failed: ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess("Item deleted successfully!"); fetchAdminItems(); fetchItems(); } catch (error) { console.error(error); setError(error.message); } finally{ setAdminLoading(false); } }, className: "bg-red-600 text-white px-3 py-1 rounded hover:bg-red-500 transition-colors text-sm font-bold", __source: { fileName: "", lineNumber: 604, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash mr-1", __source: { fileName: "", lineNumber: 649, columnNumber: 27 }, __self: this }), "DELETE"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 655, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 656, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 657, columnNumber: 25 }, __self: this }, "Price:"), /*#__PURE__*/ React.createElement("span", { className: "text-orange-400 font-bold ml-2", __source: { fileName: "", lineNumber: 658, columnNumber: 25 }, __self: this }, "$", item.price.toFixed(2))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 662, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 663, columnNumber: 25 }, __self: this }, "Category:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2 capitalize", __source: { fileName: "", lineNumber: 664, columnNumber: 25 }, __self: this }, item.category)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 668, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 669, columnNumber: 25 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("span", { className: `ml-2 font-bold ${item.status === "active" ? "text-green-400" : "text-red-400"}`, __source: { fileName: "", lineNumber: 670, columnNumber: 25 }, __self: this }, item.status.toUpperCase())), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 680, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 681, columnNumber: 25 }, __self: this }, "Images:"), /*#__PURE__*/ React.createElement("span", { className: "text-white ml-2", __source: { fileName: "", lineNumber: 682, columnNumber: 25 }, __self: this }, item.images?.length || 0, " image(s)"))), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 688, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-xs", __source: { fileName: "", lineNumber: 689, columnNumber: 23 }, __self: this }, "Description:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-xs mt-1 line-clamp-3", __source: { fileName: "", lineNumber: 692, columnNumber: 23 }, __self: this }, item.description))))))), editingItem && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 705, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg border-2 border-blue-400 max-w-4xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 706, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 707, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 708, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-blue-400 flex items-center", __source: { fileName: "", lineNumber: 709, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-3", __source: { fileName: "", lineNumber: 710, columnNumber: 19 }, __self: this }), "EDIT MERCHANDISE ITEM"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingItem(null), className: "bg-gray-600 text-white px-3 py-1 rounded hover:bg-gray-500 transition-colors", __source: { fileName: "", lineNumber: 713, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 717, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 721, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 722, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 723, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 724, columnNumber: 21 }, __self: this }, "ITEM NAME"), /*#__PURE__*/ React.createElement("input", { type: "text", value: editingItem.name, onChange: (e)=>setEditingItem({ ...editingItem, name: e.target.value }), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none", placeholder: "Enter item name", __source: { fileName: "", lineNumber: 727, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 738, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 739, columnNumber: 21 }, __self: this }, "PRICE ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", value: editingItem.price, onChange: (e)=>setEditingItem({ ...editingItem, price: e.target.value }), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none", placeholder: "0.00", __source: { fileName: "", lineNumber: 742, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 757, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 758, columnNumber: 21 }, __self: this }, "CATEGORY"), /*#__PURE__*/ React.createElement("select", { value: editingItem.category, onChange: (e)=>setEditingItem({ ...editingItem, category: e.target.value }), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none", __source: { fileName: "", lineNumber: 761, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "apparel", __source: { fileName: "", lineNumber: 771, columnNumber: 23 }, __self: this }, "Apparel"), /*#__PURE__*/ React.createElement("option", { value: "accessories", __source: { fileName: "", lineNumber: 772, columnNumber: 23 }, __self: this }, "Accessories"), /*#__PURE__*/ React.createElement("option", { value: "patches", __source: { fileName: "", lineNumber: 773, columnNumber: 23 }, __self: this }, "Patches"), /*#__PURE__*/ React.createElement("option", { value: "stickers", __source: { fileName: "", lineNumber: 774, columnNumber: 23 }, __self: this }, "Stickers"), /*#__PURE__*/ React.createElement("option", { value: "drinkware", __source: { fileName: "", lineNumber: 775, columnNumber: 23 }, __self: this }, "Drinkware"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 779, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 780, columnNumber: 21 }, __self: this }, "DESCRIPTION"), /*#__PURE__*/ React.createElement("textarea", { value: editingItem.description, onChange: (e)=>setEditingItem({ ...editingItem, description: e.target.value }), rows: 4, className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none resize-none", placeholder: "Enter item description", __source: { fileName: "", lineNumber: 783, columnNumber: 21 }, __self: this })), editingItem.category === "apparel" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 799, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 800, columnNumber: 23 }, __self: this }, "COLOR OPTIONS (For Apparel)"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 804, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: editingItem.newColorName || "", onChange: (e)=>setEditingItem({ ...editingItem, newColorName: e.target.value }), className: "flex-1 bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none", placeholder: "Color name (e.g., Black)", __source: { fileName: "", lineNumber: 805, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "color", value: editingItem.newColorHex || "#000000", onChange: (e)=>setEditingItem({ ...editingItem, newColorHex: e.target.value }), className: "w-16 h-10 bg-gray-900 border border-gray-600 rounded", __source: { fileName: "", lineNumber: 817, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddColor, className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-500 transition-colors font-bold", __source: { fileName: "", lineNumber: 828, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-1", __source: { fileName: "", lineNumber: 832, columnNumber: 27 }, __self: this }), "ADD")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-32 overflow-y-auto", __source: { fileName: "", lineNumber: 837, columnNumber: 23 }, __self: this }, (editingItem.colorOptions || []).map((color, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center gap-3 bg-gray-900 p-3 rounded border border-gray-600", __source: { fileName: "", lineNumber: 840, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 rounded border border-gray-500", style: { backgroundColor: color.hex }, __source: { fileName: "", lineNumber: 844, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-sm text-white", __source: { fileName: "", lineNumber: 848, columnNumber: 31 }, __self: this }, color.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemoveColor(index), className: "bg-red-600 text-white px-2 py-1 rounded hover:bg-red-500 transition-colors text-xs", __source: { fileName: "", lineNumber: 851, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 855, columnNumber: 33 }, __self: this })))), (!editingItem.colorOptions || editingItem.colorOptions.length === 0) && /*#__PURE__*/ React.createElement("div", { className: "text-center py-4 text-gray-500", __source: { fileName: "", lineNumber: 862, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-palette text-2xl mb-2", __source: { fileName: "", lineNumber: 863, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs", __source: { fileName: "", lineNumber: 864, columnNumber: 29 }, __self: this }, "No colors added yet"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 872, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 873, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 874, columnNumber: 21 }, __self: this }, "PRODUCT IMAGES", (editingItem.category === "stickers" || editingItem.category === "patches" || editingItem.category === "drinkware") && /*#__PURE__*/ React.createElement("span", { className: "text-orange-400 ml-2", __source: { fileName: "", lineNumber: 879, columnNumber: 25 }, __self: this }, "(Multiple images for variants)")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 885, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: editingItem.newImageUrl, onChange: (e)=>setEditingItem({ ...editingItem, newImageUrl: e.target.value }), className: "flex-1 bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none", placeholder: "Enter image URL", __source: { fileName: "", lineNumber: 886, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddImage, className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-500 transition-colors font-bold", __source: { fileName: "", lineNumber: 898, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-1", __source: { fileName: "", lineNumber: 902, columnNumber: 25 }, __self: this }), "ADD")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-64 overflow-y-auto", __source: { fileName: "", lineNumber: 907, columnNumber: 21 }, __self: this }, editingItem.images.map((imageUrl, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center gap-3 bg-gray-900 p-3 rounded border border-gray-600", __source: { fileName: "", lineNumber: 909, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: `Product ${index + 1}`, className: "w-16 h-16 object-cover rounded border border-gray-500", onError: (e)=>{ e.target.style.display = "none"; }, __source: { fileName: "", lineNumber: 913, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-sm text-gray-300 truncate", __source: { fileName: "", lineNumber: 921, columnNumber: 27 }, __self: this }, imageUrl), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemoveImage(index), className: "bg-red-600 text-white px-2 py-1 rounded hover:bg-red-500 transition-colors text-xs", __source: { fileName: "", lineNumber: 924, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 928, columnNumber: 29 }, __self: this })))), editingItem.images.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 933, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image text-3xl mb-2", __source: { fileName: "", lineNumber: 934, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 935, columnNumber: 27 }, __self: this }, "No images added yet")))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4 mt-6 pt-6 border-t border-gray-600", __source: { fileName: "", lineNumber: 943, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setEditingItem(null), className: "bg-gray-600 text-white px-6 py-2 rounded hover:bg-gray-500 transition-colors font-bold", __source: { fileName: "", lineNumber: 944, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 948, columnNumber: 19 }, __self: this }), "CANCEL"), /*#__PURE__*/ React.createElement("button", { onClick: handleUpdateItem, disabled: adminLoading, className: "bg-green-600 text-black px-6 py-2 rounded hover:bg-green-500 transition-colors font-bold disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 951, columnNumber: 17 }, __self: this }, adminLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 958, columnNumber: 23 }, __self: this }), "UPDATING...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 963, columnNumber: 23 }, __self: this }), "UPDATE ITEM")))))), showAddNewItem && newItem && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 975, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg border-2 border-purple-400 max-w-4xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 976, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 977, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 978, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-purple-400 flex items-center", __source: { fileName: "", lineNumber: 979, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-3", __source: { fileName: "", lineNumber: 980, columnNumber: 19 }, __self: this }), "ADD NEW MERCHANDISE ITEM"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddNewItem(false), className: "bg-gray-600 text-white px-3 py-1 rounded hover:bg-gray-500 transition-colors", __source: { fileName: "", lineNumber: 983, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 987, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 991, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 992, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 993, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 994, columnNumber: 21 }, __self: this }, "ITEM NAME"), /*#__PURE__*/ React.createElement("input", { type: "text", value: newItem.name, onChange: (e)=>setNewItem({ ...newItem, name: e.target.value }), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-purple-400 focus:outline-none", placeholder: "Enter item name", __source: { fileName: "", lineNumber: 997, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1008, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 1009, columnNumber: 21 }, __self: this }, "PRICE ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", value: newItem.price, onChange: (e)=>setNewItem({ ...newItem, price: e.target.value }), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-purple-400 focus:outline-none", placeholder: "0.00", __source: { fileName: "", lineNumber: 1012, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1027, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 1028, columnNumber: 21 }, __self: this }, "CATEGORY"), /*#__PURE__*/ React.createElement("select", { value: newItem.category, onChange: (e)=>setNewItem({ ...newItem, category: e.target.value }), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-purple-400 focus:outline-none", __source: { fileName: "", lineNumber: 1031, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "apparel", __source: { fileName: "", lineNumber: 1041, columnNumber: 23 }, __self: this }, "Apparel"), /*#__PURE__*/ React.createElement("option", { value: "accessories", __source: { fileName: "", lineNumber: 1042, columnNumber: 23 }, __self: this }, "Accessories"), /*#__PURE__*/ React.createElement("option", { value: "patches", __source: { fileName: "", lineNumber: 1043, columnNumber: 23 }, __self: this }, "Patches"), /*#__PURE__*/ React.createElement("option", { value: "stickers", __source: { fileName: "", lineNumber: 1044, columnNumber: 23 }, __self: this }, "Stickers"), /*#__PURE__*/ React.createElement("option", { value: "drinkware", __source: { fileName: "", lineNumber: 1045, columnNumber: 23 }, __self: this }, "Drinkware"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1049, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 1050, columnNumber: 21 }, __self: this }, "DESCRIPTION"), /*#__PURE__*/ React.createElement("textarea", { value: newItem.description, onChange: (e)=>setNewItem({ ...newItem, description: e.target.value }), rows: 4, className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-purple-400 focus:outline-none resize-none", placeholder: "Enter item description", __source: { fileName: "", lineNumber: 1053, columnNumber: 21 }, __self: this })), newItem.category === "apparel" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1069, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 1070, columnNumber: 23 }, __self: this }, "COLOR OPTIONS (For Apparel)"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 1074, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newItem.newColorName || "", onChange: (e)=>setNewItem({ ...newItem, newColorName: e.target.value }), className: "flex-1 bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-purple-400 focus:outline-none", placeholder: "Color name (e.g., Black)", __source: { fileName: "", lineNumber: 1075, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "color", value: newItem.newColorHex || "#000000", onChange: (e)=>setNewItem({ ...newItem, newColorHex: e.target.value }), className: "w-16 h-10 bg-gray-900 border border-gray-600 rounded", __source: { fileName: "", lineNumber: 1087, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (!newItem.newColorName || !newItem.newColorHex) { setError("Please enter both color name and hex value"); return; } const newColor = { name: newItem.newColorName, hex: newItem.newColorHex }; setNewItem({ ...newItem, colorOptions: [ ...newItem.colorOptions || [], newColor ], newColorName: "", newColorHex: "#000000" }); }, className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-500 transition-colors font-bold", __source: { fileName: "", lineNumber: 1098, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-1", __source: { fileName: "", lineNumber: 1124, columnNumber: 27 }, __self: this }), "ADD")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-32 overflow-y-auto", __source: { fileName: "", lineNumber: 1129, columnNumber: 23 }, __self: this }, (newItem.colorOptions || []).map((color, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center gap-3 bg-gray-900 p-3 rounded border border-gray-600", __source: { fileName: "", lineNumber: 1131, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 rounded border border-gray-500", style: { backgroundColor: color.hex }, __source: { fileName: "", lineNumber: 1135, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-sm text-white", __source: { fileName: "", lineNumber: 1139, columnNumber: 29 }, __self: this }, color.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setNewItem({ ...newItem, colorOptions: newItem.colorOptions.filter((_, i)=>i !== index) }); }, className: "bg-red-600 text-white px-2 py-1 rounded hover:bg-red-500 transition-colors text-xs", __source: { fileName: "", lineNumber: 1142, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1153, columnNumber: 31 }, __self: this })))), (!newItem.colorOptions || newItem.colorOptions.length === 0) && /*#__PURE__*/ React.createElement("div", { className: "text-center py-4 text-gray-500", __source: { fileName: "", lineNumber: 1159, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-palette text-2xl mb-2", __source: { fileName: "", lineNumber: 1160, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs", __source: { fileName: "", lineNumber: 1161, columnNumber: 29 }, __self: this }, "No colors added yet"))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1169, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1170, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-purple-400 mb-2", __source: { fileName: "", lineNumber: 1171, columnNumber: 21 }, __self: this }, "PRODUCT IMAGES", (newItem.category === "stickers" || newItem.category === "patches" || newItem.category === "drinkware") && /*#__PURE__*/ React.createElement("span", { className: "text-orange-400 ml-2", __source: { fileName: "", lineNumber: 1176, columnNumber: 25 }, __self: this }, "(Multiple images for variants)")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4", __source: { fileName: "", lineNumber: 1182, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", value: newItem.newImageUrl, onChange: (e)=>setNewItem({ ...newItem, newImageUrl: e.target.value }), className: "flex-1 bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-purple-400 focus:outline-none", placeholder: "Enter image URL", __source: { fileName: "", lineNumber: 1183, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (!newItem.newImageUrl) { setError("Please enter an image URL"); return; } setNewItem({ ...newItem, images: [ ...newItem.images, newItem.newImageUrl ], newImageUrl: "" }); }, className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-500 transition-colors font-bold", __source: { fileName: "", lineNumber: 1195, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-1", __source: { fileName: "", lineNumber: 1210, columnNumber: 25 }, __self: this }), "ADD")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-64 overflow-y-auto", __source: { fileName: "", lineNumber: 1215, columnNumber: 21 }, __self: this }, newItem.images.map((imageUrl, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center gap-3 bg-gray-900 p-3 rounded border border-gray-600", __source: { fileName: "", lineNumber: 1217, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: `Product ${index + 1}`, className: "w-16 h-16 object-cover rounded border border-gray-500", onError: (e)=>{ e.target.style.display = "none"; }, __source: { fileName: "", lineNumber: 1221, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-sm text-gray-300 truncate", __source: { fileName: "", lineNumber: 1229, columnNumber: 27 }, __self: this }, imageUrl), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setNewItem({ ...newItem, images: newItem.images.filter((_, i)=>i !== index) }); }, className: "bg-red-600 text-white px-2 py-1 rounded hover:bg-red-500 transition-colors text-xs", __source: { fileName: "", lineNumber: 1232, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1243, columnNumber: 29 }, __self: this })))), newItem.images.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 1248, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image text-3xl mb-2", __source: { fileName: "", lineNumber: 1249, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1250, columnNumber: 27 }, __self: this }, "No images added yet")))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4 mt-6 pt-1 border-t border-gray-600", __source: { fileName: "", lineNumber: 1258, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddNewItem(false), className: "bg-gray-600 text-white px-6 py-2 rounded hover:bg-gray-500 transition-colors font-bold", __source: { fileName: "", lineNumber: 1259, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 1263, columnNumber: 19 }, __self: this }), "CANCEL"), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ if (!newItem.name || !newItem.price || !newItem.description) { setError("Please fill in all required fields"); return; } try { setAdminLoading(true); const response = await fetch("/api/add-rta-merchandise-item", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: newItem.name, price: parseFloat(newItem.price), category: newItem.category, description: newItem.description, images: newItem.images, colorOptions: newItem.colorOptions || [] }) }); if (!response.ok) { throw new Error(`Add failed: ${response.statusText}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess("New item added successfully!"); setShowAddNewItem(false); setNewItem(null); fetchAdminItems(); fetchItems(); } catch (error) { console.error(error); setError(error.message); } finally{ setAdminLoading(false); } }, disabled: adminLoading, className: "bg-purple-600 text-white px-6 py-2 rounded hover:bg-purple-500 transition-colors font-bold disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 1266, columnNumber: 17 }, __self: this }, adminLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1323, columnNumber: 23 }, __self: this }), "CREATING...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle mr-2", __source: { fileName: "", lineNumber: 1328, columnNumber: 23 }, __self: this }), "CREATE ITEM")))))), isAdmin && /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("header", { className: "bg-black py-4 px-4 md:px-6 shadow-lg border-b-2 border-green-400", __source: { fileName: "", lineNumber: 1341, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4", __source: { fileName: "", lineNumber: 1342, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-3xl font-bold text-green-400 flex items-center", __source: { fileName: "", lineNumber: 1343, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/10b7b899-e1ee-4454-a282-670eee3284ca/-/format/auto/", alt: "Real Tac Airsoft Logo", className: "h-10 w-10 md:h-12 md:w-12 mr-3", __source: { fileName: "", lineNumber: 1344, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 1349, columnNumber: 13 }, __self: this }, "RTA MERCHANDISE STORE"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 1350, columnNumber: 13 }, __self: this }, "RTA MERCH")), /*#__PURE__*/ React.createElement("nav", { className: "hidden lg:flex space-x-6 items-center", __source: { fileName: "", lineNumber: 1353, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-green-400 transition-colors flex items-center", __source: { fileName: "", lineNumber: 1354, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-1", __source: { fileName: "", lineNumber: 1358, columnNumber: 15 }, __self: this }), " BASE"), /*#__PURE__*/ React.createElement("span", { className: "hover:text-green-400 transition-colors flex items-center", __source: { fileName: "", lineNumber: 1360, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-1", __source: { fileName: "", lineNumber: 1361, columnNumber: 15 }, __self: this }), " MARKETPLACE"), /*#__PURE__*/ React.createElement("a", { href: "/barracks", className: "hover:text-green-400 transition-colors flex items-center", __source: { fileName: "", lineNumber: 1363, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-1", __source: { fileName: "", lineNumber: 1367, columnNumber: 15 }, __self: this }), " BARRACKS"), /*#__PURE__*/ React.createElement("div", { className: "border-l border-gray-600 pl-4 ml-4", __source: { fileName: "", lineNumber: 1370, columnNumber: 13 }, __self: this }, userLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 1372, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1", __source: { fileName: "", lineNumber: 1373, columnNumber: 19 }, __self: this }), " LOADING...") : user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1376, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "text-green-400 hover:text-green-300 transition-colors flex items-center", __source: { fileName: "", lineNumber: 1377, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-check mr-1", __source: { fileName: "", lineNumber: 1381, columnNumber: 21 }, __self: this }), "OPERATIVE: ", username, (username === "AdminZach" || username === "AdminChris") && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-blue-400 ml-2", title: "Verified Admin", __source: { fileName: "", lineNumber: 1385, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-orange-400 text-sm", __source: { fileName: "", lineNumber: 1391, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins mr-1", __source: { fileName: "", lineNumber: 1392, columnNumber: 21 }, __self: this }), tacBucksLoading ? "..." : tacBucks.toLocaleString(), " TB"), unreadNotifications.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1396, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-yellow-400", __source: { fileName: "", lineNumber: 1397, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-4 w-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 1398, columnNumber: 23 }, __self: this }, unreadNotifications.length)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCart(!showCart), className: "bg-blue-600 text-white px-3 py-1 rounded hover:bg-blue-500 transition-colors text-sm font-bold relative", __source: { fileName: "", lineNumber: 1403, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart mr-1", __source: { fileName: "", lineNumber: 1407, columnNumber: 21 }, __self: this }), "CART", getCartItemCount() > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center", __source: { fileName: "", lineNumber: 1410, columnNumber: 23 }, __self: this }, getCartItemCount())), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "bg-red-600 text-white px-3 py-1 rounded hover:bg-red-500 transition-color-color text-sm font-bold", __source: { fileName: "", lineNumber: 1415, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-1", __source: { fileName: "", lineNumber: 1419, columnNumber: 21 }, __self: this }), "LOGOUT")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1424, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/armory/rta-merchandise", className: "bg-green-600 text-black px-3 py-1 rounded hover:bg-green-500 transition-colors text-sm font-bold", __source: { fileName: "", lineNumber: 1425, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-1", __source: { fileName: "", lineNumber: 1429, columnNumber: 21 }, __self: this }), "LOGIN"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup?callbackUrl=/armory/rta-merchandise", className: "bg-blue-600 text-white px-3 py-1 rounded hover:bg-blue-500 transition-colors text-sm font-bold", __source: { fileName: "", lineNumber: 1432, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-1", __source: { fileName: "", lineNumber: 1436, columnNumber: 21 }, __self: this }), "ENLIST")))), /*#__PURE__*/ React.createElement("div", { className: "lg:hidden w-full", __source: { fileName: "", lineNumber: 1444, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-2 mb-4", __source: { fileName: "", lineNumber: 1445, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-green-600 text-black px-3 py-2 rounded hover:bg-green-500 transition-colors text-xs font-bold text-center", __source: { fileName: "", lineNumber: 1446, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-1", __source: { fileName: "", lineNumber: 1450, columnNumber: 17 }, __self: this }), "BASE"), /*#__PURE__*/ React.createElement("a", { href: "/armory/buy-sell-trade", className: "bg-orange-600 text-black px-3 py-2 rounded hover:bg-orange-500 transition-colors text-xs font-bold text-center", __source: { fileName: "", lineNumber: 1453, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-1", __source: { fileName: "", lineNumber: 1457, columnNumber: 17 }, __self: this }), "TRADE"), /*#__PURE__*/ React.createElement("a", { href: "/barracks", className: "bg-purple-600 text-white px-3 py-2 rounded hover:bg-purple-500 transition-colors text-xs font-bold text-center", __source: { fileName: "", lineNumber: 1460, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-1", __source: { fileName: "", lineNumber: 1464, columnNumber: 17 }, __self: this }), "BARRACKS"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCart(!showCart), className: "bg-blue-600 text-white px-3 py-2 rounded hover:bg-blue-500 transition-colors text-xs font-bold relative", __source: { fileName: "", lineNumber: 1467, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart mr-1", __source: { fileName: "", lineNumber: 1471, columnNumber: 17 }, __self: this }), "CART", getCartItemCount() > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs rounded-full h-4 w-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 1474, columnNumber: 19 }, __self: this }, getCartItemCount()))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-600 pt-4", __source: { fileName: "", lineNumber: 1481, columnNumber: 13 }, __self: this }, userLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 text-center", __source: { fileName: "", lineNumber: 1483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1", __source: { fileName: "", lineNumber: 1484, columnNumber: 19 }, __self: this }), " LOADING...") : user ? /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-2", __source: { fileName: "", lineNumber: 1487, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row items-center gap-2", __source: { fileName: "", lineNumber: 1488, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "text-green-400 hover:text-green-300 transition-colors flex items-center text-sm", __source: { fileName: "", lineNumber: 1489, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-check mr-1", __source: { fileName: "", lineNumber: 1493, columnNumber: 23 }, __self: this }), "OPERATIVE: ", username, (username === "AdminZach" || username === "AdminChris") && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-blue-400 ml-2", title: "Verified Admin", __source: { fileName: "", lineNumber: 1497, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-orange-400 text-sm", __source: { fileName: "", lineNumber: 1503, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins mr-1", __source: { fileName: "", lineNumber: 1504, columnNumber: 23 }, __self: this }), tacBucksLoading ? "..." : tacBucks.toLocaleString(), " TB")), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "bg-red-600 text-white px-4 py-2 rounded hover:bg-red-500 transition-colors text-sm font-bold", __source: { fileName: "", lineNumber: 1508, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-1", __source: { fileName: "", lineNumber: 1512, columnNumber: 21 }, __self: this }), "LOGOUT")) : /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-2", __source: { fileName: "", lineNumber: 1517, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/armory/rta-merchandise", className: "bg-green-600 text-black px-4 py-2 rounded hover:bg-green-500 transition-colors text-sm font-bold text-center", __source: { fileName: "", lineNumber: 1518, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-1", __source: { fileName: "", lineNumber: 1522, columnNumber: 21 }, __self: this }), "LOGIN"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup?callbackUrl=/armory/rta-merchandise", className: "bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-500 transition-colors text-sm font-bold text-center", __source: { fileName: "", lineNumber: 1525, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-1", __source: { fileName: "", lineNumber: 1529, columnNumber: 21 }, __self: this }), "ENLIST")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 border-b-2 border-green-400 py-4 px-4 md:px-6", __source: { fileName: "", lineNumber: 1539, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 1540, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 1541, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-green-400 flex items-center", __source: { fileName: "", lineNumber: 1542, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-store mr-2", __source: { fileName: "", lineNumber: 1543, columnNumber: 15 }, __self: this }), "RTA MERCH"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1546, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 1547, columnNumber: 15 }, __self: this }, "Switch Store:"), /*#__PURE__*/ React.createElement("a", { href: "/armory/buy-sell-trade", className: "bg-orange-600 text-black px-4 py-2 rounded hover:bg-orange-500 transition-colors font-bold text-sm flex items-center", __source: { fileName: "", lineNumber: 1548, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-4", __source: { fileName: "", lineNumber: 1552, columnNumber: 17 }, __self: this }), "MARKETPLACE"))))), activeEvent && timeRemaining && /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-purple-900 via-purple-800 to-purple-900 border-b-4 border-purple-400 py-4 px-4 md:px-6", __source: { fileName: "", lineNumber: 1561, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 1562, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 1563, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1564, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-purple-700 rounded-full p-3 border-2 border-purple-400", __source: { fileName: "", lineNumber: 1565, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gift text-2xl text-purple-300", __source: { fileName: "", lineNumber: 1566, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1568, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg md:text-xl font-bold text-purple-300 flex items-center", __source: { fileName: "", lineNumber: 1569, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-2", __source: { fileName: "", lineNumber: 1570, columnNumber: 21 }, __self: this }), "ACTIVE GIVEAWAY: ", activeEvent.title), /*#__PURE__*/ React.createElement("p", { className: "text-purple-200 text-sm", __source: { fileName: "", lineNumber: 1573, columnNumber: 19 }, __self: this }, activeEvent.prizeDescription || "Special tactical equipment giveaway", activeEvent.tacBucksReward > 0 && /*#__PURE__*/ React.createElement("span", { className: "text-orange-400 font-bold ml-2", __source: { fileName: "", lineNumber: 1577, columnNumber: 23 }, __self: this }, "+ ", activeEvent.tacBucksReward, " TAC BUCKS")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 1585, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1586, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400 font-bold text-sm mb-1", __source: { fileName: "", lineNumber: 1587, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stopwatch mr-1", __source: { fileName: "", lineNumber: 1588, columnNumber: 21 }, __self: this }), "TIME REMAINING:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 text-white", __source: { fileName: "", lineNumber: 1590, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 px-2 py-1 rounded border border-yellow-400", __source: { fileName: "", lineNumber: 1591, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 1592, columnNumber: 23 }, __self: this }, timeRemaining.days), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 1595, columnNumber: 23 }, __self: this }, "DAYS")), /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 1597, columnNumber: 21 }, __self: this }, ":"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 px-2 py-1 rounded border border-yellow-400", __source: { fileName: "", lineNumber: 1598, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 1599, columnNumber: 23 }, __self: this }, timeRemaining.hours), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 1602, columnNumber: 23 }, __self: this }, "HRS")), /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 1604, columnNumber: 21 }, __self: this }, ":"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 px-2 py-1 rounded border border-yellow-400", __source: { fileName: "", lineNumber: 1605, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 1606, columnNumber: 23 }, __self: this }, timeRemaining.minutes), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 1609, columnNumber: 23 }, __self: this }, "MIN")), /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 1611, columnNumber: 21 }, __self: this }, ":"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 px-2 py-1 rounded border border-yellow-400", __source: { fileName: "", lineNumber: 1612, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 1613, columnNumber: 23 }, __self: this }, timeRemaining.seconds), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 1616, columnNumber: 23 }, __self: this }, "SEC")))), /*#__PURE__*/ React.createElement("a", { href: "/special-events", __source: { fileName: "", lineNumber: 1621, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-purple-600 text-white px-6 py-3 rounded-lg hover:bg-purple-500 transition-colors font-bold border-2 border-purple-400 text-sm", __source: { fileName: "", lineNumber: 1622, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-gift mr-2", __source: { fileName: "", lineNumber: 1623, columnNumber: 21 }, __self: this }), "ENTER GIVEAWAY")))))), showCart && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1634, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg border-2 border-blue-400 max-w-2xl w-full max-h-[80vh] overflow-y-auto", __source: { fileName: "", lineNumber: 1635, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 1636, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1637, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-blue-400 flex items-center", __source: { fileName: "", lineNumber: 1638, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart mr-3", __source: { fileName: "", lineNumber: 1639, columnNumber: 19 }, __self: this }), "MERCHANDISE CART"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCart(false), className: "bg-gray-600 text-white px-3 py-1 rounded hover:bg-gray-500 transition-colors", __source: { fileName: "", lineNumber: 1642, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1646, columnNumber: 19 }, __self: this }))), cart.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 1651, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart text-6xl text-gray-600 mb-4", __source: { fileName: "", lineNumber: 1652, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 1653, columnNumber: 19 }, __self: this }, "Your cart is empty")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1656, columnNumber: 17 }, __self: this }, cart.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.cartId || item.id, className: "bg-gray-900 p-4 rounded border border-gray-600", __source: { fileName: "", lineNumber: 1658, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 1662, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 1663, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-bold text-green-400 mb-1", __source: { fileName: "", lineNumber: 1664, columnNumber: 27 }, __self: this }, item.name, item.selectedColor && /*#__PURE__*/ React.createElement("span", { className: "text-blue-400 text-sm ml-2", __source: { fileName: "", lineNumber: 1667, columnNumber: 31 }, __self: this }, "(", item.selectedColor.name, ")")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-sm mb-2", __source: { fileName: "", lineNumber: 1672, columnNumber: 27 }, __self: this }, item.description), item.selectedColor && /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-2", __source: { fileName: "", lineNumber: 1676, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-xs", __source: { fileName: "", lineNumber: 1677, columnNumber: 31 }, __self: this }, "Color:"), /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 rounded border border-gray-500", style: { backgroundColor: item.selectedColor.hex }, __source: { fileName: "", lineNumber: 1680, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-xs", __source: { fileName: "", lineNumber: 1686, columnNumber: 31 }, __self: this }, item.selectedColor.name)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1691, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-orange-400 font-bold", __source: { fileName: "", lineNumber: 1692, columnNumber: 29 }, __self: this }, "$", item.price.toFixed(2), " each"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1695, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>updateCartQuantity(item.cartId || item.id, item.quantity - 1), className: "bg-red-600 text-white px-2 py-1 rounded hover:bg-red-500 transition-colors text-xs", __source: { fileName: "", lineNumber: 1696, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-minus", __source: { fileName: "", lineNumber: 1705, columnNumber: 33 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white font-bold px-2", __source: { fileName: "", lineNumber: 1707, columnNumber: 31 }, __self: this }, item.quantity), /*#__PURE__*/ React.createElement("button", { onClick: ()=>updateCartQuantity(item.cartId || item.id, item.quantity + 1), className: "bg-green-600 text-white px-2 py-1 rounded hover:bg-green-500 transition-colors text-xs", __source: { fileName: "", lineNumber: 1710, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 1719, columnNumber: 33 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400 font-bold", __source: { fileName: "", lineNumber: 1722, columnNumber: 29 }, __self: this }, "Total: $", (item.price * item.quantity).toFixed(2)))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeFromCart(item.cartId || item.id), className: "bg-red-600 text-white px-2 py-1 rounded hover:bg-red-500 transition-colors text-xs ml-4", __source: { fileName: "", lineNumber: 1727, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1731, columnNumber: 27 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-600 pt-4", __source: { fileName: "", lineNumber: 1737, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1738, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold text-green-400", __source: { fileName: "", lineNumber: 1739, columnNumber: 23 }, __self: this }, "TOTAL: $", getCartTotal().toFixed(2))), user ? /*#__PURE__*/ React.createElement("button", { onClick: handlePurchase, disabled: loading, className: "w-full bg-green-600 text-black px-6 py-3 rounded hover:bg-green-500 transition-colors font-bold disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 1745, columnNumber: 23 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1752, columnNumber: 29 }, __self: this }), "PROCESSING...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card mr-2", __source: { fileName: "", lineNumber: 1757, columnNumber: 29 }, __self: this }), "COMPLETE PURCHASE")) : /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1763, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-4", __source: { fileName: "", lineNumber: 1764, columnNumber: 25 }, __self: this }, "Please sign in to complete your purchase"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin?callbackUrl=/armory/rta-merchandise", className: "bg-green-600 text-black px-6 py-3 rounded hover:bg-green-500 transition-colors font-bold inline-block", __source: { fileName: "", lineNumber: 1767, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 1771, columnNumber: 27 }, __self: this }), "SIGN IN"))))))), viewingItem && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1785, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg border-2 border-green-400 max-w-5xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 1786, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 1787, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1788, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-green-400 flex items-center", __source: { fileName: "", lineNumber: 1789, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-3", __source: { fileName: "", lineNumber: 1790, columnNumber: 19 }, __self: this }), "ITEM DETAILS"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setViewingItem(null), className: "bg-gray-600 text-white px-3 py-1 rounded hover:bg-gray-500 transition-colors", __source: { fileName: "", lineNumber: 1793, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1797, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 1801, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1802, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-square bg-gray-700 rounded-lg border-2 border-gray-600 overflow-hidden", __source: { fileName: "", lineNumber: 1803, columnNumber: 19 }, __self: this }, viewingItem.images && viewingItem.images.length > 0 ? /*#__PURE__*/ React.createElement("img", { src: viewingItem.images[selectedImageIndex], alt: viewingItem.name, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 1805, columnNumber: 23 }, __self: this }) : viewingItem.imageUrl ? /*#__PURE__*/ React.createElement("img", { src: viewingItem.imageUrl, alt: viewingItem.name, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 1811, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 1817, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tshirt text-6xl text-gray-500", __source: { fileName: "", lineNumber: 1818, columnNumber: 25 }, __self: this }))), viewingItem.images && viewingItem.images.length > 1 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1824, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-bold text-blue-400 mb-3", __source: { fileName: "", lineNumber: 1825, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-images mr-2", __source: { fileName: "", lineNumber: 1826, columnNumber: 25 }, __self: this }), "PRODUCT IMAGES (", viewingItem.images.length, ")"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-2", __source: { fileName: "", lineNumber: 1829, columnNumber: 23 }, __self: this }, viewingItem.images.map((image, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>setSelectedImageIndex(index), className: `aspect-square rounded border-2 overflow-hidden ${selectedImageIndex === index ? "border-green-400" : "border-gray-600 hover:border-gray-500"} transition-colors`, __source: { fileName: "", lineNumber: 1831, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `${viewingItem.name} ${index + 1}`, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 1840, columnNumber: 29 }, __self: this }))))), isAdmin && viewingItem.category !== "apparel" && viewingItem.images && viewingItem.images.length > 1 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1855, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 1856, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 1857, columnNumber: 27 }, __self: this }), "ADMIN: SELECT IMAGE VARIANT"), /*#__PURE__*/ React.createElement("select", { value: selectedImageIndex, onChange: (e)=>setSelectedImageIndex(parseInt(e.target.value)), className: "w-full bg-gray-900 border border-gray-600 rounded px-3 py-2 text-white focus:border-blue-400 focus:outline-none", __source: { fileName: "", lineNumber: 1860, columnNumber: 25 }, __self: this }, viewingItem.images.map((_, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: index, __source: { fileName: "", lineNumber: 1868, columnNumber: 29 }, __self: this }, "Image ", index + 1))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1877, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1878, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-green-400 mb-2", __source: { fileName: "", lineNumber: 1879, columnNumber: 21 }, __self: this }, cleanItemName(viewingItem.name)), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-orange-400 mb-4", __source: { fileName: "", lineNumber: 1882, columnNumber: 21 }, __self: this }, "$", viewingItem.price.toFixed(2), selectedColor && /*#__PURE__*/ React.createElement("span", { className: "text-blue-400 text-lg ml-2", __source: { fileName: "", lineNumber: 1885, columnNumber: 25 }, __self: this }, "(", selectedColor.name, ")")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4 mb-4", __source: { fileName: "", lineNumber: 1890, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-gray-700 px-3 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 1891, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tag mr-1", __source: { fileName: "", lineNumber: 1892, columnNumber: 25 }, __self: this }), viewingItem.category.toUpperCase()), /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 1895, columnNumber: 23 }, __self: this }, "Stock:", " ", viewingItem.stock === 999 || viewingItem.stock >= 999 ? "In Stock" : viewingItem.stock || "∞"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1904, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-400 mb-2", __source: { fileName: "", lineNumber: 1905, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 1906, columnNumber: 23 }, __self: this }), "DESCRIPTION"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 leading-relaxed", __source: { fileName: "", lineNumber: 1909, columnNumber: 21 }, __self: this }, viewingItem.description)), getItemColorOptions(viewingItem).length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1915, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-400 mb-3", __source: { fileName: "", lineNumber: 1916, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-palette mr-2", __source: { fileName: "", lineNumber: 1917, columnNumber: 25 }, __self: this }), "SELECT COLOR", /*#__PURE__*/ React.createElement("span", { className: "text-red-400 ml-1", __source: { fileName: "", lineNumber: 1919, columnNumber: 25 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-3", __source: { fileName: "", lineNumber: 1921, columnNumber: 23 }, __self: this }, getItemColorOptions(viewingItem).map((color, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>setSelectedColor(color), className: `flex items-center space-x-3 p-3 rounded border-2 transition-colors ${selectedColor?.name === color.name ? "border-green-400 bg-gray-700" : "border-gray-600 hover:border-gray-500"}`, __source: { fileName: "", lineNumber: 1924, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 rounded border border-gray-500", style: { backgroundColor: color.hex }, __source: { fileName: "", lineNumber: 1933, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm font-medium", __source: { fileName: "", lineNumber: 1937, columnNumber: 31 }, __self: this }, color.name)))), !selectedColor && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-xs text-red-400", __source: { fileName: "", lineNumber: 1945, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-1", __source: { fileName: "", lineNumber: 1946, columnNumber: 27 }, __self: this }), "Please select a color before adding to cart")), viewingItem.specs && Object.keys(viewingItem.specs).length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1955, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-400 mb-3", __source: { fileName: "", lineNumber: 1956, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 1957, columnNumber: 27 }, __self: this }), "SPECIFICATIONS"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded p-4 space-y-2", __source: { fileName: "", lineNumber: 1960, columnNumber: 25 }, __self: this }, Object.entries(viewingItem.specs).map(([key, value])=>/*#__PURE__*/ React.createElement("div", { key: key, className: "flex justify-between", __source: { fileName: "", lineNumber: 1963, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400 capitalize", __source: { fileName: "", lineNumber: 1964, columnNumber: 33 }, __self: this }, key, ":"), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 1967, columnNumber: 33 }, __self: this }, value))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-600 pt-6", __source: { fileName: "", lineNumber: 1975, columnNumber: 19 }, __self: this }, selectedColor && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-gray-700 rounded border border-green-400", __source: { fileName: "", lineNumber: 1977, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-green-400 font-bold mb-2", __source: { fileName: "", lineNumber: 1978, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 1979, columnNumber: 27 }, __self: this }), "SELECTED OPTIONS:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 1982, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1983, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 1984, columnNumber: 29 }, __self: this }, "Color:"), /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 rounded border border-gray-500", style: { backgroundColor: selectedColor.hex }, __source: { fileName: "", lineNumber: 1987, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm font-medium", __source: { fileName: "", lineNumber: 1991, columnNumber: 29 }, __self: this }, selectedColor.name)), viewingItem.images && viewingItem.images.length > 1 && /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1997, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 1998, columnNumber: 33 }, __self: this }, "Image:"), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 2001, columnNumber: 33 }, __self: this }, selectedImageIndex + 1, " of", " ", viewingItem.images.length)))), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); const hasColorOptions = getItemColorOptions(viewingItem).length > 0; if (hasColorOptions && !selectedColor) { setError("Please select a color before adding to cart"); return; } addToCart(viewingItem, selectedColor); }, disabled: viewingItem.stock === 0, className: "w-full bg-green-600 text-black px-6 py-4 rounded-lg hover:bg-green-500 transition-colors font-bold text-lg disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 2011, columnNumber: 21 }, __self: this }, viewingItem.stock === 0 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 2029, columnNumber: 27 }, __self: this }), "OUT OF STOCK") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cart-plus mr-2", __source: { fileName: "", lineNumber: 2034, columnNumber: 27 }, __self: this }), "ADD TO CART - $", viewingItem.price.toFixed(2), selectedColor && /*#__PURE__*/ React.createElement("span", { className: "text-sm ml-2", __source: { fileName: "", lineNumber: 2037, columnNumber: 29 }, __self: this }, "(", selectedColor.name, ")"))))))))), /*#__PURE__*/ React.createElement("div", { className: "py-6 px-4 md:px-6", __source: { fileName: "", lineNumber: 2052, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "