import type { NextPage } from 'next'; import Head from 'next/head'; import { useSession } from 'next-auth/react'; import { useRouter } from 'next/router'; import Link from 'next/link'; import { useEffect, useState } from 'react'; import toast from 'react-hot-toast'; interface OrderItem { id: number; productId?: number; productSlug?: string; name: string; brand: string; quantity: number; unitPrice: number; totalPrice: number; image?: string; volume?: string; productType?: string; } interface OrderDetail { id: number; orderNumber: string; date: string; status: string; total: number; discountAmount: number; isGiftWrapped: boolean; giftWrappingPrice: number; items: OrderItem[]; shipping: { method: string; price: number; pickupPoint?: any; }; billing: { name: string; email: string; phone: string; street: string; city: string; zip: string; country: string; }; shipping_address?: { name: string; street: string; city: string; zip: string; country: string; }; } const OrderDetail: NextPage = () => { const { status } = useSession(); const router = useRouter(); const { id } = router.query; const [order, setOrder] = useState(null); const [isLoading, setIsLoading] = useState(true); useEffect(() => { if (status === 'unauthenticated') { router.push('/login'); } }, [status, router]); useEffect(() => { const fetchOrder = async () => { if (!id || Array.isArray(id)) return; try { const response = await fetch(`/api/user/orders/${id}`); if (response.ok) { const data = await response.json(); setOrder(data); } else if (response.status === 404) { toast.error('Objednávka nebyla nalezena'); router.push('/orders'); } else { console.error('Failed to fetch order'); toast.error('Chyba při načítání objednávky'); } } catch (error) { console.error('Error fetching order:', error); toast.error('Chyba při připojení'); } finally { setIsLoading(false); } }; if (status === 'authenticated' && id) { fetchOrder(); } }, [status, id, router]); if (status === 'loading' || isLoading) { return (
Načítání...
); } if (status === 'unauthenticated' || !order) { return null; } const subtotal = Number(order.total) + Number(order.discountAmount) - Number(order.shipping.price) - (order.isGiftWrapped ? Number(order.giftWrappingPrice) : 0); const shippingAddress = order.shipping_address || order.billing; const hasOnlyVouchers = order.items.every(item => item.productType === 'voucher'); const showShipping = !hasOnlyVouchers || Number(order.shipping.price) > 0; return ( <> Objednávka #{order.orderNumber} | Vystříkejto.cz
{/* Header */}

Objednávka #{order.orderNumber}

{order.date}

{order.status}
{/* Main Content */}
{/* Items Section */}

Obsah objednávky

{order.items.map((item) => (
{/* Product Image and Info - Clickable */}
{ if (item.productSlug) { router.push(`/product/${item.productSlug}`); } }} > {/* Product Image */} {item.image && (
{item.name} { (e.target as HTMLImageElement).src = 'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%25%22 height=%22100%25%22%3E%3Crect fill=%220a0a0a%22 width=%22100%25%22 height=%22100%25%22/%3E%3Crect fill=%22%23f3bd3533%22 x=%2225%25%22 y=%2225%25%22 width=%2250%25%22 height=%2250%25%22/%3E%3Ctext x=%2250%25%22 y=%2250%25%22 text-anchor=%22middle%22 dy=%22.3em%22 fill=%22%23f3bd35%22 font-size=%2212%22 font-family=%22serif%22%3E✓%3C/text%3E%3C/svg%3E'; }} />
)} {/* Product Info */}

{item.brand}

{item.name}

{item.volume && item.productType !== 'voucher' && (

{item.volume} ml

)}

{item.quantity}× {Number(item.unitPrice).toFixed(2)} Kč

=

{Number(item.totalPrice).toFixed(2)} Kč

))}
{/* Gift Wrapping */} {order.isGiftWrapped && (

Dárkové balení

Objednávka byla zabalena v dárkovém balení.

)} {/* Shipping Info */} {showShipping && (

Doručení

{/* Shipping Method */}
{/* Pickup Point Details */} {order.shipping.pickupPoint?.pickupPoint && (

{order.shipping.method}

{order.shipping.pickupPoint.pickupPoint.name}

{order.shipping.pickupPoint.pickupPoint.street}

{order.shipping.pickupPoint.pickupPoint.zip} {order.shipping.pickupPoint.pickupPoint.city}

)} {/* Shipping Address */} {!order.shipping.pickupPoint?.pickupPoint && (

{order.shipping.method}

{shippingAddress.name}

{shippingAddress.street}

{shippingAddress.zip} {shippingAddress.city}

)}
)}
{/* Sidebar */}
{/* Price Summary */}

Souhrn

Produkty

{Number(subtotal).toFixed(2)} Kč

{showShipping && (

Doprava

{Number(order.shipping.price) === 0 ? 'Zdarma' : Number(order.shipping.price).toFixed(2) + ' Kč'}

)} {order.isGiftWrapped && (

Dárkové balení

{Number(order.giftWrappingPrice).toFixed(2)} Kč

)} {order.discountAmount > 0 && (

Sleva

-{Number(order.discountAmount).toFixed(2)} Kč

)}

Celkem

{Number(order.total).toFixed(2)} Kč

{/* Billing Info */}

Fakturační údaje

Jméno

{order.billing.name}

Email

{order.billing.email}

Telefon

{order.billing.phone}

Adresa

{order.billing.street}

{order.billing.zip} {order.billing.city}

{/* Action Buttons */}
); }; export default OrderDetail;