'use client' import { useState, useEffect } from 'react' import { useRouter } from 'next/navigation' import Link from 'next/link' // Convert EUR to BGN and round to nearest 0.10 const convertToBGN = (eur: number | null | undefined): string => { if (!eur || eur === 0) return '0.00' const bgn = eur * 1.95583 // Round to nearest 0.10 (e.g., 58.68 -> 58.70, 58.86 -> 58.90) const rounded = Math.round(bgn * 10) / 10 return rounded.toFixed(2) } interface CartItem { productId: number name: string price: number size: string | null color: string | null image?: string | null } interface Product { id: number name: string images: string[] } export default function CartPage() { const router = useRouter() const [cart, setCart] = useState([]) useEffect(() => { if (typeof window !== 'undefined') { const cartData: CartItem[] = JSON.parse(localStorage.getItem('cart') || '[]') // Fetch product images for cart items fetch('/api/products') .then(res => res.json()) .then((products: Product[]) => { const cartWithImages = cartData.map(item => { const product = products.find(p => p.id === item.productId) if (product && product.images && product.images.length > 0) { return { ...item, image: product.images[0] } } return { ...item, image: null } }) setCart(cartWithImages) }) .catch(() => { // If API fails, just use cart data without images setCart(cartData) }) } }, []) const removeFromCart = (index: number) => { const newCart = cart.filter((_, i) => i !== index) setCart(newCart) if (typeof window !== 'undefined') { localStorage.setItem('cart', JSON.stringify(newCart)) // Dispatch custom event to update cart icon window.dispatchEvent(new Event('cartUpdated')) } } const total = cart.reduce((sum, item) => sum + (item.price || 0), 0) return (
{/* Announcement Bar */}
БЕЗПЛАТНА ДОСТАВКА НАД 35€
{/* Header */}
← Назад {cart.length > 0 && ( {cart.length} )}

Количка

{cart.length === 0 ? (

Вашата количка е празна.

Продължете с пазаруването
) : ( <>
{cart.map((item, index) => (
{/* Product Image */}
{item.image ? ( {item.name} { e.currentTarget.src = '/api/placeholder/300/400' }} /> ) : (
Няма
)}
{/* Product Details */}

{item.name}

{item.size &&

Размер: {item.size}

} {item.color &&

Цвят: {item.color}

}

€{item.price ? item.price.toFixed(0) : '0'} ({convertToBGN(item.price)} лв)

))}
Общо: €{total.toFixed(0)} ({convertToBGN(total)} лв)
Продължи пазаруването
)}
{/* Footer */}
) }