[V0_FILE]typescriptreact:file="app/catalogo/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/admin/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]jpg:file="public/minimalist-chrome-bathroom-faucet-modern-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/minimalist-chrome-bathroom-faucet-modern-design-SduNxrHX6E9IuIK8ToxfDeDNGVzeiM.jpg" isMerged="true" [V0_FILE]jpg:file="public/chrome-bidet-faucet-minimalist-italian-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/chrome-bidet-faucet-minimalist-italian-design-sKvsqxgqGih6WlrdYnTC60u6n6mh4c.jpg" isMerged="true" [V0_FILE]jpg:file="public/modern-shower-mixer-chrome-italian-bathroom.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-shower-mixer-chrome-italian-bathroom-YDDQF7FxlDobNbCe3B8VWc0hoXKtZj.jpg" isMerged="true" [V0_FILE]jpg:file="public/elegant-matte-black-bathroom-faucet-luxury.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-matte-black-bathroom-faucet-luxury-3Pv8JlCnb65PuU5LkahfPjGoalUxxp.jpg" isMerged="true" [V0_FILE]jpg:file="public/matte-black-bathtub-faucet-modern-luxury.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/matte-black-bathtub-faucet-modern-luxury-Eu7m6KjO6hcTLlCxRMD9YHTPkxoGpC.jpg" isMerged="true" [V0_FILE]jpg:file="public/tall-bathroom-faucet-brushed-nickel-modern.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tall-bathroom-faucet-brushed-nickel-modern-4fKPuNbNLT7HlJvQVcfctINrnrhFQO.jpg" isMerged="true" [V0_FILE]jpg:file="public/luxury-shower-system-brushed-nickel-modern.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-shower-system-brushed-nickel-modern-wteVf7prVQ3V4wIPkR33U0eeVzD60z.jpg" isMerged="true" [V0_FILE]jpg:file="public/classic-chrome-faucet-wheel-handle-elegant.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/classic-chrome-faucet-wheel-handle-elegant-32MudEzi6RGvRlIdlcksjD3z9f0FzG.jpg" isMerged="true" [V0_FILE]jpg:file="public/ultra-minimalist-bathroom-faucet-geometric-chrome.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ultra-minimalist-bathroom-faucet-geometric-chrome-tLKuFWwm2x0ZJWrsNFePuzSPiOg6Wx.jpg" isMerged="true" [V0_FILE]jpg:file="public/geometric-bidet-faucet-chrome-minimalist.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/geometric-bidet-faucet-chrome-minimalist-NrYmWXsPw5frKABObXZRCYHkubKQqw.jpg" isMerged="true" [V0_FILE]jpg:file="public/stainless-steel-bathroom-faucet-premium-modern.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stainless-steel-bathroom-faucet-premium-modern-R5aJJiYG46byhnVgFo6Bb87TVCddo7.jpg" isMerged="true" [V0_FILE]jpg:file="public/stainless-steel-shower-system-luxury-bathroom.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stainless-steel-shower-system-luxury-bathroom-Sgs19g7d0YDB16rcvVYTrshjnharkP.jpg" isMerged="true" [V0_FILE]jpg:file="public/affordable-chrome-bathroom-faucet-sleek.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/affordable-chrome-bathroom-faucet-sleek-Xf9u98QtgAPAHxKLKcpRae7v7xVlad.jpg" isMerged="true" [V0_FILE]jpg:file="public/linear-shower-drain-stainless-steel-modern.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/linear-shower-drain-stainless-steel-modern-k7dFNTWXaOco6SM6QyfiJcIjk1vjxR.jpg" isMerged="true" [V0_FILE]jpg:file="public/round-rain-shower-head-chrome-luxury.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/round-rain-shower-head-chrome-luxury-TEQILGESeb7nqf47GYGEF7rO6iZb9m.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "jspdf": "4.0.0", "html2pdf.js": "0.14.0" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.145 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.145 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.45 0 0); --accent: oklch(0.17 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(1 0 0); --border: oklch(0.9 0 0); --input: oklch(0.9 0 0); --ring: oklch(0.145 0 0); /* Added success and warning colors for order status */ --success: oklch(0.55 0.15 145); --warning: oklch(0.7 0.15 85); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.25rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --success: oklch(0.55 0.15 145); --warning: oklch(0.7 0.15 85); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: "Inter", "Inter Fallback", system-ui, sans-serif; --font-serif: var(--font-playfair, "Playfair Display"), "Georgia", serif; --font-mono: "Geist Mono", "Geist Mono Fallback"; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-success: var(--success); --color-warning: var(--warning); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]jpg:file="public/modern-stainless-steel-bathroom-faucet-minimalist-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-stainless-steel-bathroom-faucet-minimalist--JlZO3sQ3IDcBGfVT7X0JHGSYd4egwm.jpg" isMerged="true" [V0_FILE]jpg:file="public/stainless-steel-bidet-faucet-italian-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stainless-steel-bidet-faucet-italian-design-RjMgI9qL5sbA1exKwETzquyCVpF0tq.jpg" isMerged="true" [V0_FILE]jpg:file="public/stainless-steel-shower-mixer-modern-bathroom.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stainless-steel-shower-mixer-modern-bathroom-DTqj3bq1Y0VXBSzqSllcWTlyBUmbqh.jpg" isMerged="true" [V0_FILE]jpg:file="public/elegant-dark-bathroom-faucet-luxury-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-dark-bathroom-faucet-luxury-design-0thNQXzHMQz6UOoJ7lJ2xQo0v72UpM.jpg" isMerged="true" [V0_FILE]jpg:file="public/modern-bathtub-faucet-luxury-bathroom.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-bathtub-faucet-luxury-bathroom-0cDnVip8Y8bJ7p69ClPjQUk3oW3vmZ.jpg" isMerged="true" [V0_FILE]jpg:file="public/classic-chrome-faucet-wheel-handle-elegant-bathroo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/classic-chrome-faucet-wheel-handle-elegant-bathroo-ta59tO3yGpo0MIewmqMrab6vHJYsMR.jpg" isMerged="true" [V0_FILE]jpg:file="public/stainless-steel-bathroom-faucet-premium-modern-316.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stainless-steel-bathroom-faucet-premium-modern-316-fowEL192B9sVchkHyBeV9L06frelJc.jpg" isMerged="true" [V0_FILE]jpg:file="public/stainless-steel-shower-system-luxury-bathroom-316.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stainless-steel-shower-system-luxury-bathroom-316-CT6rSf7aXk5nDFCk3VO7fuLv2uc1Ec.jpg" isMerged="true" [V0_FILE]jpg:file="public/affordable-chrome-bathroom-faucet-sleek-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/affordable-chrome-bathroom-faucet-sleek-design-onZL5ksZ9F9RTKCdulCwXwEezFYoCI.jpg" isMerged="true" [V0_FILE]jpg:file="public/square-rain-shower-head-stainless-steel-luxury.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/square-rain-shower-head-stainless-steel-luxury-DvGxQ6LUaqZjBEl1bQJdHalrzRZPPV.jpg" isMerged="true" [V0_FILE]jpg:file="public/handheld-shower-head-chrome-multifunction.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/handheld-shower-head-chrome-multifunction-t69knVAF7Jgy1LHr8vWdhLWPggVuoU.jpg" isMerged="true" [V0_FILE]jpg:file="public/kitchen-faucet-pull-out-spray-stainless-steel.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/kitchen-faucet-pull-out-spray-stainless-steel-4fK0wV1jsUH8Xg2mRkR4ly9Lh2ljYW.jpg" isMerged="true" [V0_FILE]jpg:file="public/tall-kitchen-faucet-stainless-steel-modern.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tall-kitchen-faucet-stainless-steel-modern-JW7Jojq8uhGL1zgfstNoHaJH8WzKvj.jpg" isMerged="true" [V0_FILE]jpg:file="public/towel-bar-60cm-stainless-steel-minimalist.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/towel-bar-60cm-stainless-steel-minimalist-QxwrLF7zaz8PWizntnstINB5pzfUfy.jpg" isMerged="true" [V0_FILE]jpg:file="public/wall-soap-dish-holder-stainless-steel.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wall-soap-dish-holder-stainless-steel-l6NfdcYvubwUgbh4Ip92DopXKeTEJO.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/neve-logo.tsx" isEdit="true" isQuickEdit="true" isMerged="true" export function NeveLogo({ className = "" }: { className?: string }) { return (

) } [V0_FILE]jpg:file="public/concealed-shower-valve-body-brass.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/concealed-shower-valve-body-brass-kolwHQpGh7hp5Cy6VmqztdCxA84si6.jpg" isMerged="true" [V0_FILE]jpg:file="public/concealed-shower-diverter-valve-body.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/concealed-shower-diverter-valve-body-vJx8Saqd5Q3aiSTY5c7knZxqbsOok8.jpg" isMerged="true" [V0_FILE]jpg:file="public/concealed-shower-3-way-valve-body-brass.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/concealed-shower-3-way-valve-body-brass-zfWL3hvNw7zI3JFomgKzpVBXZD1adc.jpg" isMerged="true" [V0_FILE]jpg:file="public/thermostatic-concealed-valve-body-chrome.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/thermostatic-concealed-valve-body-chrome-8dZjQiwamsfyojqTHdRNHnNQCL6td3.jpg" isMerged="true" [V0_FILE]jpg:file="public/thermostatic-3-way-concealed-valve-body.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/thermostatic-3-way-concealed-valve-body-RsEmaFZxqamy5I6VwoKMnUlGhS0PFV.jpg" isMerged="true" [V0_FILE]jpg:file="public/concealed-bath-tub-valve-body-brass.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/concealed-bath-tub-valve-body-brass-v0pNY6NkzgydfylUE0zLsQHY8roRb5.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/catalogo/incasso/[id]/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter, useParams } from "next/navigation" import Image from "next/image" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { PriceDisplay } from "@/components/price-display" import { useAuth } from "@/lib/auth-context" import { useCart } from "@/lib/cart-context" import { incassi, products } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { ChevronLeft, Minus, Plus, Check, Package } from "lucide-react" export default function IncassoDetailPage() { const router = useRouter() const params = useParams() const { isLoggedIn } = useAuth() const { addIncasso } = useCart() const [quantity, setQuantity] = useState(1) const [isAdded, setIsAdded] = useState(false) useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) const incasso = incassi.find((i) => i.id === params.id) if (!isLoggedIn) return null if (!incasso) { return (

Incasso non trovato

) } // Get compatible products const compatibleProducts = products.filter((p) => incasso.compatibleWith.includes(p.id)) const handleAddToCart = () => { addIncasso(incasso, quantity) setIsAdded(true) setTimeout(() => setIsAdded(false), 2000) } return (

{/* Breadcrumb */} Torna agli Incassi

{/* Product Image */}

{/* Product Info */}

Corpo Incasso

{incasso.name}

{incasso.availability}

Prezzo riservato rivenditori (IVA esclusa)

SKU: {incasso.sku}

{incasso.description}

{/* Compatible Products */} {compatibleProducts.length > 0 && (

Compatibile con

{compatibleProducts.map((product) => ( {product.name} ))}

)} {/* Add to Order */}

{quantity}

Prezzo di listino €{(incasso.listPrice * quantity).toLocaleString("it-IT")}

Subtotale riservato €{(incasso.price * quantity).toLocaleString("it-IT")}

) } [V0_FILE]typescriptreact:file="components/language-selector.tsx" isMerged="true" "use client" import { useLanguage } from "@/lib/language-context" import type { Language } from "@/lib/translations" import { Globe } from "lucide-react" const languages: { code: Language; label: string; flag: string }[] = [ { code: "it", label: "Italiano", flag: "🇮🇹" }, { code: "en", label: "English", flag: "🇬🇧" }, { code: "fr", label: "Français", flag: "🇫🇷" }, ] export function LanguageSelector() { const { language, setLanguage } = useLanguage() return (

{languages.map((lang) => ( ))}

) } [V0_FILE]jpg:file="public/luxury-bathroom-faucet-italian-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-bathroom-faucet-italian-design-iCyOkzQ759aohhnr7WZZr2aCl3EXtd.jpg" isMerged="true" [V0_FILE]jpg:file="public/luxury-stainless-steel-bathroom-collection.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-stainless-steel-bathroom-collection-aBSfZKp1O4yeGDV7Cn8z5CI2AuVOwy.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/ordini/page.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { orders } from "@/lib/mock-data" import { Package, Truck, CheckCircle, Clock, ChevronRight } from "lucide-react" export default function OrdiniPage() { const router = useRouter() const { isLoggedIn } = useAuth() const { language } = useLanguage() const [activeTab, setActiveTab] = useState<"portal" | "offline">("portal") const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT" useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null const getStatusTranslation = (status: string) => { const statusMap: Record = { "In lavorazione": t("status.inProgress", language), Spedito: t("status.shipped", language), Consegnato: t("status.delivered", language), "In attesa": t("status.pending", language), } return statusMap[status] || status } const statusConfig = { "In lavorazione": { icon: Clock, color: "text-warning", bg: "bg-warning/10" }, Spedito: { icon: Truck, color: "text-blue-600", bg: "bg-blue-50" }, Consegnato: { icon: CheckCircle, color: "text-success", bg: "bg-success/10" }, "In attesa": { icon: Package, color: "text-muted-foreground", bg: "bg-muted" }, } const filteredOrders = orders.filter((order) => order.source === activeTab) return (

{t("orders.title", language)}

{t("orders.subtitle", language)}

{/* Tabs */}

{/* Orders List */}

{filteredOrders.map((order) => { const StatusIcon = statusConfig[order.status as keyof typeof statusConfig]?.icon || Package const statusStyle = statusConfig[order.status as keyof typeof statusConfig] || statusConfig["In attesa"] return (

{order.id}

{getStatusTranslation(order.status)}

{new Date(order.date).toLocaleDateString(locale, { day: "numeric", month: "long", year: "numeric", })} • {order.items.length}{" "} {order.items.length === 1 ? t("orders.article", language) : t("orders.articles", language)}

€{order.total.toLocaleString(locale)}

{order.tracking &&

{order.tracking}

}

) })}

{filteredOrders.length === 0 && (

{activeTab === "portal" ? t("orders.noOrdersPortal", language) : t("orders.noOrdersOffline", language)}

)}

) } [V0_FILE]typescriptreact:file="app/ordini/[id]/page.tsx" isEdit="true" isMerged="true" "use client" import { useEffect } from "react" import { useRouter, useParams } from "next/navigation" import Image from "next/image" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { orders } from "@/lib/mock-data" import { ArrowLeft, Package, Truck, CheckCircle, Clock, MapPin, Calendar, FileText } from "lucide-react" export default function OrderDetailPage() { const router = useRouter() const params = useParams() const { isLoggedIn } = useAuth() const { language } = useLanguage() const order = orders.find((o) => o.id === params.id) const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT" useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null const getStatusTranslation = (status: string) => { const statusMap: Record = { "In lavorazione": t("status.inProgress", language), Spedito: t("status.shipped", language), Consegnato: t("status.delivered", language), "In attesa": t("status.pending", language), } return statusMap[status] || status } const statusConfig = { "In lavorazione": { icon: Clock, color: "text-warning", bg: "bg-warning/10" }, Spedito: { icon: Truck, color: "text-blue-600", bg: "bg-blue-50" }, Consegnato: { icon: CheckCircle, color: "text-success", bg: "bg-success/10" }, "In attesa": { icon: Package, color: "text-muted-foreground", bg: "bg-muted" }, } const trackingSteps = [ { label: t("status.orderReceived", language), date: "28 Nov 2024, 10:30", completed: true }, { label: t("status.inProgress", language), date: "28 Nov 2024, 14:00", completed: true }, { label: t("status.shipped", language), date: "29 Nov 2024, 09:15", completed: true }, { label: t("status.inDelivery", language), date: t("status.ongoing", language), completed: false }, { label: t("status.delivered", language), date: "-", completed: false }, ] if (!order) { return (

{t("orders.orderNotFound", language)}

{t("common.backToOrders", language)}

) } const StatusIcon = statusConfig[order.status as keyof typeof statusConfig]?.icon || Package const statusStyle = statusConfig[order.status as keyof typeof statusConfig] || statusConfig["In attesa"] return (

{t("common.backToOrders", language)} {/* Order Header */}

{order.id}

{order.source === "portal" ? t("orders.orderFromPortal", language) : t("orders.offlineOrder", language)}

{getStatusTranslation(order.status)}

{/* Order Items */}

{t("orders.orderedItems", language)}

{order.items.map((item, index) => (

{item.product.collection}

{item.product.name}

{item.product.sku}

€{item.product.price.toLocaleString(locale)}

{t("common.quantity", language)}: {item.quantity}

))}

{t("orders.orderTotal", language)} €{order.total.toLocaleString(locale)}

{/* Tracking */} {order.tracking && (

{t("orders.shippingStatus", language)}

{t("orders.trackingNumber", language)}

{order.tracking}

{trackingSteps.map((step, index) => (

{step.completed ? ( ) : (

)}

{index < trackingSteps.length - 1 && (

)}

{step.label}

{step.date}

))}

)}

{/* Order Info Sidebar */}

{t("orders.orderDetails", language)}

{t("orders.orderDate", language)}

{new Date(order.date).toLocaleDateString(locale, { day: "numeric", month: "long", year: "numeric", })}

{t("orders.paymentConditions", language)}

{t("cart.paymentTerms", language)}

{t("orders.shippingAddress", language)}

Via Roma 123
20121 Milano (MI)

) } [V0_FILE]typescriptreact:file="app/ricerca-articoli/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { Package, ShoppingBag, Truck, ArrowRight, TrendingUp, TableProperties } from "lucide-react" export default function DashboardPage() { const router = useRouter() const { isLoggedIn, isImpersonating, impersonatedCustomer } = useAuth() const { language } = useLanguage() useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null const customerName = isImpersonating ? impersonatedCustomer?.name : "Cliente Demo" const dashboardCards = [ { title: t("dashboard.productCatalog", language), description: t("dashboard.exploreCollections", language), icon: Package, href: "/catalogo", accent: true, }, { title: t("nav.articleSearch", language), description: t("tableSearch.subtitle", language), icon: TableProperties, href: "/ricerca-articoli", }, { title: t("dashboard.myOrders", language), description: t("dashboard.viewOrderHistory", language), icon: ShoppingBag, href: "/ordini", }, { title: t("dashboard.shippingStatus", language), description: t("dashboard.trackShipments", language), icon: Truck, href: "/ordini", }, ] const recentActivity = [ { type: "order", message: `${t("orders.title", language)} ORD-2024-003 ${t("activity.orderInProgress", language)}`, time: `2 ${t("activity.hoursAgo", language)}`, }, { type: "shipping", message: `${t("orders.title", language)} ORD-2024-001 ${t("activity.orderShipped", language)}`, time: `3 ${t("activity.daysAgo", language)}`, }, { type: "order", message: `${t("orders.title", language)} ORD-2024-002 ${t("activity.orderDelivered", language)}`, time: `1 ${t("activity.weekAgo", language)}`, }, ] return (

{/* Welcome Section */}

{t("dashboard.welcome", language)}, {customerName}

{t("dashboard.subtitle", language)}

{/* Dashboard Cards */}

{dashboardCards.map((card) => (

{card.title}

{card.description}

{t("common.go", language)}

))}

{/* Stats & Activity Section */}

{/* Quick Stats */}

{t("dashboard.summary", language)}

{t("dashboard.activeOrders", language)}

{t("dashboard.inShipping", language)}

{t("dashboard.monthTotal", language)}

€7.540

{/* Recent Activity */}

{t("dashboard.recentActivity", language)}

{recentActivity.map((activity, index) => (

{activity.message}

{activity.time}

))}

{/* Featured Banner */}

{t("dashboard.news2024", language)}

Collezione 316

{t("dashboard.collection316Desc", language)}

{t("dashboard.discoverCollection", language)}

) } [V0_FILE]typescriptreact:file="app/destinazioni/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { shippingDestinations as initialDestinations, type ShippingDestination } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Checkbox } from "@/components/ui/checkbox" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogDescription, } from "@/components/ui/dialog" import { ArrowLeft, MapPin, Plus, Pencil, Trash2, Check, Star } from "lucide-react" export default function DestinazioniPage() { const router = useRouter() const { isLoggedIn } = useAuth() const { language } = useLanguage() const [destinations, setDestinations] = useState(initialDestinations) const [showAddModal, setShowAddModal] = useState(false) const [showEditModal, setShowEditModal] = useState(false) const [showDeleteModal, setShowDeleteModal] = useState(false) const [selectedDestination, setSelectedDestination] = useState(null) const [formData, setFormData] = useState({ name: "", address: "", city: "", province: "", cap: "", country: "Italia", isDefault: false, }) const [savedMessage, setSavedMessage] = useState(null) useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null const resetForm = () => { setFormData({ name: "", address: "", city: "", province: "", cap: "", country: "Italia", isDefault: false, }) } const handleAdd = () => { resetForm() setShowAddModal(true) } const handleEdit = (dest: ShippingDestination) => { setSelectedDestination(dest) setFormData({ name: dest.name, address: dest.address, city: dest.city, province: dest.province, cap: dest.cap, country: dest.country, isDefault: dest.isDefault, }) setShowEditModal(true) } const handleDelete = (dest: ShippingDestination) => { setSelectedDestination(dest) setShowDeleteModal(true) } const handleSaveNew = () => { const newDest: ShippingDestination = { id: `DEST-${Date.now()}`, ...formData, } let updatedDestinations = [...destinations] if (formData.isDefault) { updatedDestinations = updatedDestinations.map((d) => ({ ...d, isDefault: false })) } updatedDestinations.push(newDest) setDestinations(updatedDestinations) setShowAddModal(false) setSavedMessage(t("cart.destinationSaved", language)) setTimeout(() => setSavedMessage(null), 3000) } const handleSaveEdit = () => { if (!selectedDestination) return const updatedDestinations = destinations.map((d) => { if (d.id === selectedDestination.id) { return { ...d, ...formData } } if (formData.isDefault) { return { ...d, isDefault: false } } return d }) setDestinations(updatedDestinations) setShowEditModal(false) setSavedMessage(t("cart.destinationSaved", language)) setTimeout(() => setSavedMessage(null), 3000) } const handleConfirmDelete = () => { if (!selectedDestination) return const wasDefault = selectedDestination.isDefault const updatedDestinations = destinations.filter((d) => d.id !== selectedDestination.id) // If we deleted the default, set the first one as default if (wasDefault && updatedDestinations.length > 0) { updatedDestinations[0] = { ...updatedDestinations[0], isDefault: true } } setDestinations(updatedDestinations) setShowDeleteModal(false) setSavedMessage(t("cart.destinationDeleted", language)) setTimeout(() => setSavedMessage(null), 3000) } const handleSetDefault = (destId: string) => { const updatedDestinations = destinations.map((d) => ({ ...d, isDefault: d.id === destId, })) setDestinations(updatedDestinations) setSavedMessage(t("cart.destinationSaved", language)) setTimeout(() => setSavedMessage(null), 3000) } return (

{t("cart.title", language)}

{t("cart.manageDestinations", language)}

{t("cart.shippingDestination", language)}

{/* Success message */} {savedMessage && (

{savedMessage}

)} {/* Destinations list */}

{destinations.map((dest) => (

{dest.name}

{dest.isDefault && ( {t("cart.defaultDestination", language)} )}

{dest.address}

{dest.cap} {dest.city} ({dest.province})

{dest.country}

{!dest.isDefault && ( )}

))}

{/* Add Modal */} {/* Edit Modal */} {/* Delete Confirmation Modal */}

) } [V0_FILE]png:file="public/professional-man-portrait-business.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-man-portrait-business-rG4swUUHKepK1GDSgyka5QXiniYwwd.png" isMerged="true" [V0_FILE]typescriptreact:file="app/profilo/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import Image from "next/image" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { billingInfo as initialBillingInfo, shippingDestinations as initialDestinations, mockOrders, commercialConditions, accountManager, type BillingInfo, type ShippingDestination, } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Checkbox } from "@/components/ui/checkbox" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogDescription, } from "@/components/ui/dialog" import { Building2, MapPin, Package, Pencil, Plus, Trash2, Star, Check, ChevronRight, FileText, Percent, CreditCard, Mail, Phone, } from "lucide-react" export default function ProfiloPage() { const router = useRouter() const { isLoggedIn } = useAuth() const { language } = useLanguage() // Billing state const [billingData, setBillingData] = useState(initialBillingInfo) const [showBillingModal, setShowBillingModal] = useState(false) const [billingFormData, setBillingFormData] = useState(initialBillingInfo) // Destinations state const [destinations, setDestinations] = useState(initialDestinations) const [showAddModal, setShowAddModal] = useState(false) const [showEditModal, setShowEditModal] = useState(false) const [showDeleteModal, setShowDeleteModal] = useState(false) const [selectedDestination, setSelectedDestination] = useState(null) const [destFormData, setDestFormData] = useState({ name: "", address: "", city: "", province: "", cap: "", country: "Italia", isDefault: false, }) const [savedMessage, setSavedMessage] = useState(null) // Recent orders (last 3) const recentOrders = mockOrders.slice(0, 3) useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null const showMessage = (msg: string) => { setSavedMessage(msg) setTimeout(() => setSavedMessage(null), 3000) } // Billing handlers const handleEditBilling = () => { setBillingFormData(billingData) setShowBillingModal(true) } const handleSaveBilling = () => { setBillingData(billingFormData) setShowBillingModal(false) showMessage(t("profile.billingUpdated", language)) } // Destination handlers const resetDestForm = () => { setDestFormData({ name: "", address: "", city: "", province: "", cap: "", country: "Italia", isDefault: false, }) } const handleAddDest = () => { resetDestForm() setShowAddModal(true) } const handleEditDest = (dest: ShippingDestination) => { setSelectedDestination(dest) setDestFormData({ name: dest.name, address: dest.address, city: dest.city, province: dest.province, cap: dest.cap, country: dest.country, isDefault: dest.isDefault, }) setShowEditModal(true) } const handleDeleteDest = (dest: ShippingDestination) => { setSelectedDestination(dest) setShowDeleteModal(true) } const handleSaveNewDest = () => { const newDest: ShippingDestination = { id: `DEST-${Date.now()}`, ...destFormData, } let updatedDestinations = [...destinations] if (destFormData.isDefault) { updatedDestinations = updatedDestinations.map((d) => ({ ...d, isDefault: false })) } updatedDestinations.push(newDest) setDestinations(updatedDestinations) setShowAddModal(false) showMessage(t("cart.destinationSaved", language)) } const handleSaveEditDest = () => { if (!selectedDestination) return const updatedDestinations = destinations.map((d) => { if (d.id === selectedDestination.id) { return { ...d, ...destFormData } } if (destFormData.isDefault) { return { ...d, isDefault: false } } return d }) setDestinations(updatedDestinations) setShowEditModal(false) showMessage(t("cart.destinationSaved", language)) } const handleConfirmDeleteDest = () => { if (!selectedDestination) return const wasDefault = selectedDestination.isDefault const updatedDestinations = destinations.filter((d) => d.id !== selectedDestination.id) if (wasDefault && updatedDestinations.length > 0) { updatedDestinations[0] = { ...updatedDestinations[0], isDefault: true } } setDestinations(updatedDestinations) setShowDeleteModal(false) showMessage(t("cart.destinationDeleted", language)) } const handleSetDefault = (destId: string) => { const updatedDestinations = destinations.map((d) => ({ ...d, isDefault: d.id === destId, })) setDestinations(updatedDestinations) showMessage(t("cart.destinationSaved", language)) } const defaultDest = destinations.find((d) => d.isDefault) const otherDests = destinations.filter((d) => !d.isDefault) return (

{/* Header */}

{t("profile.title", language)}

{t("profile.welcome", language)}, {billingData.companyName}

{/* Success message */} {savedMessage && (

{savedMessage}

)}

{t("profile.accountManager", language)}

{accountManager.name}

{t("profile.accountManagerDescription", language)}

{accountManager.email} {accountManager.phone}

{/* Recent Orders - Full Width */}

{t("profile.recentOrders", language)}

{t("profile.ordersDescription", language)}

{recentOrders.length > 0 ? (

{recentOrders.map((order) => (

{order.id}

{order.status === "shipped" ? t("status.shipped", language) : t("status.inProgress", language)}

{order.date}

€{order.total.toLocaleString("it-IT", { minimumFractionDigits: 2 })}

))}

) : (

{t("profile.noOrders", language)}

)}

{/* Billing Information */}

{t("profile.billingInfo", language)}

{t("profile.billingDescription", language)}

{t("profile.companyName", language)} {billingData.companyName}

{t("profile.vatNumber", language)} {billingData.vatNumber}

{t("profile.fiscalCode", language)} {billingData.fiscalCode}

{t("profile.address", language)} {billingData.address}
{billingData.cap} {billingData.city} ({billingData.province})

{t("profile.sdiCode", language)} {billingData.sdiCode}

{t("profile.pecEmail", language)} {billingData.pecEmail}

{/* Commercial Conditions */}

{t("profile.commercialConditions", language)}

{t("profile.commercialDescription", language)}

{t("profile.paymentMethod", language)} {commercialConditions.paymentMethod}

{t("profile.paymentTerms", language)} {commercialConditions.paymentDays} {t("profile.daysFromInvoice", language)}

{t("profile.reservedDiscount", language)} {commercialConditions.discountPercentage}%

{t("profile.priceList", language)} {commercialConditions.priceListCode}

{/* Shipping Destinations */}

{t("profile.shippingAddresses", language)}

{t("profile.shippingDescription", language)}

{/* Default destination */} {defaultDest && (

{t("profile.defaultAddress", language)}

{defaultDest.name}

{defaultDest.address}, {defaultDest.cap} {defaultDest.city} ({defaultDest.province})

)} {/* Other destinations */} {otherDests.length > 0 && (

{t("profile.otherAddresses", language)}

{otherDests.map((dest) => (

{dest.name}

{dest.address}, {dest.cap} {dest.city} ({dest.province})

))}

)}

{/* Billing Modal */} {/* Add Destination Modal */} {/* Edit Destination Modal */} {/* Delete Confirmation Modal */}

) } [V0_FILE]typescriptreact:file="components/app-header.tsx" isMerged="true" "use client" import Link from "next/link" import { usePathname } from "next/navigation" import { NeveLogo } from "./neve-logo" import { LanguageSelector } from "./language-selector" import { PriceSelector } from "./price-selector" import { ShoppingCart, User, LogOut, Menu, X, ChevronDown } from "lucide-react" import { Button } from "@/components/ui/button" import { useCart } from "@/lib/cart-context" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { useState, useRef, useEffect } from "react" export function AppHeader() { const pathname = usePathname() const { items } = useCart() const { isImpersonating, impersonatedCustomer, logout, exitImpersonation } = useAuth() const { language } = useLanguage() const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const [userDropdownOpen, setUserDropdownOpen] = useState(false) const dropdownRef = useRef(null) const cartCount = items.reduce((sum, item) => sum + item.quantity, 0) const navLinks = [ { href: "/dashboard", label: t("nav.dashboard", language) }, { href: "/catalogo", label: t("nav.catalog", language) }, { href: "/preventivi", label: t("quotes.title", language) }, { href: "/ricerca-articoli", label: t("nav.articleSearch", language) }, ] useEffect(() => { function handleClickOutside(event: MouseEvent) { if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) { setUserDropdownOpen(false) } } document.addEventListener("mousedown", handleClickOutside) return () => document.removeEventListener("mousedown", handleClickOutside) }, []) return ( <> {isImpersonating && (

{t("admin.impersonationActive", language)} — {t("admin.viewingAs", language)}: {impersonatedCustomer?.company}

)}

{/* Desktop Navigation */}

{cartCount > 0 && ( {cartCount} )}

{userDropdownOpen && (

setUserDropdownOpen(false)} > {t("common.personalArea", language)} setUserDropdownOpen(false)} > {t("common.admin", language)}

)}

{/* Mobile Menu Button */}

{/* Mobile Navigation */} {mobileMenuOpen && (

{navLinks.map((link) => ( setMobileMenuOpen(false)} > {link.label} ))}

setMobileMenuOpen(false)} > {t("common.personalArea", language)} setMobileMenuOpen(false)} > {t("common.admin", language)}

)}

) } [V0_FILE]typescriptreact:file="lib/auth-context.tsx" isMerged="true" "use client" import { createContext, useContext, useState, useCallback, type ReactNode } from "react" import { useRouter } from "next/navigation" import type { Customer } from "./mock-data" interface AuthContextType { isLoggedIn: boolean isAdmin: boolean isImpersonating: boolean impersonatedCustomer: Customer | null login: (email: string) => boolean logout: () => void impersonate: (customer: Customer) => void exitImpersonation: () => void } const AuthContext = createContext(undefined) export function AuthProvider({ children }: { children: ReactNode }) { const router = useRouter() const [isLoggedIn, setIsLoggedIn] = useState(() => { if (typeof window !== "undefined") { return sessionStorage.getItem("neve_logged_in") === "true" } return false }) const [isAdmin, setIsAdmin] = useState(() => { if (typeof window !== "undefined") { return sessionStorage.getItem("neve_is_admin") === "true" } return false }) const [isImpersonating, setIsImpersonating] = useState(false) const [impersonatedCustomer, setImpersonatedCustomer] = useState(null) const login = useCallback((email: string) => { // Mock login - only accepts demo credentials if (email === "demo@neve.com") { setIsLoggedIn(true) setIsAdmin(true) // Demo user has admin access if (typeof window !== "undefined") { sessionStorage.setItem("neve_logged_in", "true") sessionStorage.setItem("neve_is_admin", "true") } return true } return false }, []) const logout = useCallback(() => { setIsLoggedIn(false) setIsAdmin(false) setIsImpersonating(false) setImpersonatedCustomer(null) if (typeof window !== "undefined") { sessionStorage.removeItem("neve_logged_in") sessionStorage.removeItem("neve_is_admin") } router.push("/") }, [router]) const impersonate = useCallback( (customer: Customer) => { setIsImpersonating(true) setImpersonatedCustomer(customer) router.push("/dashboard") }, [router], ) const exitImpersonation = useCallback(() => { setIsImpersonating(false) setImpersonatedCustomer(null) router.push("/admin") }, [router]) return ( {children} ) } export function useAuth() { const context = useContext(AuthContext) if (context === undefined) { throw new Error("useAuth must be used within an AuthProvider") } return context } [V0_FILE]typescriptreact:file="app/admin/cliente/[id]/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]jpg:file="public/products/doc-001-acciaio-spazzolato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/doc-001-acciaio-spazzolato-HXuAbWqaYxdgDe1JJzoCDMJbL6FJRl.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/doc-001-smoky-quartz.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/doc-001-smoky-quartz-Bb7Mpd1sr1eDWC25tgtRsCPMEDATd9.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/doc-001-honey-amber.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/doc-001-honey-amber-UNS8R40ZIYChvh7u9DHncJiXdZe2xu.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/doc-001-black-onyx.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/doc-001-black-onyx-WiZx2l8WPlSRZeqG0bVGWyOdjRqnwj.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/doc-001-red-sunstone.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/doc-001-red-sunstone-OxIGBBMToZsN2Bn6qoGc9LDQ2N3GrT.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/brezza-001-acciaio-spazzolato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/brezza-001-acciaio-spazzolato-YOWfMGD95N3QHudvBOhvXhjq9gwQWW.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/brezza-001-smoky-quartz.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/brezza-001-smoky-quartz-4F4P3MwQfUDtty7WCT8LZbHJUfqD93.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/brezza-001-black-onyx.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/brezza-001-black-onyx-lWdnrqfGOx5zHkc2BfAaa01qCohNYo.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/viva-001-acciaio-spazzolato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/viva-001-acciaio-spazzolato-zgnkERKISV6lq84g6HuzJsNAYjfCpN.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/viva-001-honey-amber.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/viva-001-honey-amber-UBptm6lGZfwxrCAwS3cxJvdbhrhEkn.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/viva-001-red-sunstone.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/viva-001-red-sunstone-HxlEUEQSw73xQfapVD4hln5BPvUZ6b.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/zero-001-acciaio-spazzolato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/zero-001-acciaio-spazzolato-KYpIeYTIaJHF5p0WmpawrNsd55b9jc.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/zero-001-black-onyx.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/zero-001-black-onyx-TKTBCRS6DjSZOpZg6hjHrUEEJwkJzk.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/316-001-acciaio-spazzolato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/316-001-acciaio-spazzolato-mbOLmzoiyUpoKKBNvX7MByb0BHsZDd.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/316-001-black-onyx.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/products/316-001-black-onyx-vzedtaSTRS5Vt6ImnFqvRRDVmzRTl0.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/cucina-001-acciaio-spazzolato.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]jpg:file="public/products/cucina-001-smoky-quartz.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]jpg:file="public/products/cucina-001-black-onyx.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]typescriptreact:file="lib/language-context.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { createContext, useContext, useState, useEffect, type ReactNode } from "react" import { t, type Language } from "./translations" export { t } interface LanguageContextType { language: Language setLanguage: (lang: Language) => void } const LanguageContext = createContext(undefined) export function LanguageProvider({ children }: { children: ReactNode }) { const [language, setLanguage] = useState("it") useEffect(() => { const saved = localStorage.getItem("neve-lang") as Language if (saved && ["it", "en", "fr"].includes(saved)) { setLanguage(saved) } }, []) const handleSetLanguage = (lang: Language) => { setLanguage(lang) localStorage.setItem("neve-lang", lang) } return ( {children} ) } export function useLanguage() { const context = useContext(LanguageContext) if (!context) { throw new Error("useLanguage must be used within a LanguageProvider") } return context } [V0_FILE]typescriptreact:file="app/admin/cliente/[id]/carrelli/page.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState, useRef } from "react" import { useParams, useRouter } from "next/navigation" import { useAuth } from "@/lib/auth-context" import { useLanguage, t } from "@/lib/language-context" import { AppHeader } from "@/components/app-header" import { ArrowLeft, ShoppingCart, History, CheckCircle, XCircle, ExternalLink, Calendar, Package, Filter, X, } from "lucide-react" import Link from "next/link" import { customers, getCartHistoryByCustomer, type CartHistory, finishes } from "@/lib/mock-data" import { translations } from "@/lib/translations" export default function CustomerCartsPage() { const params = useParams() const id = params.id as string const router = useRouter() const { isLoggedIn, isAdmin } = useAuth() const { language } = useLanguage() const [customer, setCustomer] = useState<(typeof customers)[0] | null>(null) const [cartHistoryData, setCartHistoryData] = useState([]) const activeCartRef = useRef(null) const [dateFrom, setDateFrom] = useState("") const [dateTo, setDateTo] = useState("") const [showFilters, setShowFilters] = useState(false) useEffect(() => { if (!isLoggedIn) { router.push("/") } else { const foundCustomer = customers.find((c) => c.id === id) const foundCartHistory = getCartHistoryByCustomer(id) setCustomer(foundCustomer || null) setCartHistoryData(foundCartHistory) } }, [isLoggedIn, router, id]) if (!isLoggedIn || !isAdmin) { return null } if (!customer) { return (

{t("common.loading", language)}

) } const activeCart = cartHistoryData.find((c) => c.status === "active") const allPastCarts = cartHistoryData.filter((c) => c.status !== "active") const pastCarts = allPastCarts.filter((cart) => { if (!dateFrom && !dateTo) return true const cartDate = new Date(cart.createdAt) if (dateFrom && cartDate < new Date(dateFrom)) return false if (dateTo) { const toDate = new Date(dateTo) toDate.setHours(23, 59, 59, 999) if (cartDate > toDate) return false } return true }) const clearFilters = () => { setDateFrom("") setDateTo("") } const hasActiveFilters = dateFrom || dateTo const getText = (key: string): string => { const keys = key.split(".") let value: any = translations for (const k of keys) { value = value?.[k] } return value?.[language] || key } const getCartStatusLabel = (status: CartHistory["status"]) => { return translations.cartStatus?.[status]?.[language] || status } const getCartStatusStyle = (status: CartHistory["status"]) => { switch (status) { case "active": return "bg-blue-100 text-blue-700" case "converted": return "bg-green-100 text-green-700" case "abandoned": return "bg-red-100 text-red-700" } } const getCartStatusIcon = (status: CartHistory["status"]) => { switch (status) { case "active": return case "converted": return case "abandoned": return } } const getFinishName = (finishCode: string) => { const finish = finishes.find((f) => f.code === finishCode) return finish?.name || finishCode } const getFinishColor = (finishCode: string) => { const finish = finishes.find((f) => f.code === finishCode) return finish?.color || "#888" } const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString( language === "it" ? "it-IT" : language === "fr" ? "fr-FR" : "en-US", { day: "2-digit", month: "short", year: "numeric", hour: "2-digit", minute: "2-digit", }, ) } const renderCartItems = (items: CartHistory["items"]) => (

{items.map((item, idx) => (

{item.productName}

{item.sku}

{item.finish && (

{getFinishName(item.finish)}

)}

x{item.quantity}

€{(item.price * item.quantity).toFixed(2)}

))}

) return (

{/* Header */}

{t("admin.backToCustomer", language)}

{getText("cartHistory")} - {customer.name}

{customer.company}

{/* Summary */}

{t("admin.currentCart", language)}

{activeCart ? activeCart.items.length : 0} {getText("cartItems")}

{activeCart && (

€{activeCart.items.reduce((sum, item) => sum + item.price * item.quantity, 0).toFixed(2)}

)}

{getCartStatusLabel("converted")}

{cartHistoryData.filter((c) => c.status === "converted").length}

{getCartStatusLabel("abandoned")}

{cartHistoryData.filter((c) => c.status === "abandoned").length}

{/* Active Cart */}

{t("admin.currentCart", language)}

{activeCart && activeCart.items.length > 0 ? (

{getCartStatusIcon(activeCart.status)} {getCartStatusLabel(activeCart.status)}

{getText("cartCreatedAt")}: {formatDate(activeCart.createdAt)}

{renderCartItems(activeCart.items)}

{t("cart.total", language)} €{activeCart.items.reduce((sum, item) => sum + item.price * item.quantity, 0).toFixed(2)}

) : (

{getText("emptyCart")}

)}

{/* Past Carts with Filters */}

{getText("cartHistory")} ({pastCarts.length} {allPastCarts.length !== pastCarts.length ? ` / ${allPastCarts.length}` : ""})

{showFilters && (

{getText("common.dateFrom")} setDateFrom(e.target.value)} className="w-full rounded-lg border border-input bg-background px-3 py-2 text-sm" />

{getText("common.dateTo")} setDateTo(e.target.value)} className="w-full rounded-lg border border-input bg-background px-3 py-2 text-sm" />

{hasActiveFilters && ( )}

)} {pastCarts.length > 0 ? (

{pastCarts.map((cart) => (

{getCartStatusIcon(cart.status)} {getCartStatusLabel(cart.status)} {cart.convertedToOrder && ( {getText("viewOrder")}: {cart.convertedToOrder} )}

{getText("cartCreatedAt")}: {formatDate(cart.createdAt)}

{cart.convertedAt && (

{getText("cartConvertedAt")}: {formatDate(cart.convertedAt)}

)}

{renderCartItems(cart.items)}

{cart.items.length} {getText("cartItems")} €{cart.items.reduce((sum, item) => sum + item.price * item.quantity, 0).toFixed(2)}

))}

) : (

{hasActiveFilters ? getText("common.noResultsFilter") : getText("common.noData")}

{hasActiveFilters && ( )}

)}

) } [V0_FILE]typescriptreact:file="app/admin/carrelli/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useMemo } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { translations } from "@/lib/translations" import { cartHistory, customers } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { ShoppingCart, ArrowLeft, Filter, X, Calendar, User, Package, Building2, Eye, CheckCircle2, XCircle, Clock, } from "lucide-react" type Language = "it" | "en" | "fr" const cartStatusTranslations = { active: { it: "Attivo", en: "Active", fr: "Actif" }, converted: { it: "Convertito in ordine", en: "Converted to order", fr: "Converti en commande" }, abandoned: { it: "Abbandonato", en: "Abandoned", fr: "Abandonné" }, } export default function AdminCartsPage() { const router = useRouter() const { isLoggedIn, isAdmin } = useAuth() const { language } = useLanguage() // Filters const [customerFilter, setCustomerFilter] = useState("") const [productFilter, setProductFilter] = useState("") const [statusFilter, setStatusFilter] = useState("") const [dateFrom, setDateFrom] = useState("") const [dateTo, setDateTo] = useState("") const [showFilters, setShowFilters] = useState(true) // Helper function for translations const getText = (key: string): string => { const keys = key.split(".") let value: any = translations for (const k of keys) { value = value?.[k] } return value?.[language as Language] || key } const getCartStatusLabel = (status: string): string => { const statusKey = status as keyof typeof cartStatusTranslations return cartStatusTranslations[statusKey]?.[language as Language] || status } // Get customer name by ID const getCustomerName = (customerId: string): string => { const customer = customers.find((c) => c.id === customerId) return customer?.name || customerId } // Get customer company by ID const getCustomerCompany = (customerId: string): string => { const customer = customers.find((c) => c.id === customerId) return customer?.company || "" } // Get all unique products from cart history const allProductsInCarts = useMemo(() => { const productSet = new Set() cartHistory.forEach((cart) => { cart.items.forEach((item) => { productSet.add(item.productName) }) }) return Array.from(productSet).sort() }, []) // Filter carts const filteredCarts = useMemo(() => { return cartHistory .filter((cart) => { // Customer filter if (customerFilter && cart.customerId !== customerFilter) { return false } // Product filter if (productFilter) { const hasProduct = cart.items.some((item) => item.productName === productFilter) if (!hasProduct) return false } // Status filter if (statusFilter && cart.status !== statusFilter) { return false } // Date filters const cartDate = new Date(cart.createdAt) if (dateFrom) { const fromDate = new Date(dateFrom) if (cartDate < fromDate) return false } if (dateTo) { const toDate = new Date(dateTo) toDate.setHours(23, 59, 59, 999) if (cartDate > toDate) return false } return true }) .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()) }, [customerFilter, productFilter, statusFilter, dateFrom, dateTo]) // Separate active carts from history const activeCarts = filteredCarts.filter((c) => c.status === "active") const historyCarts = filteredCarts.filter((c) => c.status !== "active") // Count active filters const activeFiltersCount = [customerFilter, productFilter, statusFilter, dateFrom, dateTo].filter(Boolean).length // Clear all filters const clearFilters = () => { setCustomerFilter("") setProductFilter("") setStatusFilter("") setDateFrom("") setDateTo("") } useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null if (!isAdmin) { return (

{getText("admin.noPermission")}

) } return (

{/* Header */}

{getText("admin.backToList")}

{getText("admin.allCarts")}

{getText("admin.allCartsSubtitle")}

{/* Filters Panel */}

{showFilters && (

{/* Customer Filter */}

{getText("admin.filterByCustomer")}

{/* Product Filter */}

{getText("admin.filterByProduct")}

{/* Status Filter */}

{getText("admin.filterByStatus")}

{/* Date From */}

{getText("admin.dateFrom")} setDateFrom(e.target.value)} className="h-10" />

{/* Date To */}

{getText("admin.dateTo")} setDateTo(e.target.value)} className="h-10" />

{activeFiltersCount > 0 && (

)}

{/* Active Carts Section */} {activeCarts.length > 0 && (

{getText("admin.activeCarts")} {activeCarts.length}

{activeCarts.map((cart) => (

{getCustomerName(cart.customerId)}

{getCustomerCompany(cart.customerId)}

€{cart.total.toLocaleString("it-IT")}

{new Date(cart.createdAt).toLocaleDateString(language === "en" ? "en-GB" : language)}

{cart.items.map((item, idx) => ( ))}

{getText("common.product")}	{getText("product.finish")}	{getText("common.quantity")}	{getText("common.price")}
{item.productName}	{item.finishName \|\| "-"}	{item.quantity}	€{(item.price * item.quantity).toLocaleString("it-IT")}

))}

)} {/* Cart History Section */}

{getText("admin.cartHistory")} {historyCarts.length}

{historyCarts.length === 0 ? (

{getText("admin.noCartsFound")}

) : (

{historyCarts.map((cart) => (

{cart.status === "converted" ? ( ) : ( )}

{getCustomerName(cart.customerId)}

{getCustomerCompany(cart.customerId)}

{getCartStatusLabel(cart.status)}

€{cart.total.toLocaleString("it-IT")}

{new Date(cart.createdAt).toLocaleDateString(language === "en" ? "en-GB" : language)}

{cart.status === "converted" && cart.orderId && (

{getText("cartHistory.viewOrder")}: {cart.orderId}

)}

{cart.items.map((item, idx) => ( ))}

{getText("common.product")}	{getText("product.finish")}	{getText("common.quantity")}	{getText("common.price")}
{item.productName}	{item.finishName \|\| "-"}	{item.quantity}	€{(item.price * item.quantity).toLocaleString("it-IT")}

))}

)}

) } [V0_FILE]typescriptreact:file="app/admin/clienti/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/admin/statistiche/page.tsx" isMerged="true" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { translations } from "@/lib/translations" import { customers, customerStats, getStatsByCustomer } from "@/lib/mock-data" import { ArrowLeft, BarChart3, TrendingUp, TrendingDown, ShoppingCart, Target, Award } from "lucide-react" type Language = "it" | "en" | "fr" // Helper function for translations const getText = (key: string, lang: Language): string => { const keys = key.split(".") let value: any = translations for (const k of keys) { value = value?.[k] } return value?.[lang] || key } // Mock monthly data for charts const monthlyData = [ { month: "Lug", orders: 42, revenue: 98500 }, { month: "Ago", orders: 38, revenue: 87200 }, { month: "Set", orders: 56, revenue: 134800 }, { month: "Ott", orders: 61, revenue: 152400 }, { month: "Nov", orders: 58, revenue: 143200 }, { month: "Dic", orders: 72, revenue: 189600 }, { month: "Gen", orders: 48, revenue: 118900 }, ] // Top customers by revenue const topCustomers = customers .map((c) => { const stats = getStatsByCustomer(c.id) return { ...c, stats } }) .filter((c) => c.stats) .sort((a, b) => (b.stats?.totalSpent || 0) - (a.stats?.totalSpent || 0)) .slice(0, 5) // Customer segments const segments = { vip: customers.filter((c) => { const stats = getStatsByCustomer(c.id) return stats && stats.totalSpent > 100000 }).length, active: customers.filter((c) => { const stats = getStatsByCustomer(c.id) return stats && stats.totalSpent >= 50000 && stats.totalSpent <= 100000 }).length, occasional: customers.filter((c) => { const stats = getStatsByCustomer(c.id) return stats && stats.totalSpent < 50000 }).length, } export default function CustomerStatisticsPage() { const router = useRouter() const { isLoggedIn, isAdmin } = useAuth() const { language } = useLanguage() // Calculate totals const totalRevenue = customerStats.reduce((acc, s) => acc + s.totalSpent, 0) const totalOrders = customerStats.reduce((acc, s) => acc + s.totalOrders, 0) const avgOrderValue = totalRevenue / totalOrders const avgConversionRate = customerStats.reduce((acc, s) => acc + s.conversionRate, 0) / customerStats.length useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn || !isAdmin) return null const statTranslations = { title: { it: "Statistiche Clienti", en: "Customer Statistics", fr: "Statistiques Clients" }, subtitle: { it: "Analisi dettagliata del comportamento e performance dei clienti", en: "Detailed analysis of customer behavior and performance", fr: "Analyse détaillée du comportement et de la performance des clients", }, overview: { it: "Panoramica", en: "Overview", fr: "Aperçu" }, totalRevenue: { it: "Fatturato Totale", en: "Total Revenue", fr: "Chiffre d'Affaires Total" }, totalOrders: { it: "Ordini Totali", en: "Total Orders", fr: "Total Commandes" }, avgOrderValue: { it: "Valore Medio Ordine", en: "Average Order Value", fr: "Valeur Moyenne Commande" }, avgConversion: { it: "Tasso Conversione Medio", en: "Average Conversion Rate", fr: "Taux de Conversion Moyen" }, monthlyTrend: { it: "Trend Mensile", en: "Monthly Trend", fr: "Tendance Mensuelle" }, topCustomers: { it: "Top 5 Clienti per Fatturato", en: "Top 5 Customers by Revenue", fr: "Top 5 Clients par Chiffre d'Affaires", }, customerSegments: { it: "Segmenti Clienti", en: "Customer Segments", fr: "Segments Clients" }, vipCustomers: { it: "Clienti VIP (>100k€)", en: "VIP Customers (>100k€)", fr: "Clients VIP (>100k€)" }, activeCustomers: { it: "Clienti Attivi (50-100k€)", en: "Active Customers (50-100k€)", fr: "Clients Actifs (50-100k€)", }, occasionalCustomers: { it: "Clienti Occasionali (<50k€)", en: "Occasional Customers (<50k€)", fr: "Clients Occasionnels (<50k€)", }, orders: { it: "ordini", en: "orders", fr: "commandes" }, revenue: { it: "fatturato", en: "revenue", fr: "chiffre d'affaires" }, conversionRate: { it: "Conversione", en: "Conversion", fr: "Conversion" }, viewDetails: { it: "Vedi dettaglio", en: "View details", fr: "Voir détails" }, } const maxRevenue = Math.max(...monthlyData.map((d) => d.revenue)) return (

{/* Header */}

{getText("admin.backToList", language)}

{statTranslations.title[language]}

{statTranslations.subtitle[language]}

{/* Overview Cards */}

+12%

€{totalRevenue.toLocaleString()}

{statTranslations.totalRevenue[language]}

+8%

{totalOrders}

{statTranslations.totalOrders[language]}

-3%

€{avgOrderValue.toLocaleString(undefined, { maximumFractionDigits: 0 })}

{statTranslations.avgOrderValue[language]}

+5%

{avgConversionRate.toFixed(0)}%

{statTranslations.avgConversion[language]}

{/* Monthly Trend Chart */}

{statTranslations.monthlyTrend[language]}

{monthlyData.map((data, i) => (

{data.month}

€{(data.revenue / 1000).toFixed(0)}k

{data.orders} {statTranslations.orders[language]}

))}

{/* Customer Segments */}

{statTranslations.customerSegments[language]}

{statTranslations.vipCustomers[language]} {segments.vip}

{statTranslations.activeCustomers[language]} {segments.active}

{statTranslations.occasionalCustomers[language]} {segments.occasional}

{/* Pie chart visual */}

{customers.length}

clienti

{/* Top Customers */}

{statTranslations.topCustomers[language]}

{topCustomers.map((customer, i) => ( ))}

#	{getText("admin.customer", language)}	{getText("admin.company", language)}	{statTranslations.totalOrders[language]}	{statTranslations.totalRevenue[language]}	{statTranslations.conversionRate[language]}
{i + 1}	{customer.name}	{customer.company}	{customer.stats?.totalOrders}	€{customer.stats?.totalSpent.toLocaleString()}	= 70 ? "bg-green-100 text-green-700" : (customer.stats?.conversionRate \|\| 0) >= 50 ? "bg-yellow-100 text-yellow-700" : "bg-red-100 text-red-700" }`} > {customer.stats?.conversionRate}%	{statTranslations.viewDetails[language]} →

) } [V0_FILE]typescriptreact:file="app/admin/prodotti/page.tsx" isMerged="true" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import Image from "next/image" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { translations } from "@/lib/translations" import { products, finishes } from "@/lib/mock-data" import { ArrowLeft, Package, TrendingUp, TrendingDown, Eye, ShoppingCart, BarChart3 } from "lucide-react" type Language = "it" | "en" | "fr" // Helper function for translations const getText = (key: string, lang: Language): string => { const keys = key.split(".") let value: any = translations for (const k of keys) { value = value?.[k] } return value?.[lang] || key } // Mock product analytics data const productAnalytics = products .slice(0, 10) .map((p, i) => ({ ...p, views: Math.floor(Math.random() * 500) + 100, addToCart: Math.floor(Math.random() * 80) + 20, orders: Math.floor(Math.random() * 40) + 5, revenue: Math.floor(Math.random() * 50000) + 10000, trend: Math.random() > 0.3 ? "up" : "down", trendValue: Math.floor(Math.random() * 30) + 5, })) .sort((a, b) => b.views - a.views) // Collection performance const collectionStats = [ { name: "Doc", views: 2340, orders: 156, revenue: 245800, trend: "up" }, { name: "Brezza", views: 1890, orders: 128, revenue: 198500, trend: "up" }, { name: "Viva", views: 1560, orders: 95, revenue: 165200, trend: "down" }, { name: "Zero", views: 1230, orders: 72, revenue: 128900, trend: "up" }, { name: "316", views: 980, orders: 58, revenue: 142300, trend: "up" }, { name: "Volante", views: 750, orders: 45, revenue: 78600, trend: "down" }, ] // Finish popularity const finishStats = finishes .map((f) => ({ ...f, percentage: Math.floor(Math.random() * 30) + 10, })) .sort((a, b) => b.percentage - a.percentage) // Adjust percentages to sum to 100 const totalPercentage = finishStats.reduce((acc, f) => acc + f.percentage, 0) finishStats.forEach((f) => { f.percentage = Math.round((f.percentage / totalPercentage) * 100) }) export default function ProductAnalyticsPage() { const router = useRouter() const { isLoggedIn, isAdmin } = useAuth() const { language } = useLanguage() // Totals const totalViews = productAnalytics.reduce((acc, p) => acc + p.views, 0) const totalAddToCart = productAnalytics.reduce((acc, p) => acc + p.addToCart, 0) const totalProductOrders = productAnalytics.reduce((acc, p) => acc + p.orders, 0) const conversionRate = ((totalProductOrders / totalViews) * 100).toFixed(1) useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn || !isAdmin) return null const analyticsTranslations = { title: { it: "Analisi Prodotti", en: "Product Analytics", fr: "Analyse Produits" }, subtitle: { it: "Performance, tendenze e popolarità dei prodotti", en: "Product performance, trends and popularity", fr: "Performance, tendances et popularité des produits", }, totalViews: { it: "Visualizzazioni Totali", en: "Total Views", fr: "Vues Totales" }, addToCartRate: { it: "Aggiunte al Carrello", en: "Add to Cart", fr: "Ajouts au Panier" }, totalOrders: { it: "Ordini Prodotti", en: "Product Orders", fr: "Commandes Produits" }, conversionRate: { it: "Tasso Conversione", en: "Conversion Rate", fr: "Taux de Conversion" }, topProducts: { it: "Prodotti più Visualizzati", en: "Most Viewed Products", fr: "Produits les plus Consultés" }, collectionPerformance: { it: "Performance Collezioni", en: "Collection Performance", fr: "Performance Collections", }, finishPopularity: { it: "Popolarità Finiture", en: "Finish Popularity", fr: "Popularité Finitions" }, views: { it: "visualizzazioni", en: "views", fr: "vues" }, orders: { it: "ordini", en: "orders", fr: "commandes" }, revenue: { it: "fatturato", en: "revenue", fr: "chiffre d'affaires" }, viewProduct: { it: "Vedi prodotto", en: "View product", fr: "Voir produit" }, } const maxViews = Math.max(...productAnalytics.map((p) => p.views)) const maxCollectionViews = Math.max(...collectionStats.map((c) => c.views)) return (

{/* Header */}

{getText("admin.backToList", language)}

{analyticsTranslations.title[language]}

{analyticsTranslations.subtitle[language]}

{/* Overview Cards */}

+18%

{totalViews.toLocaleString()}

{analyticsTranslations.totalViews[language]}

+12%

{totalAddToCart}

{analyticsTranslations.addToCartRate[language]}

+9%

{totalProductOrders}

{analyticsTranslations.totalOrders[language]}

-2%

{conversionRate}%

{analyticsTranslations.conversionRate[language]}

{/* Collection Performance */}

{analyticsTranslations.collectionPerformance[language]}

{collectionStats.map((collection, i) => (

{collection.name}

{collection.views}

{collection.trend === "up" ? ( ) : ( )} €{(collection.revenue / 1000).toFixed(0)}k

))}

{/* Finish Popularity */}

{analyticsTranslations.finishPopularity[language]}

{finishStats.map((finish, i) => (

{finish.name}

{finish.percentage}%

))}

{/* Top Products */}

{analyticsTranslations.topProducts[language]}

{productAnalytics.map((product, i) => ( ))}

#	{getText("common.product", language)}	{getText("tableSearch.collection", language)}	{analyticsTranslations.views[language]}	{analyticsTranslations.addToCartRate[language]}	{analyticsTranslations.orders[language]}	{analyticsTranslations.revenue[language]}
{i + 1}	{product.name} {product.sku}	{product.collection}	{product.trend === "up" ? ( ) : ( )} {product.views}	{product.addToCart}	{product.orders}	€{product.revenue.toLocaleString()}	{analyticsTranslations.viewProduct[language]} →

) } [V0_FILE]typescriptreact:file="app/admin/page.tsx" isMerged="true" "use client" import { useEffect } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { customers, getStatsByCustomer, cartHistory } from "@/lib/mock-data" import { Users, TrendingUp, ShoppingCart, ClipboardList, BarChart3, Package, ChevronRight, FileText } from "lucide-react" export default function AdminPage() { const router = useRouter() const { isLoggedIn, isAdmin } = useAuth() const { language } = useLanguage() const activeCartsCount = cartHistory.filter((c) => c.status === "active").length const totalOrders = customers.reduce((acc, c) => { const stats = getStatsByCustomer(c.id) return acc + (stats?.totalOrders || 0) }, 0) const totalRevenue = customers.reduce((acc, c) => { const stats = getStatsByCustomer(c.id) return acc + (stats?.totalSpent || 0) }, 0) useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn) return null if (!isAdmin) { return (

{t("admin.noPermission", language)}

) } return (

{/* Header */}

{t("admin.title", language)}

{t("admin.subtitle", language)}

{/* Notice */}

{t("admin.demoMode", language)}:{" "} {t("admin.demoModeDescription", language)}

{/* Stats Cards */}

{customers.length}

{t("admin.totalCustomers", language)}

€{(totalRevenue / 1000).toFixed(0)}k

{t("admin.totalRevenue", language)}

{totalOrders}

{t("admin.totalOrders", language)}

{activeCartsCount}

{t("admin.activeCarts", language)}

{/* Feature Cards */}

{/* Manage Customers */}

{customers.length}

{t("admin.manageCustomers", language)}

{t("admin.manageCustomersDescription", language)}

{t("admin.open", language)}

{/* Manage Carts */}

{activeCartsCount > 0 && ( {activeCartsCount} )}

{t("admin.manageAllCarts", language)}

{t("admin.manageCartsDescription", language)}

{t("admin.open", language)}

{t("admin.customerStatistics", language)}

{t("admin.customerStatisticsDescription", language)}

{t("admin.open", language)}

{t("admin.productAnalytics", language)}

{t("admin.productAnalyticsDescription", language)}

{t("admin.open", language)}

{t("quotes.title", language)}

{t("admin.manageQuotesDescription", language)}

{t("admin.open", language)}

) } [V0_FILE]typescriptreact:file="app/admin/cliente/[id]/page.tsx" isEdit="true" isMerged="true" "use client" import { useEffect, useState } from "react" import { useParams, useRouter } from "next/navigation" import { useAuth } from "@/lib/auth-context" import { useLanguage, t } from "@/lib/language-context" import { AppHeader } from "@/components/app-header" import { ArrowLeft, ShoppingCart, Eye, Settings, Plus, Minus, Search, ShoppingBag, ExternalLink, Building2, MapPin, Pencil, Trash2, Star, Check, CreditCard, Percent, } from "lucide-react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Checkbox } from "@/components/ui/checkbox" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogDescription, } from "@/components/ui/dialog" import { customers, getActivitiesByCustomer, getStatsByCustomer, getCartHistoryByCustomer, finishes, billingInfo as defaultBillingInfo, shippingDestinations as defaultDestinations, commercialConditions, type BillingInfo, type ShippingDestination, } from "@/lib/mock-data" export default function CustomerDetailPage() { const params = useParams() const id = params.id as string const router = useRouter() const { isLoggedIn, isAdmin } = useAuth() const { language } = useLanguage() const [customer, setCustomer] = useState<(typeof customers)[0] | null>(null) const [activities, setActivities] = useState>([]) const [stats, setStats] = useState | null>(null) const [cartItemsCount, setCartItemsCount] = useState(0) const [billingData, setBillingData] = useState(defaultBillingInfo) const [showBillingModal, setShowBillingModal] = useState(false) const [billingFormData, setBillingFormData] = useState(defaultBillingInfo) const [destinations, setDestinations] = useState(defaultDestinations) const [showAddDestModal, setShowAddDestModal] = useState(false) const [showEditDestModal, setShowEditDestModal] = useState(false) const [showDeleteDestModal, setShowDeleteDestModal] = useState(false) const [selectedDestination, setSelectedDestination] = useState(null) const [destFormData, setDestFormData] = useState({ name: "", address: "", city: "", province: "", cap: "", country: "Italia", isDefault: false, }) const [savedMessage, setSavedMessage] = useState(null) useEffect(() => { if (!isLoggedIn) { router.push("/") } else { const foundCustomer = customers.find((c) => c.id === id) const foundActivities = getActivitiesByCustomer(id) const foundStats = getStatsByCustomer(id) const foundCartHistory = getCartHistoryByCustomer(id) const activeCart = foundCartHistory.find((c) => c.status === "active") const itemsCount = activeCart ? activeCart.items.length : 0 setCustomer(foundCustomer || null) setActivities(foundActivities) setStats(foundStats) setCartItemsCount(itemsCount) } }, [isLoggedIn, router, id]) if (!isLoggedIn || !isAdmin) { return null } if (!customer || !stats) { return (

{t("common.loading", language)}

) } const showMessage = (msg: string) => { setSavedMessage(msg) setTimeout(() => setSavedMessage(null), 3000) } // Billing handlers const handleEditBilling = () => { setBillingFormData(billingData) setShowBillingModal(true) } const handleSaveBilling = () => { setBillingData(billingFormData) setShowBillingModal(false) showMessage(t("profile.billingUpdated", language)) } // Destination handlers const resetDestForm = () => { setDestFormData({ name: "", address: "", city: "", province: "", cap: "", country: "Italia", isDefault: false, }) } const handleAddDest = () => { resetDestForm() setShowAddDestModal(true) } const handleEditDest = (dest: ShippingDestination) => { setSelectedDestination(dest) setDestFormData({ name: dest.name, address: dest.address, city: dest.city, province: dest.province, cap: dest.cap, country: dest.country, isDefault: dest.isDefault, }) setShowEditDestModal(true) } const handleDeleteDest = (dest: ShippingDestination) => { setSelectedDestination(dest) setShowDeleteDestModal(true) } const handleSaveNewDest = () => { const newDest: ShippingDestination = { id: `DEST-${Date.now()}`, ...destFormData, } let updatedDestinations = [...destinations] if (destFormData.isDefault) { updatedDestinations = updatedDestinations.map((d) => ({ ...d, isDefault: false })) } updatedDestinations.push(newDest) setDestinations(updatedDestinations) setShowAddDestModal(false) showMessage(t("cart.destinationSaved", language)) } const handleSaveEditDest = () => { if (!selectedDestination) return const updatedDestinations = destinations.map((d) => { if (d.id === selectedDestination.id) { return { ...d, ...destFormData } } if (destFormData.isDefault) { return { ...d, isDefault: false } } return d }) setDestinations(updatedDestinations) setShowEditDestModal(false) showMessage(t("cart.destinationSaved", language)) } const handleConfirmDeleteDest = () => { if (!selectedDestination) return const wasDefault = selectedDestination.isDefault const updatedDestinations = destinations.filter((d) => d.id !== selectedDestination.id) if (wasDefault && updatedDestinations.length > 0) { updatedDestinations[0] = { ...updatedDestinations[0], isDefault: true } } setDestinations(updatedDestinations) setShowDeleteDestModal(false) showMessage(t("cart.destinationDeleted", language)) } const handleSetDefault = (destId: string) => { const updatedDestinations = destinations.map((d) => ({ ...d, isDefault: d.id === destId, })) setDestinations(updatedDestinations) showMessage(t("cart.destinationSaved", language)) } const defaultDest = destinations.find((d) => d.isDefault) const otherDests = destinations.filter((d) => !d.isDefault) const getActivityIcon = (type: string) => { switch (type) { case "view_product": return case "configure_product": return case "add_to_cart": return case "remove_from_cart": return case "place_order": return case "search": return default: return } } const getActivityColor = (type: string) => { switch (type) { case "view_product": return "bg-blue-100 text-blue-600" case "configure_product": return "bg-purple-100 text-purple-600" case "add_to_cart": return "bg-green-100 text-green-600" case "remove_from_cart": return "bg-red-100 text-red-600" case "place_order": return "bg-amber-100 text-amber-600" case "search": return "bg-gray-100 text-gray-600" default: return "bg-gray-100 text-gray-600" } } const getFinishName = (finishCode: string) => { const finish = finishes.find((f) => f.code === finishCode) return finish?.name || finishCode } return (

{/* Header */}

{t("admin.backToList", language)}

{t("admin.customerDetail", language)}

{customer.name} - {customer.company}

{/* Success message */} {savedMessage && (

{savedMessage}

)} {/* Statistics */}

{t("admin.statistics", language)}

{t("admin.totalOrders", language)}

{stats.totalOrders}

{t("admin.totalSpent", language)}

€{stats.totalSpent.toLocaleString()}

{t("admin.averageOrder", language)}

€{stats.averageOrderValue.toLocaleString()}

{t("admin.favoriteCollection", language)}

{stats.favoriteCollection}

{t("admin.productsViewed", language)}

{stats.productsViewed}

{t("admin.productsInCart", language)}

{cartItemsCount}

{t("admin.clickToView", language)}

{t("admin.conversionRate", language)}

{stats.conversionRate}%

{/* Billing Information */}

{t("profile.billingInfo", language)}

{t("profile.billingDescription", language)}

{t("profile.companyName", language)} {billingData.companyName}

{t("profile.vatNumber", language)} {billingData.vatNumber}

{t("profile.fiscalCode", language)} {billingData.fiscalCode}

{t("profile.address", language)} {billingData.address}
{billingData.cap} {billingData.city} ({billingData.province})

{t("profile.sdiCode", language)} {billingData.sdiCode}

{t("profile.pecEmail", language)} {billingData.pecEmail}

{/* Commercial Conditions (read-only from ERP) */}

{t("profile.commercialConditions", language)}

{t("profile.commercialDescription", language)}

{t("profile.paymentMethod", language)} {commercialConditions.paymentMethod}

{t("profile.paymentTerms", language)} {commercialConditions.paymentDays} {t("profile.daysFromInvoice", language)}

{t("profile.reservedDiscount", language)} {commercialConditions.discountPercentage}%

{t("profile.priceList", language)} {commercialConditions.priceListCode}

{/* Shipping Destinations */}

{t("profile.shippingAddresses", language)}

{t("profile.shippingDescription", language)}

{/* Default destination */} {defaultDest && (

{t("profile.defaultAddress", language)}

{defaultDest.name}

{defaultDest.address}, {defaultDest.cap} {defaultDest.city} ({defaultDest.province})

)} {/* Other destinations */} {otherDests.length > 0 && (

{t("profile.otherAddresses", language)}

{otherDests.map((dest) => (

{dest.name}

{dest.address}, {dest.cap} {dest.city} ({dest.province})

))}

)}

{/* Recent Activity */}

{t("admin.recentActivity", language)}

{activities.length > 0 ? (

{activities.map((activity) => (

{getActivityIcon(activity.type)}

{t(`admin.activityType.${activity.type}`, language)}{" "} {activity.productName && {activity.productName}} {activity.searchQuery && "{activity.searchQuery}"} {activity.orderNumber && ( #{activity.orderNumber} )}

{activity.finish && (

{t("admin.withFinish", language)}: {getFinishName(activity.finish)}

)} {activity.quantity && (

{t("admin.quantity", language)}: {activity.quantity}

)}

{new Date(activity.timestamp).toLocaleString( language === "it" ? "it-IT" : language === "fr" ? "fr-FR" : "en-US", { day: "2-digit", month: "short", hour: "2-digit", minute: "2-digit" }, )}

))}

) : (

{t("admin.noActivity", language)}

)}

{/* Billing Modal */} {/* Add Destination Modal */} {/* Edit Destination Modal */} {/* Delete Destination Modal */}

) } [V0_FILE]typescriptreact:file="app/admin/clienti/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { customers, getStatsByCustomer, getCartHistoryByCustomer } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Users, Search, Building2, MapPin, UserCheck, TrendingUp, ShoppingCart, ArrowLeft, KeyRound, User, CheckCircle, Calendar, } from "lucide-react" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" export default function AdminCustomersPage() { const router = useRouter() const { isLoggedIn, isAdmin, impersonate } = useAuth() const { language } = useLanguage() const [searchQuery, setSearchQuery] = useState("") const [cartModalOpen, setCartModalOpen] = useState(false) const [selectedCustomerCart, setSelectedCustomerCart] = useState(null) const [selectedCustomerName, setSelectedCustomerName] = useState("") const [resetPasswordSent, setResetPasswordSent] = useState(null) const filteredCustomers = customers.filter((customer) => { if (!searchQuery) return true const query = searchQuery.toLowerCase() return ( customer.name.toLowerCase().includes(query) || customer.company.toLowerCase().includes(query) || customer.city.toLowerCase().includes(query) ) }) const handleViewCart = (customer: any) => { const cartHistory = getCartHistoryByCustomer(customer.id) const activeCart = cartHistory?.find((c) => c.status === "active") setSelectedCustomerCart(activeCart || null) setSelectedCustomerName(customer.name) setCartModalOpen(true) } const handleResetPassword = (customerId: string) => { setResetPasswordSent(customerId) setTimeout(() => setResetPasswordSent(null), 3000) } useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) if (!isLoggedIn || !isAdmin) return null const getText = (key: string) => { const texts: Record> = { viewCart: { it: "Carrello", en: "Cart", fr: "Panier" }, resetPassword: { it: "Reset Password", en: "Reset Password", fr: "Réinitialiser" }, viewProfile: { it: "Scheda", en: "Profile", fr: "Fiche" }, passwordResetSent: { it: "Email inviata!", en: "Email sent!", fr: "Email envoyé!" }, currentCartOf: { it: "Carrello attuale di", en: "Current cart of", fr: "Panier actuel de" }, emptyCart: { it: "Il carrello è vuoto", en: "The cart is empty", fr: "Le panier est vide" }, product: { it: "Prodotto", en: "Product", fr: "Produit" }, finish: { it: "Finitura", en: "Finish", fr: "Finition" }, quantity: { it: "Qtà", en: "Qty", fr: "Qté" }, price: { it: "Prezzo", en: "Price", fr: "Prix" }, total: { it: "Totale", en: "Total", fr: "Total" }, close: { it: "Chiudi", en: "Close", fr: "Fermer" }, cartCreatedAt: { it: "Creato il", en: "Created on", fr: "Créé le" }, } return texts[key]?.[language] || texts[key]?.it || key } return (

{/* Header */}

{t("common.back", language)}

{t("admin.customerList", language)}

{t("admin.customerListDescription", language)}

{/* Search */}

setSearchQuery(e.target.value)} />

{/* Customer List */}

{/* Desktop Table */}

{t("admin.customer", language)}

{t("admin.company", language)}

{t("admin.statistics", language)}

{t("admin.actions", language)}

{filteredCustomers.map((customer) => { const stats = getStatsByCustomer(customer.id) return (

{customer.name .split(" ") .map((n) => n[0]) .join("")}

{customer.name}

{customer.city}

{customer.company}

{stats && (

€{(stats.totalSpent / 1000).toFixed(0)}k | {stats.totalOrders} ord.

)}

{/* View Cart Button */} {/* Reset Password Button */} {/* View Profile Button */} {/* Impersonate Button */}

) })} {filteredCustomers.length === 0 && (

{t("admin.noCustomersFound", language)}

)}

{/* Mobile View */}

{filteredCustomers.map((customer) => { const stats = getStatsByCustomer(customer.id) return (

{customer.name .split(" ") .map((n) => n[0]) .join("")}

{customer.name}

{customer.company}

{stats && (

€{(stats.totalSpent / 1000).toFixed(0)}k {stats.totalOrders} ordini

)}

) })} {filteredCustomers.length === 0 && (

{t("admin.noCustomersFound", language)}

)}

) } [V0_FILE]jpg:file="public/cylindrical-minimalist-faucet-handle-chrome.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cylindrical-minimalist-faucet-handle-chrome-q10fLiaTptnWs71IlqkU4NhQRSUDgk.jpg" isMerged="true" [V0_FILE]jpg:file="public/classic-lever-faucet-handle-brushed-steel.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/classic-lever-faucet-handle-brushed-steel-AbyTESkzdQz5v5V4s94IJRlUl9EHBF.jpg" isMerged="true" [V0_FILE]jpg:file="public/joystick-premium-faucet-handle-matte-black.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/joystick-premium-faucet-handle-matte-black-0TajZagjPACm8M49JDf4FfEHLkIwdr.jpg" isMerged="true" [V0_FILE]jpg:file="public/cross-design-faucet-handle-vintage.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cross-design-faucet-handle-vintage-pP2TWG00Z5p5GsAJ9h6zZB1DWtBc7O.jpg" isMerged="true" [V0_FILE]jpg:file="public/bluetooth-smart-remote-control-modern-black.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/bluetooth-smart-remote-control-modern-black-kvCEcwBmzaYXde8weCCRF0NqQsKfVS.jpg" isMerged="true" [V0_FILE]jpg:file="public/wifi-touch-panel-control-white-modern.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wifi-touch-panel-control-white-modern-fXJHoosOO5WalnBlrCBrJTW39mvBy7.jpg" isMerged="true" [V0_FILE]jpg:file="public/infrared-remote-control-compact.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/infrared-remote-control-compact-sIeo7a4jGJ279LnI3QosikyOWgcfKW.jpg" isMerged="true" [V0_FILE]jpg:file="public/handles/voxman1b0.jpg" url="https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1B0.jpg" isMerged="true" [V0_FILE]jpg:file="public/handles/voxman1g0.jpg" url="https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1G0.jpg" isMerged="true" [V0_FILE]jpg:file="public/handles/voxman1g2.jpg" url="https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1G2.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/vox938sszy-acciaio-spazzolato.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/VOX938SSZY-d1bab6d5d0ee58edfeb3c248b5b6af9d.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/vox938sszy-honey-amber.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/VOX938SSZY-59-c64a339721a06439f9909a87b9dc0f72.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/vox938sszy-red-sunstone.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/VOX938SSZY-05-9e8993960c0a200983fe88a2754580d4.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/vox938sszy-smoky-quartz.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/VOX938SSZY-23-a8c9a154e8afe2727653c0dbe0a2de69.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/vox938sszy-black-onyx.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/VOX938SSZY-96-abacced33ab8de8345c3dfc4ddcafba9.jpg" isMerged="true" [V0_FILE]typescriptreact:file="lib/cart-context.tsx" isMerged="true" "use client" import { createContext, useContext, useState, useCallback, type ReactNode } from "react" import type { Product, Finish, Incasso, Handle, RemoteControl } from "./mock-data" interface BundleComponent { type: "product" | "incasso" | "handle" | "remoteControl" item: Product | Incasso | Handle | RemoteControl quantity: number finish?: Finish } interface CartBundle { id: string // Unique bundle identifier product: Product productQuantity: number productFinish?: Finish components: BundleComponent[] // Includes product + accessories totalPrice: number totalListPrice: number } interface CartItem { product: Product quantity: number finish?: Finish fromQuote?: boolean } interface IncassoItem { incasso: Incasso quantity: number linkedProductId?: string } interface HandleItem { handle: Handle quantity: number finish?: Finish linkedProductId?: string } interface RemoteControlItem { remoteControl: RemoteControl quantity: number linkedProductId?: string } interface CartContextType { bundles: CartBundle[] items: CartItem[] incassoItems: IncassoItem[] handleItems: HandleItem[] remoteControlItems: RemoteControlItem[] addBundle: ( product: Product, quantity: number, finish?: Finish, incasso?: { item: Incasso; quantity: number }, handle?: { item: Handle; finish?: Finish }, remoteControl?: { item: RemoteControl; quantity: number }, ) => void addItem: (product: Product, quantity?: number, finish?: Finish, fromQuote?: boolean) => void addIncasso: (incasso: Incasso, quantity?: number, linkedProductId?: string) => void addHandle: (handle: Handle, quantity?: number, finish?: Finish, linkedProductId?: string) => void addRemoteControl: (remoteControl: RemoteControl, quantity?: number, linkedProductId?: string) => void removeBundle: (bundleId: string) => void removeItem: (productId: string, finishId?: string) => void removeIncasso: (incassoId: string) => void removeHandle: (handleId: string, finishId?: string) => void removeRemoteControl: (remoteControlId: string) => void updateBundleQuantity: (bundleId: string, quantity: number) => void updateQuantity: (productId: string, quantity: number, finishId?: string) => void updateIncassoQuantity: (incassoId: string, quantity: number) => void updateHandleQuantity: (handleId: string, quantity: number, finishId?: string) => void updateRemoteControlQuantity: (remoteControlId: string, quantity: number) => void clearCart: () => void total: number } const CartContext = createContext(undefined) export function CartProvider({ children }: { children: ReactNode }) { const [bundles, setBundles] = useState([]) const [items, setItems] = useState([]) const [incassoItems, setIncassoItems] = useState([]) const [handleItems, setHandleItems] = useState([]) const [remoteControlItems, setRemoteControlItems] = useState([]) const addBundle = useCallback( ( product: Product, quantity: number, finish?: Finish, incasso?: { item: Incasso; quantity: number }, handle?: { item: Handle; finish?: Finish }, remoteControl?: { item: RemoteControl; quantity: number }, ) => { const bundleId = `${product.id}-${finish?.id || "default"}-${Date.now()}` const components: BundleComponent[] = [ { type: "product", item: product, quantity: 1, finish, }, ] let totalPrice = product.price let totalListPrice = product.listPrice if (incasso) { components.push({ type: "incasso", item: incasso.item, quantity: incasso.quantity, }) totalPrice += incasso.item.price * incasso.quantity totalListPrice += incasso.item.listPrice * incasso.quantity } if (handle) { components.push({ type: "handle", item: handle.item, quantity: 1, finish: handle.finish, }) totalPrice += handle.item.price totalListPrice += handle.item.listPrice } if (remoteControl) { components.push({ type: "remoteControl", item: remoteControl.item, quantity: remoteControl.quantity, }) totalPrice += remoteControl.item.price * remoteControl.quantity totalListPrice += remoteControl.item.listPrice * remoteControl.quantity } const newBundle: CartBundle = { id: bundleId, product, productQuantity: quantity, productFinish: finish, components, totalPrice, totalListPrice, } setBundles((prev) => [...prev, newBundle]) }, [], ) const removeBundle = useCallback((bundleId: string) => { setBundles((prev) => prev.filter((bundle) => bundle.id !== bundleId)) }, []) const updateBundleQuantity = useCallback((bundleId: string, quantity: number) => { if (quantity <= 0) { setBundles((prev) => prev.filter((bundle) => bundle.id !== bundleId)) } else { setBundles((prev) => prev.map((bundle) => (bundle.id === bundleId ? { ...bundle, productQuantity: quantity } : bundle)), ) } }, []) const addItem = useCallback((product: Product, quantity = 1, finish?: Finish, fromQuote = false) => { setItems((prev) => { const existing = prev.find((item) => item.product.id === product.id && item.finish?.id === finish?.id) if (existing) { return prev.map((item) => item.product.id === product.id && item.finish?.id === finish?.id ? { ...item, quantity: item.quantity + quantity } : item, ) } return [...prev, { product, quantity, finish, fromQuote }] }) }, []) const addIncasso = useCallback((incasso: Incasso, quantity = 1, linkedProductId?: string) => { setIncassoItems((prev) => { const existing = prev.find((item) => item.incasso.id === incasso.id) if (existing) { return prev.map((item) => item.incasso.id === incasso.id ? { ...item, quantity: item.quantity + quantity } : item, ) } return [...prev, { incasso, quantity, linkedProductId }] }) }, []) const addHandle = useCallback((handle: Handle, quantity = 1, finish?: Finish, linkedProductId?: string) => { setHandleItems((prev) => { const existing = prev.find((item) => item.handle.id === handle.id && item.finish?.id === finish?.id) if (existing) { return prev.map((item) => item.handle.id === handle.id && item.finish?.id === finish?.id ? { ...item, quantity: item.quantity + quantity } : item, ) } return [...prev, { handle, quantity, finish, linkedProductId }] }) }, []) const addRemoteControl = useCallback((remoteControl: RemoteControl, quantity = 1, linkedProductId?: string) => { setRemoteControlItems((prev) => { const existing = prev.find((item) => item.remoteControl.id === remoteControl.id) if (existing) { return prev.map((item) => item.remoteControl.id === remoteControl.id ? { ...item, quantity: item.quantity + quantity } : item, ) } return [...prev, { remoteControl, quantity, linkedProductId }] }) }, []) const removeItem = useCallback((productId: string, finishId?: string) => { setItems((prev) => prev.filter((item) => !(item.product.id === productId && item.finish?.id === finishId))) }, []) const removeIncasso = useCallback((incassoId: string) => { setIncassoItems((prev) => prev.filter((item) => item.incasso.id !== incassoId)) }, []) const removeHandle = useCallback((handleId: string, finishId?: string) => { setHandleItems((prev) => prev.filter((item) => !(item.handle.id === handleId && item.finish?.id === finishId))) }, []) const removeRemoteControl = useCallback((remoteControlId: string) => { setRemoteControlItems((prev) => prev.filter((item) => item.remoteControl.id !== remoteControlId)) }, []) const updateQuantity = useCallback((productId: string, quantity: number, finishId?: string) => { if (quantity <= 0) { setItems((prev) => prev.filter((item) => !(item.product.id === productId && item.finish?.id === finishId))) } else { setItems((prev) => prev.map((item) => item.product.id === productId && item.finish?.id === finishId ? { ...item, quantity } : item, ), ) } }, []) const updateIncassoQuantity = useCallback((incassoId: string, quantity: number) => { if (quantity <= 0) { setIncassoItems((prev) => prev.filter((item) => item.incasso.id !== incassoId)) } else { setIncassoItems((prev) => prev.map((item) => (item.incasso.id === incassoId ? { ...item, quantity } : item))) } }, []) const updateHandleQuantity = useCallback((handleId: string, quantity: number, finishId?: string) => { if (quantity <= 0) { setHandleItems((prev) => prev.filter((item) => !(item.handle.id === handleId && item.finish?.id === finishId))) } else { setHandleItems((prev) => prev.map((item) => item.handle.id === handleId && item.finish?.id === finishId ? { ...item, quantity } : item, ), ) } }, []) const updateRemoteControlQuantity = useCallback((remoteControlId: string, quantity: number) => { if (quantity <= 0) { setRemoteControlItems((prev) => prev.filter((item) => item.remoteControl.id !== remoteControlId)) } else { setRemoteControlItems((prev) => prev.map((item) => (item.remoteControl.id === remoteControlId ? { ...item, quantity } : item)), ) } }, []) const clearCart = useCallback(() => { setBundles([]) setItems([]) setIncassoItems([]) setHandleItems([]) setRemoteControlItems([]) }, []) const productsTotal = items.reduce((sum, item) => sum + item.product.price * item.quantity, 0) const incassoTotal = incassoItems.reduce((sum, item) => sum + item.incasso.price * item.quantity, 0) const handleTotal = handleItems.reduce((sum, item) => sum + item.handle.price * item.quantity, 0) const remoteTotal = remoteControlItems.reduce((sum, item) => sum + item.remoteControl.price * item.quantity, 0) const bundlesTotal = bundles.reduce((sum, bundle) => sum + bundle.totalPrice * bundle.productQuantity, 0) const total = productsTotal + incassoTotal + handleTotal + remoteTotal + bundlesTotal return ( {children} ) } export function useCart() { const context = useContext(CartContext) if (context === undefined) { throw new Error("useCart must be used within a CartProvider") } return context } [V0_FILE]jpg:file="public/products/zexcan60-acciaio-spazzolato.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60-95cf7aff87d61ed6c577fa4d7722ebbc.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/zexcan60-red-sunstone.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60-05-8155a97898a6bf82a49186ef8dc05abe.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/zexcan60-smoky-quartz.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60-23-a2d7358571ccb3d489c790ef75ad87f4.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/zexcan60-black-onyx.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60-96-8bfc2572b0b5eaa0f496bce9ab3c5ac0.jpg" isMerged="true" [V0_FILE]jpg:file="public/products/zexcan60-honey-amber.jpg" url="https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60-59-95a8b0442ad16a8b22880fed95b87398.jpg" isMerged="true" [V0_FILE]jpg:file="public/remote-controls/doxman33.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/remote-controls/doxman33-IOEeOXFUSR4VauKKSyKmzsbYaucA5g.jpg" isMerged="true" [V0_FILE]jpg:file="public/remote-controls/doxman33y.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/remote-controls/doxman33y-aP3KDoIIN2vMBFkLS8G66zyYd2jHaF.jpg" isMerged="true" [V0_FILE]jpg:file="public/remote-controls/doxman40.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/remote-controls/doxman40-KohyTax4daFnVmEZrJ4RL58dyOrq5d.jpg" isMerged="true" [V0_FILE]typescriptreact:file="app/admin/preventivi/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Image from "next/image" import Link from "next/link" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { getAllQuotes, customers, type Quote, type Customer } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { ArrowLeft, FileText, Clock, CheckCircle, XCircle, AlertCircle, ChevronRight, Eye, Copy, Check, Plus, Search, Filter, Users, Building2, } from "lucide-react" import { useSearchParams } from "next/navigation" import { Suspense } from "react" const Loading = () => null export default function AdminPreventiviPage() { const router = useRouter() const { isLoggedIn } = useAuth() const { language } = useLanguage() const [quotes, setQuotes] = useState([]) const [statusFilter, setStatusFilter] = useState("all") const [customerFilter, setCustomerFilter] = useState("all") const [searchQuery, setSearchQuery] = useState("") const [copiedId, setCopiedId] = useState(null) const searchParams = useSearchParams() const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT" useEffect(() => { if (!isLoggedIn) { router.push("/") return } const allQuotes = getAllQuotes() setQuotes(allQuotes) }, [isLoggedIn, router]) if (!isLoggedIn) return null // Get unique customers from quotes const uniqueCustomerIds = [...new Set(quotes.map(q => q.customerId))] const quoteCustomers = uniqueCustomerIds.map(id => { const quote = quotes.find(q => q.customerId === id) return { id, company: quote?.customerCompany || "" } }) const filteredQuotes = quotes.filter(q => { const matchesStatus = statusFilter === "all" || q.status === statusFilter const matchesCustomer = customerFilter === "all" || q.customerId === customerFilter const matchesSearch = searchQuery === "" || q.id.toLowerCase().includes(searchQuery.toLowerCase()) || q.customerCompany.toLowerCase().includes(searchQuery.toLowerCase()) || q.customerName.toLowerCase().includes(searchQuery.toLowerCase()) return matchesStatus && matchesCustomer && matchesSearch }) const getStatusIcon = (status: Quote["status"]) => { switch (status) { case "pending": return case "accepted": return case "rejected": return case "expired": return } } const getStatusColor = (status: Quote["status"]) => { switch (status) { case "pending": return "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400" case "accepted": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" case "rejected": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" case "expired": return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400" } } const getDaysUntilExpiry = (validUntil: string) => { const now = new Date() const expiry = new Date(validUntil) const diffTime = expiry.getTime() - now.getTime() const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) return diffDays } const copyShareLink = (quote: Quote) => { const link = `${window.location.origin}/preventivo/${quote.shareToken}` navigator.clipboard.writeText(link) setCopiedId(quote.id) setTimeout(() => setCopiedId(null), 2000) } const statusCounts = { all: quotes.length, pending: quotes.filter(q => q.status === "pending").length, accepted: quotes.filter(q => q.status === "accepted").length, rejected: quotes.filter(q => q.status === "rejected").length, expired: quotes.filter(q => q.status === "expired").length, } return ( }>

{t("common.back", language)}

{t("quotes.title", language)} - Admin

{/* Stats cards */}

{statusCounts.pending}

{t("quotes.status.pending", language)}

{statusCounts.accepted}

{t("quotes.status.accepted", language)}

{statusCounts.rejected}

{t("quotes.status.rejected", language)}

{statusCounts.expired}

{t("quotes.status.expired", language)}

{/* Filters */}

setSearchQuery(e.target.value)} className="pl-10" />

{/* Results count */}

{filteredQuotes.length} {t("quotes.quotesFound", language)}

{/* Quotes list */}

{filteredQuotes.map((quote) => { const daysLeft = getDaysUntilExpiry(quote.validUntil) const isExpired = daysLeft <= 0 || quote.status === "expired" return (

{/* Header */}

{quote.id}

{getStatusIcon(quote.status)} {t(`quotes.status.${quote.status}`, language)}

{quote.customerCompany} • {quote.customerName}

{quote.status === "pending" && !isExpired && ( {t("quotes.expiresIn", language)} {daysLeft} {t("quotes.days", language)} )}

{/* Products preview and actions */}

{quote.items.slice(0, 3).map((item, idx) => (

))} {quote.items.length > 3 && (

+{quote.items.length - 3}

)}

{t("quotes.quoteDate", language)}: {new Date(quote.createdAt).toLocaleDateString(locale)} {" • "} {quote.createdBy === "admin" ? ( {t("quotes.createdBy", language)}: {quote.createdByName} ) : ( {t("quotes.createdBy", language)}: {t("quotes.customer", language)} )}

{quote.adminNotes && (

{t("quotes.adminNotes", language)}: {quote.adminNotes}

)}

{quote.items.reduce((sum, item) => sum + item.quantity, 0)} {t("quotes.items", language)}

{quote.discount && (

-{quote.discountPercentage}%

)}

€{quote.total.toLocaleString(locale)}

{/* Footer */}

{quote.viewHistory.length} {t("quotes.totalViews", language)}

{quote.status === "accepted" && quote.acceptedAt && ( {t("quotes.acceptedOn", language)}: {new Date(quote.acceptedAt).toLocaleDateString(locale)} )} {quote.status === "rejected" && quote.rejectedAt && ( {t("quotes.rejectedOn", language)}: {new Date(quote.rejectedAt).toLocaleDateString(locale)} )}

) })}

) } [V0_FILE]typescriptreact:file="app/admin/preventivi/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/preventivo/[token]/loading.tsx" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="lib/price-display-context.tsx" isMerged="true" "use client" import { createContext, useContext, useState, useEffect, type ReactNode } from "react" export type PriceDisplayMode = "all" | "list-only" | "hidden" interface PriceDisplayContextType { mode: PriceDisplayMode setMode: (mode: PriceDisplayMode) => void } const PriceDisplayContext = createContext(undefined) export function PriceDisplayProvider({ children }: { children: ReactNode }) { const [mode, setMode] = useState("all") useEffect(() => { const saved = localStorage.getItem("neve-price-display") as PriceDisplayMode if (saved && ["all", "list-only", "hidden"].includes(saved)) { setMode(saved) } }, []) const handleSetMode = (newMode: PriceDisplayMode) => { setMode(newMode) localStorage.setItem("neve-price-display", newMode) } return ( {children} ) } export function usePriceDisplay() { const context = useContext(PriceDisplayContext) if (!context) { throw new Error("usePriceDisplay must be used within a PriceDisplayProvider") } return context } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata, Viewport } from "next" import { Inter, Playfair_Display } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" import { AuthProvider } from "@/lib/auth-context" import { CartProvider } from "@/lib/cart-context" import { LanguageProvider } from "@/lib/language-context" import { PriceDisplayProvider } from "@/lib/price-display-context" const inter = Inter({ subsets: ["latin"] }) const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-serif" }) export const metadata: Metadata = { title: "Neve Rubinetterie | Portale B2B", description: "Portale dedicato ai rivenditori autorizzati Neve Rubinetterie. Consulta il catalogo, gestisci i tuoi ordini e accedi ai servizi esclusivi.", generator: "v0.app", icons: { icon: [ { url: "/icon-light-32x32.png", media: "(prefers-color-scheme: light)" }, { url: "/icon-dark-32x32.png", media: "(prefers-color-scheme: dark)" }, { url: "/icon.svg", type: "image/svg+xml" }, ], apple: "/apple-icon.png", }, } export const viewport: Viewport = { themeColor: "#0a0a0a", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/price-display.tsx" isMerged="true" "use client" import { useLanguage } from "@/lib/language-context" import { usePriceDisplay } from "@/lib/price-display-context" interface PriceDisplayProps { listPrice: number price: number size?: "sm" | "md" | "lg" showDiscount?: boolean className?: string } export function PriceDisplay({ listPrice, price, size = "md", showDiscount = true, className = "", }: PriceDisplayProps) { const { language } = useLanguage() const { mode } = usePriceDisplay() const discount = Math.round(((listPrice - price) / listPrice) * 100) const sizeClasses = { sm: { list: "text-sm", price: "text-base", discount: "text-[10px] px-1.5 py-0.5", }, md: { list: "text-base", price: "text-lg", discount: "text-xs px-2 py-0.5", }, lg: { list: "text-xl", price: "text-3xl", discount: "text-xs px-2 py-1", }, } const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT" // Hide prices if mode is "hidden" if (mode === "hidden") { return

} return (

{/* Show list price with discount in "all" mode */} {mode === "all" && ( <>

€{listPrice.toLocaleString(locale)} {showDiscount && ( -{discount}% )}

€{price.toLocaleString(locale)} )} {/* Show only list price in "list-only" mode */} {mode === "list-only" && ( €{listPrice.toLocaleString(locale)} )}

) } [V0_FILE]typescriptreact:file="components/price-selector.tsx" isMerged="true" "use client" import { usePriceDisplay, type PriceDisplayMode } from "@/lib/price-display-context" import { useLanguage } from "@/lib/language-context" import { t } from "@/lib/translations" import { ChevronDown } from "lucide-react" import { useState, useRef, useEffect } from "react" export function PriceSelector() { const { mode, setMode } = usePriceDisplay() const { language } = useLanguage() const [isOpen, setIsOpen] = useState(false) const dropdownRef = useRef(null) const options: { value: PriceDisplayMode; label: string; symbol: string; description: string }[] = [ { value: "all", label: "€€", symbol: "€€", description: t("prices.showAll", language), }, { value: "list-only", label: "€", symbol: "€", description: t("prices.listPriceOnly", language), }, { value: "hidden", label: "∅", symbol: "∅", description: t("prices.hide", language), }, ] const currentLabel = options.find((opt) => opt.value === mode)?.label || options[0].label useEffect(() => { function handleClickOutside(event: MouseEvent) { if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) { setIsOpen(false) } } document.addEventListener("mousedown", handleClickOutside) return () => document.removeEventListener("mousedown", handleClickOutside) }, []) const currentSymbol = options.find((opt) => opt.value === mode)?.symbol || options[0].symbol return (

{isOpen && (

{options.map((option) => ( ))}

)}

) } [V0_FILE]typescriptreact:file="app/ricerca-articoli/page.tsx" isMerged="true" "use client" import { useState, useEffect, useMemo } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useCart } from "@/lib/cart-context" import { useLanguage } from "@/lib/language-context" import { usePriceDisplay } from "@/lib/price-display-context" import { t } from "@/lib/translations" import { products, incassi, finishes, type Product, type Incasso, type Finish } from "@/lib/mock-data" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" import { PriceDisplay } from "@/components/price-display" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Search, Eye, ShoppingCart, Package, Box, Check, X, Download, FileText, ImageIcon, FileCode, Minus, Plus, } from "lucide-react" type ItemType = "all" | "products" | "incassi" type AvailabilityType = "all" | "Disponibile" | "In arrivo" | "Su ordinazione" interface SearchResult { type: "product" | "incasso" item: Product | Incasso } export default function RicercaArticoliPage() { const router = useRouter() const { isLoggedIn } = useAuth() const { addItem, addIncasso } = useCart() const { language } = useLanguage() const { mode: priceMode } = usePriceDisplay() const [searchQuery, setSearchQuery] = useState("") const [filterType, setFilterType] = useState("all") const [filterCollections, setFilterCollections] = useState>(new Set()) const [filterCategories, setFilterCategories] = useState>(new Set()) const [addedItems, setAddedItems] = useState>(new Set()) const [filterAvailability, setFilterAvailability] = useState("all") const [finishModalOpen, setFinishModalOpen] = useState(false) const [selectedProduct, setSelectedProduct] = useState(null) const [selectedFinish, setSelectedFinish] = useState(null) const [modalQuantity, setModalQuantity] = useState(1) const [selectedIncasso, setSelectedIncasso] = useState(null) useEffect(() => { if (!isLoggedIn) { router.push("/") } }, [isLoggedIn, router]) const uniqueCollections = useMemo(() => { const collections = new Set() products.forEach((p) => { if (p.category === "collezioni-bagno" && p.collection) { collections.add(p.collection) } }) return Array.from(collections).sort() }, []) const uniqueCategories = useMemo(() => { const cats = new Set() products.forEach((p) => { if (p.category) cats.add(p.category) }) return Array.from(cats).sort() }, []) const allItems = useMemo(() => { const items: SearchResult[] = [] products.forEach((product) => { items.push({ type: "product", item: product }) }) incassi.forEach((incasso) => { items.push({ type: "incasso", item: incasso }) }) return items }, []) const filteredResults = useMemo(() => { let results = allItems if (filterType === "products") { results = results.filter((r) => r.type === "product") } else if (filterType === "incassi") { results = results.filter((r) => r.type === "incasso") } if (filterCollections.size > 0) { results = results.filter((r) => { if (r.type === "incasso") return true const product = r.item as Product if (product.category !== "collezioni-bagno") return true return filterCollections.has(product.collection) }) } if (filterAvailability !== "all") { results = results.filter((r) => { if (r.type === "incasso") return true const product = r.item as Product return filterAvailability === product.availability }) } if (filterCategories.size > 0) { results = results.filter((r) => { if (r.type === "incasso") return true return filterCategories.has((r.item as Product).category) }) } if (searchQuery.trim()) { const query = searchQuery.toLowerCase().trim() results = results.filter((r) => { const item = r.item const searchableText = [ item.name, item.sku, "description" in item ? item.description : "", r.type === "product" ? (item as Product).collection : "", r.type === "product" ? (item as Product).category : "", ] .join(" ") .toLowerCase() return searchableText.includes(query) }) } return results }, [allItems, searchQuery, filterType, filterCollections, filterCategories]) const activeFilterCount = useMemo(() => { let count = 0 if (filterType !== "all") count++ if (filterCollections.size > 0) count += filterCollections.size if (filterAvailability !== "all") count++ if (filterCategories.size > 0) count += filterCategories.size return count }, [filterType, filterCollections, filterCategories]) const clearAllFilters = () => { setFilterType("all") setFilterCollections(new Set()) setFilterCategories(new Set()) setSearchQuery("") } const toggleCollection = (collection: string) => { setFilterCollections((prev) => { const next = new Set(prev) if (next.has(collection)) { next.delete(collection) } else { next.add(collection) } return next }) } const toggleCategory = (category: string) => { setFilterCategories((prev) => { const next = new Set(prev) if (next.has(category)) { next.delete(category) } else { next.add(category) } return next }) } const handleAddToCart = (result: SearchResult) => { if (result.type === "product") { const product = result.item as Product if (product.finpitures && product.finpitures.length > 1) { setSelectedProduct(product) const defaultFinish = finishes.find((f) => f.id === product.finpitures[0]) setSelectedFinish(defaultFinish || null) setModalQuantity(1) setFinishModalOpen(true) return } setSelectedProduct(product) const defaultFinish = product.finpitures.length > 0 ? finishes.find((f) => f.id === product.finpitures[0]) : undefined setSelectedFinish(defaultFinish || null) setModalQuantity(1) setFinishModalOpen(true) } else { setSelectedProduct(null) setSelectedIncasso(result.item as Incasso) setModalQuantity(1) setFinishModalOpen(true) } } const confirmAddToCart = () => { if (selectedProduct) { addItem(selectedProduct, modalQuantity, selectedFinish || undefined) markItemAsAdded(selectedProduct.id) } else if (selectedIncasso) { addIncasso(selectedIncasso, modalQuantity) markItemAsAdded(selectedIncasso.id) } setFinishModalOpen(false) setSelectedProduct(null) setSelectedIncasso(null) setSelectedFinish(null) setModalQuantity(1) } const markItemAsAdded = (itemId: string) => { setAddedItems((prev) => new Set(prev).add(itemId)) setTimeout(() => { setAddedItems((prev) => { const next = new Set(prev) next.delete(itemId) return next }) }, 1500) } const availableFinishes = useMemo(() => { if (!selectedProduct) return [] return selectedProduct.finpitures .map((finishId) => finishes.find((f) => f.id === finishId)) .filter((f): f is Finish => f !== undefined) }, [selectedProduct]) const getAvailabilityLabel = (availability: string) => { switch (availability) { case "Disponibile": return t("common.available", language) case "In arrivo": return t("common.arriving", language) case "Su ordinazione": return t("common.onOrder", language) default: return availability } } const getAvailabilityColor = (availability: string) => { switch (availability) { case "Disponibile": return "text-green-600" case "In arrivo": return "text-amber-600" case "Su ordinazione": return "text-muted-foreground" default: return "text-muted-foreground" } } const getCategoryLabel = (category: string) => { const categoryMap: Record = { "collezioni-bagno": language === "it" ? "Collezioni Bagno" : language === "en" ? "Bathroom Collections" : "Collections Salle de Bain", "soffioni-doccette": language === "it" ? "Soffioni e Doccette" : language === "en" ? "Showers & Handshowers" : "Pommes & Douchettes", cucina: language === "it" ? "Cucina" : language === "en" ? "Kitchen" : "Cuisine", accessori: language === "it" ? "Accessori" : language === "en" ? "Accessories" : "Accessoires", lavabi: language === "it" ? "Lavabi" : language === "en" ? "Washbasins" : "Lavabos", "placche-wc": language === "it" ? "Placche WC" : language === "en" ? "WC Plates" : "Plaques WC", esterni: language === "it" ? "Esterni" : language === "en" ? "Outdoor" : "Extérieur", } return categoryMap[category] || category } if (!isLoggedIn) return null return (

{/* Header */}

{t("tableSearch.title", language)}

{t("tableSearch.subtitle", language)}

{/* Search Bar */}

setSearchQuery(e.target.value)} className="pl-10 h-12 text-base" autoFocus /> {searchQuery && ( )}

{/* Filters */}

{/* Type Filter */}

{t("tableSearch.filterByType", language)}:

{/* Category Filter */}

{t("tableSearch.filterByCategory", language)}:

{uniqueCategories.map((category) => ( ))}

{/* Collection Filter */}

{t("tableSearch.filterByCollection", language)}:

{uniqueCollections.map((collection) => ( ))}

{/* Active filters summary */} {activeFilterCount > 0 && (

{activeFilterCount} {t("tableSearch.activeFilters", language).toLowerCase()}

)}

{/* Results Count */}

{filteredResults.length} {t("tableSearch.resultsCount", language)}

{/* Results Table */}

{t("tableSearch.type", language)} {t("tableSearch.code", language)} {t("tableSearch.productName", language)} {t("tableSearch.category", language)} {t("tableSearch.collection", language)} {priceMode !== "hidden" && ( <> {priceMode === "all" && ( <> {t("tableSearch.listPrice", language)} {t("tableSearch.reservedPrice", language)} )} {priceMode === "list-only" && ( {t("tableSearch.listPrice", language)} )} )} {t("tableSearch.actions", language)} {filteredResults.length === 0 ? (

{searchQuery || activeFilterCount > 0 ? (

{t("tableSearch.noResults", language)}

) : (

{t("tableSearch.startSearching", language)}

)}

) : ( filteredResults.map((result) => { const isProduct = result.type === "product" const item = result.item const detailUrl = isProduct ? `/catalogo/${item.id}` : `/catalogo/incasso/${item.id}` const isAdded = addedItems.has(item.id) return ( {isProduct ? ( ) : ( )} {item.sku}

{item.name}

{item.description}

{isProduct ? getCategoryLabel((item as Product).category) : t("tableSearch.incassiOnly", language)} {isProduct ? (item as Product).collection : "-"} {priceMode === "all" && ( <> €{item.listPrice.toLocaleString("it-IT")} €{item.price.toLocaleString("it-IT")} )} {priceMode === "list-only" && ( €{item.listPrice.toLocaleString("it-IT")} )}

{/* Download Popover */}

{t("tableSearch.downloads", language)}

{/* View Button */} {/* Add to Cart Button */}

) }) )}

) } [V0_FILE]typescriptreact:file="app/preventivi/salva-carrello/page.tsx" isMerged="true" "use client" import { useEffect, useState } from "react" import { useRouter } from "next/navigation" import Link from "next/link" import { AppHeader } from "@/components/app-header" import { useAuth } from "@/lib/auth-context" import { useLanguage } from "@/lib/language-context" import { useCart } from "@/lib/cart-context" import { t } from "@/lib/translations" import { generateShareToken, saveQuote, type Quote, type QuoteItem } from "@/lib/mock-data" import { Button } from "@/components/ui/button" import { ArrowLeft, CheckCircle, AlertCircle } from "lucide-react" export default function SaveQuoteFromCartPage() { const router = useRouter() const { isLoggedIn, user } = useAuth() const { language } = useLanguage() const { bundles, items } = useCart() const [saving, setSaving] = useState(false) const [saved, setSaved] = useState(false) const [quoteId, setQuoteId] = useState("") const [notes, setNotes] = useState("") const [validityDays, setValidityDays] = useState(30) const allItems = [...bundles.flatMap(bundle => bundle.items), ...items] const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT" useEffect(() => { if (!isLoggedIn) { router.push("/") return } }, [isLoggedIn, router]) if (!isLoggedIn) return null const cartEmpty = bundles.length === 0 && items.length === 0 const calculateTotal = () => { const bundlesTotal = bundles.reduce((sum, bundle) => sum + bundle.totalPrice, 0) const itemsTotal = items.reduce((sum, item) => sum + (item.product.price || 0) * item.quantity, 0) return bundlesTotal + itemsTotal } const handleSaveAsQuote = async () => { setSaving(true) // Create quote items from bundles and cart items const quoteItems: QuoteItem[] = [ ...bundles.map(bundle => ({ productId: bundle.product.id, productName: bundle.product.name, productImage: bundle.product.image, finishId: bundle.productFinish?.id, finishName: bundle.productFinish?.name, quantity: bundle.productQuantity, listPrice: bundle.totalListPrice, price: bundle.totalPrice, })), ...items.map(item => ({ productId: item.product.id, productName: item.product.name, productImage: item.product.image, finishId: item.finish?.id, finishName: item.finish?.name, quantity: item.quantity, listPrice: item.product.listPrice, price: item.product.price, })), ] const total = calculateTotal() const newQuoteId = `QT-${new Date().getFullYear()}-${String(Math.floor(Math.random() * 1000)).padStart(3, "0")}` const validUntil = new Date(Date.now() + validityDays * 24 * 60 * 60 * 1000) const newQuote: Quote = { id: newQuoteId, shareToken: generateShareToken(), customerId: user?.id || "CLI-001", customerName: user?.name || "Cliente", customerCompany: user?.company || "", customerEmail: user?.email || "", createdBy: "customer", items: quoteItems, subtotal: total, total: total, status: "pending", validUntil: validUntil.toISOString(), createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), notes: notes, } // Save quote saveQuote(newQuote) // Simulate delay setTimeout(() => { setQuoteId(newQuoteId) setSaved(true) setSaving(false) }, 500) } if (saved) { return (

{t("quotes.quoteSaved", language)}

{t("quotes.quoteSavedMessage", language)}

{t("quotes.quoteNumber", language)}: {quoteId}

) } return (

{/* Header */}

{t("common.back", language)}

{t("quotes.saveAsQuote", language)}

{cartEmpty ? (

{t("cart.emptyMessage", language)}

) : (

{/* Cart Items */}

{t("cart.title", language)}

{/* Bundles */} {bundles.map((bundle) => (

{bundle.product.image && (

)}

{bundle.product.name}

{bundle.productFinish && (

{bundle.productFinish.name}

)} {bundle.components.map((comp, idx) => ( comp.type === "handle" && (

+ {comp.item.name}

) ))}

{bundle.productQuantity}x {t("common.quantity", language).toLowerCase()} €{bundle.totalPrice.toLocaleString(locale)}

))} {/* Simple Items */} {items.map((item, index) => (

{item.product.image && (

)}

{item.product.name}

{item.finish && (

{item.finish.name}

)}

{item.quantity}x {t("common.quantity", language).toLowerCase()} €{((item.product.price || 0) * item.quantity).toLocaleString(locale)}

))}

{/* Totals */}

{t("common.subtotal", language)} €{calculateTotal().toLocaleString(locale)}

{t("common.total", language)} €{calculateTotal().toLocaleString(locale)}

{/* Form */}

{t("quotes.createForCustomer", language)}

{/* Validity Days */}

{t("quotes.validityDays", language)} setValidityDays(Math.max(1, parseInt(e.target.value) || 1))} className="mt-1 w-full rounded border border-input bg-background px-3 py-2 text-sm" />

{t("quotes.validUntil", language)}: {new Date(Date.now() + validityDays * 24 * 60 * 60 * 1000).toLocaleDateString(locale)}

{/* Notes */}

{t("quotes.notes", language)}

setNotes(e.target.value)}
                    className="mt-1 w-full rounded border border-input bg-background px-3 py-2 text-sm"
                    rows={4}
                  />
                </div>

{/* Summary */}
                <div className="rounded bg-muted p-3 text-sm">
                  <p className="font-medium">
                    {bundles.length + items.length} {bundles.length + items.length === 1 ? t("common.products", language).slice(0, -1) : t("common.products", language).toLowerCase()}
                  </p>
                  <p className="mt-1 text-muted-foreground">
                    {t("common.total", language)}: €{calculateTotal().toLocaleString(locale)}
                  </p>
                </div>

{/* Save Button */}
                <Button
                  onClick={handleSaveAsQuote}
                  disabled={saving}
                  className="w-full bg-foreground text-background hover:bg-foreground/90"
                >
                  {saving ? t("common.loading", language) : t("quotes.saveAsQuote", language)}
                </Button>

<Link href="/carrello" className="block">
                  <Button variant="outline" className="w-full bg-transparent">
                    {t("common.cancel", language)}
                  </Button>
                </Link>
              </div>
            </div>
          </div>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="lib/pdf-generator.tsx" isMerged="true"
import type { Quote } from "./mock-data"

export function generateQuotePDF(quote: Quote, language: "it" | "en" | "fr") {
  const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT"

// Create HTML content for the quote
  const htmlContent = generateQuoteHTML(quote, language, locale)

try {
    // Download as HTML (avoids html2canvas color parsing issues with modern CSS like oklch)
    downloadAsHTML(htmlContent, quote.id)
  } catch (error) {
    console.error("[v0] Error in generateQuotePDF:", error)
  }
}

function downloadAsHTML(htmlContent: string, quoteId: string) {
  const blob = new Blob([htmlContent], { type: "text/html;charset=utf-8" })
  const url = URL.createObjectURL(blob)

const link = document.createElement("a")
  link.href = url
  link.download = `Preventivo-${quoteId}.html`
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)

// Revoke the URL after a longer delay to ensure download completes
  setTimeout(() => {
    URL.revokeObjectURL(url)
  }, 1000)
}

function generateQuoteHTML(quote: Quote, language: "it" | "en" | "fr", locale: string): string {
  const titleText = language === "it" ? "PREVENTIVO" : language === "en" ? "QUOTE" : "DEVIS"
  const statusText = getStatusText(quote.status, language)
  
  const labels = {
    it: {
      data: "Data:",
      validUntil: "Valido fino al:",
      stato: "Stato:",
      cliente: "Cliente:",
      azienda: "Azienda:",
      email: "Email:",
      articolo: "Articolo",
      descrizione: "Descrizione",
      qty: "Q.tà",
      prezzo: "Prezzo",
      totale: "Totale",
      subtotale: "Subtotale:",
      sconto: "Sconto",
      totaleFinale: "Totale:",
      note: "Note:",
      generato: "Generato il",
    },
    en: {
      data: "Date:",
      validUntil: "Valid until:",
      stato: "Status:",
      cliente: "Customer:",
      azienda: "Company:",
      email: "Email:",
      articolo: "Item",
      descrizione: "Description",
      qty: "Qty",
      prezzo: "Price",
      totale: "Total",
      subtotale: "Subtotal:",
      sconto: "Discount",
      totaleFinale: "Total:",
      note: "Notes:",
      generato: "Generated on",
    },
    fr: {
      data: "Date:",
      validUntil: "Valide jusqu'au:",
      stato: "Statut:",
      cliente: "Client:",
      azienda: "Entreprise:",
      email: "E-mail:",
      articolo: "Article",
      descrizione: "Description",
      qty: "Qt.",
      prezzo: "Prix",
      totale: "Total",
      subtotale: "Sous-total:",
      sconto: "Remise",
      totaleFinale: "Total:",
      note: "Notes:",
      generato: "Généré le",
    },
  }

const lng = labels[language]
  const createdDate = new Date(quote.createdAt).toLocaleDateString(locale)
  const validDate = new Date(quote.validUntil).toLocaleDateString(locale)

return `
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>${titleText} ${quote.id}</title>
      <style>
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }
        
        body {
          font-family: Arial, sans-serif;
          color: #333;
          line-height: 1.6;
        }
        
        .container {
          max-width: 210mm;
          height: 297mm;
          padding: 15mm;
          margin: 0 auto;
          background: white;
        }
        
        .header {
          border-bottom: 2px solid #000;
          padding-bottom: 10mm;
          margin-bottom: 10mm;
        }
        
        .header h1 {
          font-size: 24px;
          margin-bottom: 5px;
        }
        
        .header h2 {
          font-size: 18px;
          color: #666;
        }
        
        .details {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 10mm;
          margin-bottom: 15mm;
          padding: 10mm;
          background: #f9f9f9;
        }
        
        .detail-group {
          display: flex;
          flex-direction: column;
          gap: 5mm;
        }
        
        .detail-row {
          display: flex;
          justify-content: space-between;
          font-size: 10px;
        }
        
        .detail-row strong {
          font-weight: bold;
        }
        
        table {
          width: 100%;
          border-collapse: collapse;
          margin-bottom: 10mm;
        }
        
        th {
          background: #f0f0f0;
          padding: 5mm;
          text-align: left;
          font-size: 10px;
          font-weight: bold;
          border-bottom: 2px solid #333;
        }
        
        td {
          padding: 4mm 5mm;
          font-size: 9px;
          border-bottom: 1px solid #ddd;
        }
        
        .summary {
          display: flex;
          justify-content: flex-end;
          margin-top: 10mm;
        }
        
        .summary-table {
          width: 100mm;
          border-collapse: collapse;
        }
        
        .summary-table td {
          padding: 3mm 5mm;
          border: none;
          font-size: 10px;
        }
        
        .summary-table td:first-child {
          text-align: right;
          width: 50%;
          font-weight: bold;
        }
        
        .summary-table td:last-child {
          text-align: right;
          width: 50%;
        }
        
        .total-row {
          border-top: 2px solid #333;
          font-size: 12px;
          font-weight: bold;
        }
        
        .discount {
          color: #22c55e;
        }
        
        .notes {
          margin-top: 10mm;
          padding: 5mm;
          background: #f9f9f9;
          font-size: 9px;
          border-left: 2px solid #666;
        }
        
        .footer {
          margin-top: 20mm;
          padding-top: 10mm;
          border-top: 1px solid #ddd;
          font-size: 8px;
          color: #999;
          text-align: center;
        }
        
        @media print {
          body {
            margin: 0;
            padding: 0;
          }
          .container {
            max-width: 100%;
            height: auto;
            margin: 0;
            padding: 15mm;
            page-break-after: always;
          }
        }
      </style>
    </head>
    <body>
      <div class="container">
        <div class="header">
          <h1>NEVE RUBINETTERIE</h1>
          <h2>${titleText} #${quote.id}</h2>
        </div>
        
        <div class="details">
          <div class="detail-group">
            <div class="detail-row"><strong>${lng.data}</strong> ${createdDate}</div>
            <div class="detail-row"><strong>${lng.validUntil}</strong> ${validDate}</div>
            <div class="detail-row"><strong>${lng.stato}</strong> ${statusText}</div>
          </div>
          <div class="detail-group">
            <div class="detail-row"><strong>${lng.cliente}</strong> ${quote.customerName}</div>
            <div class="detail-row"><strong>${lng.azienda}</strong> ${quote.customerCompany}</div>
            <div class="detail-row"><strong>${lng.email}</strong> ${quote.customerEmail}</div>
          </div>
        </div>
        
        <table>
          <thead>
            <tr>
              <th>${lng.articolo}</th>
              <th>${lng.descrizione}</th>
              <th>${lng.qty}</th>
              <th>${lng.prezzo}</th>
              <th>${lng.totale}</th>
            </tr>
          </thead>
          <tbody>
            ${itemsHTML}
          </tbody>
        </table>
        
        <div class="summary">
          <table class="summary-table">
            <tr>
              <td>${lng.subtotale}</td>
              <td>€${quote.subtotal.toLocaleString(locale)}</td>
            </tr>
            ${
              quote.discount
                ? `<tr class="discount">
                <td>${lng.sconto} (${quote.discountPercentage}%):</td>
                <td>-€${quote.discount.toLocaleString(locale)}</td>
              </tr>`
                : ""
            }
            <tr class="total-row">
              <td>${lng.totaleFinale}</td>
              <td>€${quote.total.toLocaleString(locale)}</td>
            </tr>
          </table>
        </div>
        
        ${
          quote.notes || quote.adminNotes
            ? `<div class="notes">
          <strong>${lng.note}</strong><br/>
          ${quote.notes ? `${quote.notes}<br/>` : ""}
          ${quote.adminNotes ? `<em>[Admin] ${quote.adminNotes}</em>` : ""}
        </div>`
            : ""
        }
        
        <div class="footer">
          ${lng.generato} ${new Date().toLocaleString(locale)}
        </div>
      </div>
    </body>
    </html>
  `
}

function getStatusText(status: string, language: "it" | "en" | "fr"): string {
  const statusMap = {
    it: {
      pending: "In attesa",
      accepted: "Accettato",
      rejected: "Rifiutato",
      expired: "Scaduto",
    },
    en: {
      pending: "Pending",
      accepted: "Accepted",
      rejected: "Rejected",
      expired: "Expired",
    },
    fr: {
      pending: "En attente",
      accepted: "Accepté",
      rejected: "Refusé",
      expired: "Expiré",
    },
  }

return statusMap[language][status as keyof typeof statusMap[typeof language]] || status
}
[V0_FILE]typescriptreact:file="app/carrello/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import Image from "next/image"
import Link from "next/link"
import { AppHeader } from "@/components/app-header"
import { useAuth } from "@/lib/auth-context"
import { useCart } from "@/lib/cart-context"
import { useLanguage } from "@/lib/language-context"
import { usePriceDisplay } from "@/lib/price-display-context"
import { t } from "@/lib/translations"
import { shippingDestinations, type ShippingDestination } from "@/lib/mock-data"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import {
  ArrowLeft,
  Minus,
  Plus,
  Trash2,
  CheckCircle,
  ShoppingBag,
  Package,
  MapPin,
  ChevronDown,
  Check,
  Settings,
} from "lucide-react"

export default function CarrelloPage() {
  const router = useRouter()
  const { isLoggedIn } = useAuth()
  const {
    bundles,
    items,
    incassoItems,
    updateQuantity,
    removeItem,
    updateIncassoQuantity,
    removeIncasso,
    updateBundleQuantity,
    removeBundle,
    total,
    clearCart,
  } = useCart()
  const { language } = useLanguage()
  const { mode: priceMode } = usePriceDisplay()
  const [orderConfirmed, setOrderConfirmed] = useState(false)
  const [selectedDestination, setSelectedDestination] = useState<ShippingDestination>(
    shippingDestinations.find((d) => d.isDefault) || shippingDestinations[0],
  )
  const [showDestinationSelector, setShowDestinationSelector] = useState(false)

const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT"

useEffect(() => {
    if (!isLoggedIn) {
      router.push("/")
    }
  }, [isLoggedIn, router])

if (!isLoggedIn) return null

const listTotal =
    bundles.reduce((sum, bundle) => sum + bundle.totalListPrice * bundle.productQuantity, 0) +
    items.reduce((sum, item) => sum + item.product.listPrice * item.quantity, 0) +
    incassoItems.reduce((sum, item) => sum + item.incasso.listPrice * item.quantity, 0)

const handleConfirmOrder = () => {
    // Placeholder for order confirmation logic
    setOrderConfirmed(true)
  }

if (orderConfirmed) {
    return (
      <div className="min-h-screen bg-background">
        <AppHeader />
        <main className="mx-auto max-w-2xl px-4 py-20 text-center">
          <div className="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-success/10">
            <CheckCircle className="h-10 w-10 text-success" />
          </div>
          <h1 className="font-serif text-3xl font-light">{t("cart.orderSent", language)}</h1>
          <p className="mt-4 text-muted-foreground">{t("cart.orderSentMessage", language)}</p>
          <p className="mt-6 rounded border border-border bg-muted/50 px-4 py-3 text-sm">
            {t("cart.orderNumber", language)}: <span className="font-medium">ORD-2024-DEMO</span>
          </p>
          <div className="mt-4 rounded border border-border bg-muted/50 px-4 py-3 text-sm text-left">
            <p className="font-medium flex items-center gap-2">
              <MapPin className="h-4 w-4" />
              {t("cart.shippingDestination", language)}
            </p>
            <p className="mt-1 text-muted-foreground">
              {selectedDestination.name} - {selectedDestination.address}, {selectedDestination.cap}{" "}
              {selectedDestination.city} ({selectedDestination.province})
            </p>
          </div>
          <div className="mt-8 flex justify-center gap-4">
            <Link
              href="/ordini"
              className="inline-flex items-center gap-2 rounded border border-border px-6 py-3 text-sm font-medium transition-colors hover:bg-muted"
            >
              {t("cart.goToOrders", language)}
            </Link>
            <Link
              href="/catalogo"
              className="inline-flex items-center gap-2 rounded bg-foreground px-6 py-3 text-sm font-medium text-background transition-colors hover:bg-foreground/90"
            >
              {t("cart.continueShopping", language)}
            </Link>
          </div>
        </main>
      </div>
    )
  }

if (bundles.length === 0 && items.length === 0 && incassoItems.length === 0) {
    return (
      <div className="min-h-screen bg-background">
        <AppHeader />
        <main className="mx-auto max-w-2xl px-4 py-20 text-center">
          <div className="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-muted">
            <ShoppingBag className="h-10 w-10 text-muted-foreground" />
          </div>
          <h1 className="font-serif text-3xl font-light">{t("cart.empty", language)}</h1>
          <p className="mt-4 text-muted-foreground">{t("cart.emptyMessage", language)}</p>
          <Link
            href="/catalogo"
            className="mt-8 inline-flex items-center gap-2 rounded bg-foreground px-6 py-3 text-sm font-medium text-background transition-colors hover:bg-foreground/90"
          >
            {t("cart.goToCatalog", language)}
          </Link>
        </main>
      </div>
    )
  }

return (
    <div className="min-h-screen bg-background">
      <AppHeader />

<main className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
        <Link
          href="/catalogo"
          className="mb-8 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground"
        >
          <ArrowLeft className="h-4 w-4" /> {t("cart.continueShopping", language)}
        </Link>

<h1 className="mb-8 font-serif text-3xl font-light">{t("cart.title", language)}</h1>

<div className="grid gap-8 lg:grid-cols-3">
          {/* Cart Items */}
          <div className="lg:col-span-2">
            <div className="mb-6 rounded border border-border p-4">
              <div className="flex items-center justify-between">
                <div className="flex items-center gap-3">
                  <div className="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
                    <MapPin className="h-5 w-5" />
                  </div>
                  <div>
                    <p className="text-sm font-medium">{t("cart.shippingDestination", language)}</p>
                    <p className="text-sm text-muted-foreground">
                      {selectedDestination.name}
                      {selectedDestination.isDefault && (
                        <span className="ml-2 inline-flex items-center rounded bg-foreground/10 px-1.5 py-0.5 text-xs">
                          {t("cart.defaultDestination", language)}
                        </span>
                      )}
                    </p>
                  </div>
                </div>
                <Button
                  variant="outline"
                  size="sm"
                  onClick={() => setShowDestinationSelector(!showDestinationSelector)}
                  className="gap-1"
                >
                  {t("cart.changeDestination", language)}
                  <ChevronDown
                    className={`h-4 w-4 transition-transform ${showDestinationSelector ? "rotate-180" : ""}`}
                  />
                </Button>
              </div>

{/* Selected destination details */}
              <div className="mt-3 rounded bg-muted/50 p-3 text-sm">
                <p>{selectedDestination.address}</p>
                <p>
                  {selectedDestination.cap} {selectedDestination.city} ({selectedDestination.province})
                </p>
                <p>{selectedDestination.country}</p>
              </div>

{/* Destination selector dropdown */}
              {showDestinationSelector && (
                <div className="mt-4 space-y-2 border-t border-border pt-4">
                  <Link
                    href="/destinazioni"
                    className="mb-3 flex items-center justify-center gap-2 rounded border border-dashed border-border py-2 text-sm text-muted-foreground hover:bg-muted/50 hover:text-foreground transition-colors"
                  >
                    <Settings className="h-4 w-4" />
                    {t("cart.manageDestinations", language)}
                  </Link>
                  {shippingDestinations.map((dest) => (
                    <button
                      key={dest.id}
                      onClick={() => {
                        setSelectedDestination(dest)
                        setShowDestinationSelector(false)
                      }}
                      className={`w-full rounded border p-3 text-left transition-colors ${
                        selectedDestination.id === dest.id
                          ? "border-foreground bg-foreground/5"
                          : "border-border hover:bg-muted/50"
                      }`}
                    >
                      <div className="flex items-start justify-between">
                        <div>
                          <p className="font-medium flex items-center gap-2">
                            {dest.name}
                            {dest.isDefault && (
                              <span className="inline-flex items-center rounded bg-foreground/10 px-1.5 py-0.5 text-xs font-normal">
                                {t("cart.defaultDestination", language)}
                              </span>
                            )}
                          </p>
                          <p className="mt-1 text-sm text-muted-foreground">
                            {dest.address}, {dest.cap} {dest.city} ({dest.province})
                          </p>
                        </div>
                        {selectedDestination.id === dest.id && <Check className="h-5 w-5 text-foreground" />}
                      </div>
                    </button>
                  ))}
                </div>
              )}
            </div>

<div className="divide-y divide-border rounded border border-border">
              {bundles.map((bundle) => (
                <div key={bundle.id} className="p-6 bg-muted/10">
                  {/* Bundle header with product */}
                  <div className="flex gap-6">
                    <div className="relative h-24 w-24 shrink-0 overflow-hidden bg-muted">
                      <Image
                        src={
                          (bundle.productFinish && bundle.product.images?.[bundle.productFinish.id]) ||
                          bundle.product.image ||
                          "/placeholder.svg"
                        }
                        alt={bundle.product.name}
                        fill
                        className="object-cover"
                      />
                    </div>
                    <div className="flex flex-1 flex-col">
                      <div className="flex items-start justify-between">
                        <div>
                          <p className="text-xs uppercase tracking-wider text-muted-foreground">
                            {bundle.product.collection}
                          </p>
                          <h3 className="mt-1 font-medium">{bundle.product.name}</h3>
                          <div className="mt-1 flex items-center gap-2">
                            <p className="text-sm text-muted-foreground">
                              {bundle.product.sku}
                              {bundle.productFinish ? `-${bundle.productFinish.code}` : ""}
                            </p>
                            {bundle.productFinish && (
                              <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
                                <span
                                  className="h-3 w-3 rounded-full border border-border"
                                  style={{ backgroundColor: bundle.productFinish.color }}
                                />
                                {bundle.productFinish.name}
                              </span>
                            )}
                          </div>
                        </div>
                        <button
                          onClick={() => removeBundle(bundle.id)}
                          className="text-muted-foreground transition-colors hover:text-destructive"
                        >
                          <Trash2 className="h-4 w-4" />
                        </button>
                      </div>
                    </div>
                  </div>

{bundle.components.some((c) => c.type === "handle") && (
                    <div className="mt-4 flex items-center gap-3 ml-[calc(6rem+1.5rem)]">
                      <span className="text-sm text-muted-foreground">{t("product.withHandle", language)}:</span>
                      {bundle.components
                        .filter((c) => c.type === "handle")
                        .map((handleComponent, idx) => {
                          const handle = handleComponent.item as any
                          return (
                            <div key={idx} className="flex items-center gap-2">
                              <div className="relative h-12 w-12 shrink-0 overflow-hidden rounded border border-border bg-muted">
                                <Image
                                  src={handle.image || "/placeholder.svg"}
                                  alt={handle.name}
                                  fill
                                  className="object-cover"
                                />
                              </div>
                              <span className="text-sm">{handle.name}</span>
                            </div>
                          )
                        })}
                    </div>
                  )}

{/* Bundle components breakdown */}
                  <div className="mt-4 ml-[calc(6rem+1.5rem)] space-y-2 border-l-2 border-muted pl-4">
                    {bundle.components.map((component, idx) => {
                      const item = component.item as any
                      const componentQty =
                        component.type === "product"
                          ? bundle.productQuantity
                          : component.type === "handle"
                            ? bundle.productQuantity
                            : component.quantity * bundle.productQuantity

return (
                        <div key={idx} className="flex items-center justify-between text-sm">
                          <div className="flex items-center gap-2">
                            <span className="text-muted-foreground">
                              {component.type === "product" && "→"}
                              {component.type === "incasso" && "→ Incasso:"}
                              {component.type === "handle" && "→ Maniglia:"}
                              {component.type === "remoteControl" && "→ Comando:"}
                            </span>
                            <span>{item.name}</span>
                            <span className="text-muted-foreground">× {componentQty}</span>
                          </div>
                          <div className="text-right">
                            {priceMode === "all" && (
                              <>
                                <span className="text-xs text-muted-foreground line-through mr-2">
                                  €{(item.listPrice * componentQty).toLocaleString(locale)}
                                </span>
                                <span>€{(item.price * componentQty).toLocaleString(locale)}</span>
                              </>
                            )}
                            {priceMode === "list-only" && (
                              <span>€{(item.listPrice * componentQty).toLocaleString(locale)}</span>
                            )}
                          </div>
                        </div>
                      )
                    })}
                  </div>

{/* Bundle quantity and total */}
                  <div className="mt-4 flex items-center justify-between pt-4 border-t border-border">
                    <div className="flex items-center rounded border border-border">
                      <button
                        onClick={() => updateBundleQuantity(bundle.id, bundle.productQuantity - 1)}
                        className="px-2 py-1 transition-colors hover:bg-muted"
                      >
                        <Minus className="h-3 w-3" />
                      </button>
                      <Input
                        type="number"
                        value={bundle.productQuantity}
                        onChange={(e) => updateBundleQuantity(bundle.id, Number.parseInt(e.target.value) || 1)}
                        className="h-8 w-12 border-0 text-center text-sm"
                        min={1}
                      />
                      <button
                        onClick={() => updateBundleQuantity(bundle.id, bundle.productQuantity + 1)}
                        className="px-2 py-1 transition-colors hover:bg-muted"
                      >
                        <Plus className="h-3 w-3" />
                      </button>
                    </div>
                    <div className="text-right">
                      {priceMode === "all" && (
                        <>
                          <p className="text-xs text-muted-foreground line-through">
                            €{(bundle.totalListPrice * bundle.productQuantity).toLocaleString(locale)}
                          </p>
                          <p className="font-medium text-lg">
                            €{(bundle.totalPrice * bundle.productQuantity).toLocaleString(locale)}
                          </p>
                        </>
                      )}
                      {priceMode === "list-only" && (
                        <p className="font-medium text-lg">
                          €{(bundle.totalListPrice * bundle.productQuantity).toLocaleString(locale)}
                        </p>
                      )}
                    </div>
                  </div>
                </div>
              ))}

{/* Individual product items */}
              {items.map((item) => (
                <div key={`${item.product.id}-${item.finish?.id || "default"}`} className="flex gap-6 p-6">
                  <div className="relative h-24 w-24 shrink-0 overflow-hidden bg-muted">
                    <Image
                      src={
                        (item.finish && item.product.images?.[item.finish.id]) ||
                        item.product.image ||
                        "/placeholder.svg"
                      }
                      alt={item.product.name}
                      fill
                      className="object-cover"
                    />
                  </div>
                  <div className="flex flex-1 flex-col">
                    <div className="flex items-start justify-between">
                      <div>
                        <p className="text-xs uppercase tracking-wider text-muted-foreground">
                          {item.product.collection}
                        </p>
                        <div className="mt-1 flex items-center gap-2">
                          <h3 className="font-medium">{item.product.name}</h3>
                          {item.fromQuote && (
                            <span className="inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-900/30 dark:text-green-400">
                              {t("cart.fromQuote", language)}
                            </span>
                          )}
                        </div>
                        <div className="mt-1 flex items-center gap-2">
                          <p className="text-sm text-muted-foreground">
                            {item.product.sku}
                            {item.finish ? `-${item.finish.code}` : ""}
                          </p>
                          {item.finish && (
                            <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
                              <span
                                className="h-3 w-3 rounded-full border border-border"
                                style={{ backgroundColor: item.finish.color }}
                              />
                              {item.finish.name}
                            </span>
                          )}
                        </div>
                      </div>
                      <button
                        onClick={() => removeItem(item.product.id, item.finish?.id)}
                        className="text-muted-foreground transition-colors hover:text-destructive"
                      >
                        <Trash2 className="h-4 w-4" />
                      </button>
                    </div>
                    <div className="mt-auto flex items-center justify-between pt-4">
                      <div className="flex items-center rounded border border-border">
                        <button
                          onClick={() => updateQuantity(item.product.id, item.quantity - 1, item.finish?.id)}
                          className="px-2 py-1 transition-colors hover:bg-muted"
                        >
                          <Minus className="h-3 w-3" />
                        </button>
                        <Input
                          type="number"
                          value={item.quantity}
                          onChange={(e) =>
                            updateQuantity(item.product.id, Number.parseInt(e.target.value) || 1, item.finish?.id)
                          }
                          className="h-8 w-12 border-0 text-center text-sm"
                          min={1}
                        />
                        <button
                          onClick={() => updateQuantity(item.product.id, item.quantity + 1, item.finish?.id)}
                          className="px-2 py-1 transition-colors hover:bg-muted"
                        >
                          <Plus className="h-3 w-3" />
                        </button>
                      </div>
                      <div className="text-right">
                        {priceMode === "all" && (
                          <>
                            <p className="text-xs text-muted-foreground line-through">
                              €{(item.product.listPrice * item.quantity).toLocaleString(locale)}
                            </p>
                            <p className="font-medium">€{(item.product.price * item.quantity).toLocaleString(locale)}</p>
                          </>
                        )}
                        {priceMode === "list-only" && (
                          <p className="font-medium">
                            €{(item.product.listPrice * item.quantity).toLocaleString(locale)}
                          </p>
                        )}
                      </div>
                    </div>
                  </div>
                </div>
              ))}

{/* Incasso items */}
              {incassoItems.length > 0 && (
                <>
                  {items.length > 0 && (
                    <div className="bg-muted/50 px-6 py-3">
                      <div className="flex items-center gap-2 text-sm font-medium">
                        <Package className="h-4 w-4" />
                        {t("catalog.concealedBodies", language)}
                      </div>
                    </div>
                  )}
                  {incassoItems.map((item) => (
                    <div key={item.incasso.id} className="flex gap-6 p-6 bg-muted/20">
                      <div className="relative h-24 w-24 shrink-0 overflow-hidden bg-muted rounded">
                        <Image
                          src={item.incasso.image || "/placeholder.svg"}
                          alt={item.incasso.name}
                          fill
                          className="object-cover"
                        />
                        <div className="absolute left-1 top-1 rounded bg-foreground p-1">
                          <Package className="h-3 w-3 text-background" />
                        </div>
                      </div>
                      <div className="flex flex-1 flex-col">
                        <div className="flex items-start justify-between">
                          <div>
                            <p className="text-xs uppercase tracking-wider text-muted-foreground">
                              {t("product.concealedBody", language)}
                            </p>
                            <h3 className="mt-1 font-medium">{item.incasso.name}</h3>
                            <p className="mt-1 text-sm text-muted-foreground">{item.incasso.sku}</p>
                          </div>
                          <button
                            onClick={() => removeIncasso(item.incasso.id)}
                            className="text-muted-foreground transition-colors hover:text-destructive"
                          >
                            <Trash2 className="h-4 w-4" />
                          </button>
                        </div>
                        <div className="mt-auto flex items-center justify-between pt-4">
                          <div className="flex items-center rounded border border-border">
                            <button
                              onClick={() => updateIncassoQuantity(item.incasso.id, item.quantity - 1)}
                              className="px-2 py-1 transition-colors hover:bg-muted"
                            >
                              <Minus className="h-3 w-3" />
                            </button>
                            <Input
                              type="number"
                              value={item.quantity}
                              onChange={(e) =>
                                updateIncassoQuantity(item.incasso.id, Number.parseInt(e.target.value) || 1)
                              }
                              className="h-8 w-12 border-0 text-center text-sm"
                              min={1}
                            />
                            <button
                              onClick={() => updateIncassoQuantity(item.incasso.id, item.quantity + 1)}
                              className="px-2 py-1 transition-colors hover:bg-muted"
                            >
                              <Plus className="h-3 w-3" />
                            </button>
                          </div>
                          <div className="text-right">
                            {priceMode === "all" && (
                              <>
                                <p className="text-xs text-muted-foreground line-through">
                                  €{(item.incasso.listPrice * item.quantity).toLocaleString(locale)}
                                </p>
                                <p className="font-medium">
                                  €{(item.incasso.price * item.quantity).toLocaleString(locale)}
                                </p>
                              </>
                            )}
                            {priceMode === "list-only" && (
                              <p className="font-medium">
                                €{(item.incasso.listPrice * item.quantity).toLocaleString(locale)}
                              </p>
                            )}
                          </div>
                        </div>
                      </div>
                    </div>
                  ))}
                </>
              )}
            </div>
          </div>

{/* Order Summary */}
          <div className="lg:col-span-1">
            <div className="rounded border border-border p-6">
              <h2 className="text-lg font-medium">{t("cart.orderSummary", language)}</h2>

<div className="mt-6 space-y-3">
                {priceMode !== "hidden" && (
                  <>
                    {bundles.length > 0 && (
                      <div className="flex justify-between text-sm">
                        <span className="text-muted-foreground">
                          Bundle ({bundles.reduce((sum, b) => sum + b.productQuantity, 0)})
                        </span>
                        <span>
                          €
                          {(priceMode === "all"
                            ? bundles.reduce((sum, bundle) => sum + bundle.totalPrice * bundle.productQuantity, 0)
                            : bundles.reduce(
                                (sum, bundle) => sum + bundle.totalListPrice * bundle.productQuantity,
                                0,
                              )
                          ).toLocaleString(locale)}
                        </span>
                      </div>
                    )}
                    {items.length > 0 && (
                      <div className="flex justify-between text-sm">
                        <span className="text-muted-foreground">
                          {t("common.products", language)} ({items.reduce((sum, i) => sum + i.quantity, 0)})
                        </span>
                        <span>
                          €
                          {(priceMode === "all"
                            ? items.reduce((sum, item) => sum + item.product.price * item.quantity, 0)
                            : items.reduce((sum, item) => sum + item.product.listPrice * item.quantity, 0)
                          ).toLocaleString(locale)}
                        </span>
                      </div>
                    )}
                    {incassoItems.length > 0 && (
                      <div className="flex justify-between text-sm">
                        <span className="text-muted-foreground">
                          {t("catalog.concealedBodies", language)} ({incassoItems.reduce((sum, i) => sum + i.quantity, 0)})
                        </span>
                        <span>
                          €
                          {(priceMode === "all"
                            ? incassoItems.reduce((sum, item) => sum + item.incasso.price * item.quantity, 0)
                            : incassoItems.reduce(
                                (sum, item) => sum + item.incasso.listPrice * item.quantity,
                                0,
                              )
                          ).toLocaleString(locale)}
                        </span>
                      </div>
                    )}
                  </>
                )}
                <div className="border-t border-border pt-3 mt-3">
                  {priceMode !== "hidden" && (
                    <>
                      {priceMode === "all" && (
                        <>
                          <div className="flex justify-between text-sm">
                            <span className="text-muted-foreground">{t("prices.listPrice", language)}</span>
                            <span className="line-through text-muted-foreground">
                              €{listTotal.toLocaleString(locale)}
                            </span>
                          </div>
                          <div className="flex justify-between text-sm mt-1">
                            <span className="text-muted-foreground">{t("prices.reservedPrice", language)}</span>
                            <span>€{total.toLocaleString(locale)}</span>
                          </div>
                          <div className="flex justify-between text-sm mt-1 text-success">
                            <span className="text-success font-medium">-€{(listTotal - total).toLocaleString(locale)}</span>
                          </div>
                        </>
                )}
                {priceMode !== "hidden" && (
                  <div className="border-t border-border pt-3 mt-3">
                    <div className="flex justify-between text-sm">
                      <span className="text-muted-foreground">{t("common.shipping", language)}</span>
                      <span>{t("common.toCalculate", language)}</span>
                    </div>
                    <div className="flex justify-between text-sm mt-1">
                      <span className="text-muted-foreground">{t("common.vat", language)} (22%)</span>
                      <span>
                        €
                        {Math.round(
                          (priceMode === "all" ? total : listTotal) * 0.22,
                        ).toLocaleString(locale)}
                      </span>
                    </div>
                    <div className="flex justify-between text-sm mt-3 pt-3 border-t border-border font-medium">
                      <span>{t("common.total", language)}</span>
                      <span className="text-xl">
                        €
                        {Math.round(
                          (priceMode === "all" ? total : listTotal) * 1.22,
                        ).toLocaleString(locale)}
                      </span>
                    </div>
                  </div>
                )}
                    </>
                  )}
                </div>
              </div>

<div className="mt-6 border-t border-border pt-6">
                <div className="flex justify-between">
                  <span className="font-medium">{t("cart.shippingDestination", language)}</span>
                  <span>{selectedDestination.name}</span>
                </div>
              </div>

<div className="mt-4 rounded bg-muted p-4 text-sm">
                <p className="font-medium">{t("cart.paymentConditions", language)}</p>
                <p className="mt-1 text-muted-foreground">{t("cart.paymentTerms", language)}</p>
              </div>

<div className="mt-6 flex flex-col gap-3">
                <Button
                  onClick={handleConfirmOrder}
                  className="h-12 w-full bg-foreground text-background hover:bg-foreground/90"
                >
                  {t("cart.confirmOrder", language)}
                </Button>
                <Link href="/preventivi/salva-carrello" className="w-full">
                  <Button variant="outline" className="h-12 w-full bg-transparent">
                    {t("quotes.saveAsQuote", language)}
                  </Button>
                </Link>
              </div>

<p className="mt-4 text-center text-xs text-muted-foreground">{t("cart.termsAccept", language)}</p>
            </div>
          </div>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/preventivi/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter } from "next/navigation"
import Image from "next/image"
import Link from "next/link"
import { AppHeader } from "@/components/app-header"
import { useAuth } from "@/lib/auth-context"
import { useLanguage } from "@/lib/language-context"
import { t } from "@/lib/translations"
import { getQuotesByCustomer, type Quote } from "@/lib/mock-data"
import { Button } from "@/components/ui/button"
import {
  FileText,
  Clock,
  CheckCircle,
  XCircle,
  AlertCircle,
  ChevronRight,
  Eye,
  Link as LinkIcon,
  Copy,
  Check,
  ShoppingCart,
} from "lucide-react"

export default function PreventiviPage() {
  const router = useRouter()
  const { isLoggedIn } = useAuth()
  const { language } = useLanguage()
  const [quotes, setQuotes] = useState<Quote[]>([])
  const [statusFilter, setStatusFilter] = useState<string>("all")
  const [copiedId, setCopiedId] = useState<string | null>(null)

const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT"

useEffect(() => {
    if (!isLoggedIn) {
      router.push("/")
      return
    }
    // In production, get customer ID from auth context
    const customerQuotes = getQuotesByCustomer("CLI-001")
    setQuotes(customerQuotes)
  }, [isLoggedIn, router])

if (!isLoggedIn) return null

const filteredQuotes = statusFilter === "all" 
    ? quotes 
    : quotes.filter(q => q.status === statusFilter)

const getStatusIcon = (status: Quote["status"]) => {
    switch (status) {
      case "pending":
        return <Clock className="h-4 w-4" />
      case "accepted":
        return <CheckCircle className="h-4 w-4" />
      case "rejected":
        return <XCircle className="h-4 w-4" />
      case "expired":
        return <AlertCircle className="h-4 w-4" />
    }
  }

const getStatusColor = (status: Quote["status"]) => {
    switch (status) {
      case "pending":
        return "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400"
      case "accepted":
        return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
      case "rejected":
        return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
      case "expired":
        return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400"
    }
  }

const getDaysUntilExpiry = (validUntil: string) => {
    const now = new Date()
    const expiry = new Date(validUntil)
    const diffTime = expiry.getTime() - now.getTime()
    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
    return diffDays
  }

const copyShareLink = (quote: Quote) => {
    const link = `${window.location.origin}/preventivo/${quote.shareToken}`
    navigator.clipboard.writeText(link)
    setCopiedId(quote.id)
    setTimeout(() => setCopiedId(null), 2000)
  }

const statusCounts = {
    all: quotes.length,
    pending: quotes.filter(q => q.status === "pending").length,
    accepted: quotes.filter(q => q.status === "accepted").length,
    rejected: quotes.filter(q => q.status === "rejected").length,
    expired: quotes.filter(q => q.status === "expired").length,
  }

return (
    <div className="min-h-screen bg-background">
      <AppHeader />

<main className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
        <div className="mb-8 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
          <div>
            <h1 className="font-serif text-3xl font-light">{t("quotes.title", language)}</h1>
            <p className="mt-2 text-muted-foreground">{t("quotes.subtitle", language)}</p>
          </div>
          <Link href="/carrello" title={t("quotes.newQuoteHint", language) || "Aggiungi prodotti al carrello e clicca 'Salva come preventivo'"}>
            <Button className="gap-2">
              <ShoppingCart className="h-4 w-4" />
              {t("quotes.newQuote", language) || "Nuovo preventivo"}
            </Button>
          </Link>
        </div>

{/* Status filter tabs */}
        <div className="mb-6 flex flex-wrap gap-2">
          {(["all", "pending", "accepted", "rejected", "expired"] as const).map((status) => (
            <button
              key={status}
              onClick={() => setStatusFilter(status)}
              className={`flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition-colors ${
                statusFilter === status
                  ? "bg-foreground text-background"
                  : "bg-muted text-muted-foreground hover:bg-muted/80"
              }`}
            >
              {status === "all" ? (
                t("quotes.allQuotes", language)
              ) : (
                <>
                  {getStatusIcon(status)}
                  {t(`quotes.status.${status}`, language)}
                </>
              )}
              <span className="ml-1 rounded-full bg-background/20 px-2 py-0.5 text-xs">
                {statusCounts[status]}
              </span>
            </button>
          ))}
        </div>

{filteredQuotes.length === 0 ? (
          <div className="rounded-lg border border-border bg-muted/20 p-12 text-center">
            <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-muted">
              <FileText className="h-8 w-8 text-muted-foreground" />
            </div>
            <h2 className="text-lg font-medium">{t("quotes.noQuotes", language)}</h2>
            <p className="mt-2 text-sm text-muted-foreground">{t("quotes.noQuotesMessage", language)}</p>
            <div className="mt-4 space-y-2 text-sm text-muted-foreground">
              <p className="font-medium">Come creare un preventivo:</p>
              <ol className="list-decimal list-inside space-y-1">
                <li>Vai al catalogo e seleziona i prodotti che desideri</li>
                <li>Aggiungi i prodotti al carrello</li>
                <li>Dal carrello, clicca su "Salva come preventivo"</li>
              </ol>
            </div>
            <Link href="/carrello" className="mt-4 inline-block">
              <Button variant="outline" className="gap-2 bg-transparent">
                <ShoppingCart className="h-4 w-4" />
                {t("cart.goToCatalog", language)}
              </Button>
            </Link>
          </div>
        ) : (
          <div className="space-y-4">
            {filteredQuotes.map((quote) => {
              const daysLeft = getDaysUntilExpiry(quote.validUntil)
              const isExpired = daysLeft <= 0 || quote.status === "expired"
              
              return (
                <div
                  key={quote.id}
                  className="rounded-lg border border-border bg-card overflow-hidden"
                >
                  {/* Header */}
                  <div className="flex flex-col gap-4 border-b border-border p-4 sm:flex-row sm:items-center sm:justify-between">
                    <div className="flex items-center gap-4">
                      <div className="flex h-12 w-12 items-center justify-center rounded-full bg-muted">
                        <FileText className="h-6 w-6" />
                      </div>
                      <div>
                        <div className="flex items-center gap-2">
                          <h3 className="font-medium">{quote.id}</h3>
                          <span className={`inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium ${getStatusColor(quote.status)}`}>
                            {getStatusIcon(quote.status)}
                            {t(`quotes.status.${quote.status}`, language)}
                          </span>
                        </div>
                        <p className="mt-0.5 text-sm text-muted-foreground">
                          {t("quotes.quoteDate", language)}: {new Date(quote.createdAt).toLocaleDateString(locale)}
                          {quote.createdBy === "admin" && quote.createdByName && (
                            <span className="ml-2">
                              • {t("quotes.createdBy", language)}: {quote.createdByName}
                            </span>
                          )}
                        </p>
                      </div>
                    </div>
                    <div className="flex items-center gap-2">
                      {quote.status === "pending" && !isExpired && (
                        <span className="text-sm text-muted-foreground">
                          {t("quotes.expiresIn", language)} <strong>{daysLeft}</strong> {t("quotes.days", language)}
                        </span>
                      )}
                      <button
                        onClick={() => copyShareLink(quote)}
                        className="flex items-center gap-1.5 rounded border border-border px-3 py-1.5 text-sm transition-colors hover:bg-muted"
                      >
                        {copiedId === quote.id ? (
                          <>
                            <Check className="h-4 w-4 text-green-600" />
                            {t("quotes.linkCopied", language)}
                          </>
                        ) : (
                          <>
                            <Copy className="h-4 w-4" />
                            {t("quotes.copyLink", language)}
                          </>
                        )}
                      </button>
                    </div>
                  </div>

{/* Products preview */}
                  <div className="p-4">
                    <div className="flex flex-wrap gap-2">
                      {quote.items.slice(0, 4).map((item, idx) => (
                        <div key={idx} className="relative h-16 w-16 overflow-hidden rounded border border-border bg-muted">
                          <Image
                            src={item.productImage || "/placeholder.svg"}
                            alt={item.productName}
                            fill
                            className="object-cover"
                          />
                        </div>
                      ))}
                      {quote.items.length > 4 && (
                        <div className="flex h-16 w-16 items-center justify-center rounded border border-border bg-muted text-sm text-muted-foreground">
                          +{quote.items.length - 4}
                        </div>
                      )}
                      <div className="ml-auto flex items-center gap-6">
                        <div className="text-right">
                          <p className="text-xs text-muted-foreground">
                            {quote.items.reduce((sum, item) => sum + item.quantity, 0)} {t("quotes.items", language)}
                          </p>
                          {quote.discount && (
                            <p className="text-xs text-green-600">
                              -{quote.discountPercentage}% ({t("quotes.discount", language)})
                            </p>
                          )}
                          <p className="text-lg font-medium">
                            €{quote.total.toLocaleString(locale)}
                          </p>
                        </div>
                        <Link href={`/preventivo/${quote.shareToken}`}>
                          <Button variant="outline" size="sm" className="gap-1 bg-transparent">
                            {t("quotes.viewQuote", language)}
                            <ChevronRight className="h-4 w-4" />
                          </Button>
                        </Link>
                      </div>
                    </div>
                  </div>

{/* Footer with view count */}
                  <div className="flex items-center justify-between border-t border-border bg-muted/30 px-4 py-2 text-xs text-muted-foreground">
                    <div className="flex items-center gap-1">
                      <Eye className="h-3.5 w-3.5" />
                      {(quote.viewHistory?.length || 0)} {t("quotes.totalViews", language)}
                    </div>
                    {quote.notes && (
                      <div className="truncate max-w-[300px]">
                        {t("quotes.notes", language)}: {quote.notes}
                      </div>
                    )}
                  </div>
                </div>
              )
            })}
          </div>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/accessory-detail-sheet.tsx" isMerged="true"
"use client"

import { useEffect, useRef } from "react"
import Image from "next/image"
import { X, FileText, BookOpen } from "lucide-react"

export interface AccessoryDetailItem {
  id: string
  name: string
  sku: string
  finish?: string
  size?: string
  description?: string
  image: string
  technicalSheetUrl?: string
  instructionsUrl?: string
}

interface AccessoryDetailSheetProps {
  item: AccessoryDetailItem | null
  onClose: () => void
}

export function AccessoryDetailSheet({ item, onClose }: AccessoryDetailSheetProps) {
  const overlayRef = useRef<HTMLDivElement>(null)

// Close on Escape
  useEffect(() => {
    if (!item) return
    const handler = (e: KeyboardEvent) => { if (e.key === "Escape") onClose() }
    window.addEventListener("keydown", handler)
    return () => window.removeEventListener("keydown", handler)
  }, [item, onClose])

// Prevent body scroll when open
  useEffect(() => {
    if (item) {
      document.body.style.overflow = "hidden"
    } else {
      document.body.style.overflow = ""
    }
    return () => { document.body.style.overflow = "" }
  }, [item])

if (!item) return null

return (
    <div
      ref={overlayRef}
      className="fixed inset-0 z-50 flex items-center justify-end"
      onClick={(e) => { if (e.target === overlayRef.current) onClose() }}
    >
      {/* Backdrop */}
      <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" onClick={onClose} />

{/* Sheet */}
      <div className="relative z-10 flex h-full w-full max-w-md flex-col bg-background shadow-2xl">
        {/* Header */}
        <div className="flex items-center justify-between border-b px-6 py-4">
          <span className="text-xs font-semibold uppercase tracking-widest text-muted-foreground">
            Dettaglio prodotto
          </span>
          <button
            onClick={onClose}
            className="rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
            aria-label="Chiudi"
          >
            <X className="h-4 w-4" />
          </button>
        </div>

{/* Content */}
        <div className="flex-1 overflow-y-auto">
          {/* Product image */}
          <div className="relative aspect-square w-full bg-muted">
            <Image
              src={item.image || "/placeholder.svg"}
              alt={item.name}
              fill
              className="object-contain p-8"
            />
          </div>

{/* Details */}
          <div className="space-y-5 p-6">
            {/* Name */}
            <h2 className="text-lg font-semibold leading-snug text-balance">{item.name}</h2>

{/* Key data */}
            <dl className="space-y-3">
              <div className="flex items-start justify-between gap-4">
                <dt className="text-xs font-medium uppercase tracking-wide text-muted-foreground">Codice</dt>
                <dd className="text-sm font-mono font-medium">{item.sku}</dd>
              </div>

{item.finish && (
                <div className="flex items-start justify-between gap-4">
                  <dt className="text-xs font-medium uppercase tracking-wide text-muted-foreground">Finitura</dt>
                  <dd className="text-right text-sm">{item.finish}</dd>
                </div>
              )}

{item.size && (
                <div className="flex items-start justify-between gap-4">
                  <dt className="text-xs font-medium uppercase tracking-wide text-muted-foreground">Dimensioni</dt>
                  <dd className="text-right text-sm">{item.size}</dd>
                </div>
              )}
            </dl>

{/* Description */}
            {item.description && (
              <>
                <div className="border-t" />
                <p className="text-sm leading-relaxed text-muted-foreground">{item.description}</p>
              </>
            )}
          </div>
        </div>

{/* Footer — document links */}
        <div className="border-t px-6 py-4 space-y-1">
          <a
            href="https://example.com/scheda-tecnica.pdf"
            target="_blank"
            rel="noopener noreferrer"
            className="flex items-center gap-2.5 rounded-lg px-3 py-2.5 text-sm font-medium text-foreground transition-colors hover:bg-muted"
          >
            <FileText className="h-4 w-4 flex-shrink-0 text-muted-foreground" />
            Scheda tecnica
          </a>
          <a
            href="https://example.com/istruzioni.pdf"
            target="_blank"
            rel="noopener noreferrer"
            className="flex items-center gap-2.5 rounded-lg px-3 py-2.5 text-sm font-medium text-foreground transition-colors hover:bg-muted"
          >
            <BookOpen className="h-4 w-4 flex-shrink-0 text-muted-foreground" />
            Istruzioni
          </a>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="components/accessory-picker-modal.tsx" isMerged="true"
"use client"

import { useEffect, useRef } from "react"
import Image from "next/image"
import { X, Check, Info } from "lucide-react"
import { getFinishById, type Handle, type Spout, type Drain, type Siphon } from "@/lib/mock-data"
import type { AccessoryDetailItem } from "@/components/accessory-detail-sheet"

// ─── Union type for all accessory kinds ───────────────────────────────────────
export type AccessoryCategory = "handle" | "spout" | "drain" | "siphon"

interface BaseProps {
  isOpen: boolean
  onClose: () => void
  onOpenDetail: (item: AccessoryDetailItem) => void
  mainProductFinish: string | null
}

interface HandleModalProps extends BaseProps {
  category: "handle"
  items: Handle[]
  selected: Handle | null
  onSelect: (item: Handle | null) => void
  selectedSeries: "Brezza" | "Volante" | "Tutte"
  onSeriesChange: (s: "Brezza" | "Volante" | "Tutte") => void
  selectedFinish: string | null
  onFinishChange: (id: string | null) => void
}

interface SpoutModalProps extends BaseProps {
  category: "spout"
  items: Spout[]
  selected: Spout | null
  onSelect: (item: Spout | null) => void
  selectedType: "da-appoggio" | "incasso" | "Tutte"
  onTypeChange: (t: "da-appoggio" | "incasso" | "Tutte") => void
  selectedFinish: string | null
  onFinishChange: (id: string | null) => void
}

interface DrainModalProps extends BaseProps {
  category: "drain"
  items: Drain[]
  selected: Drain | null
  onSelect: (item: Drain | null) => void
  selectedType: "con-troppo-pieno" | "senza-troppo-pieno" | "Tutte"
  onTypeChange: (t: "con-troppo-pieno" | "senza-troppo-pieno" | "Tutte") => void
  selectedFinish: string | null
  onFinishChange: (id: string | null) => void
}

interface SiphonModalProps extends BaseProps {
  category: "siphon"
  items: Siphon[]
  selected: Siphon | null
  onSelect: (item: Siphon | null) => void
  selectedFinish: string | null
  onFinishChange: (id: string | null) => void
}

type ModalProps = HandleModalProps | SpoutModalProps | DrainModalProps | SiphonModalProps

// ─── Chip filter button ────────────────────────────────────────────────────────
function Chip({ active, onClick, children }: { active: boolean; onClick: () => void; children: React.ReactNode }) {
  return (
    <button
      onClick={onClick}
      className={`rounded-lg border px-3 py-1.5 text-xs font-medium transition-all ${
        active
          ? "border-foreground bg-foreground text-background"
          : "border-border bg-background hover:border-foreground/50"
      }`}
    >
      {children}
    </button>
  )
}

// ─── Accessory card in grid ────────────────────────────────────────────────────
function AccessoryCard({
  id,
  image,
  alt,
  label,
  selected,
  onSelect,
  onInfo,
}: {
  id: string
  image: string
  alt: string
  label: string
  selected: boolean
  onSelect: () => void
  onInfo: (e: React.MouseEvent) => void
}) {
  return (
    <button
      onClick={onSelect}
      className={`relative flex flex-col items-center gap-1.5 rounded-lg border p-2 text-center transition-all overflow-visible ${
        selected
          ? "border-foreground bg-muted ring-1 ring-foreground"
          : "border-border hover:border-foreground/50 hover:bg-muted/50"
      }`}
    >
      <button
        onClick={(e) => { e.stopPropagation(); onInfo(e) }}
        className="absolute -right-1 -top-1 z-10 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
        aria-label="Dettagli"
      >
        <Info className="h-3 w-3" />
      </button>
      <div className="relative h-10 w-10 flex-shrink-0 overflow-hidden rounded bg-muted">
        <Image src={image || "/placeholder.svg"} alt={alt} fill className="object-cover" />
      </div>
      <p className="w-full text-xs font-medium leading-tight">{label}</p>
      {selected && (
        <div className="flex h-4 w-4 items-center justify-center rounded-full bg-foreground">
          <Check className="h-2.5 w-2.5 text-background" />
        </div>
      )}
    </button>
  )
}

// ─── No-selection row button ───────────────────────────────────────────────────
function NoneButton({ label, selected, onClick }: { label: string; selected: boolean; onClick: () => void }) {
  return (
    <button
      type="button"
      onClick={(e) => {
        e.preventDefault()
        e.stopPropagation()
        onClick()
      }}
      className={`flex w-full items-center gap-4 rounded-lg border p-3 text-left transition-all ${
        selected
          ? "border-foreground bg-muted ring-1 ring-foreground"
          : "border-border hover:border-foreground/50 hover:bg-muted/50"
      }`}
    >
      <span className="text-sm font-medium">{label}</span>
      {selected && (
        <div className="ml-auto flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-foreground">
          <Check className="h-3 w-3 text-background" />
        </div>
      )}
    </button>
  )
}

// ─── Group header ──────────────────────────────────────────────────────────────
function GroupHeader({ label }: { label: string }) {
  return <div className="mb-2 mt-4 text-xs font-semibold uppercase text-muted-foreground">{label}</div>
}

// ─── SKU subheader ─────────────────────────────────────────────────────────────
function SkuHeader({ sku, size }: { sku: string; size?: string }) {
  return (
    <div className="mb-2 flex items-baseline gap-2">
      <span className="text-xs font-medium text-foreground">{sku}</span>
      {size && <span className="text-xs text-muted-foreground">{size}</span>}
    </div>
  )
}

// ─── Card grid wrapper ─────────────────────────────────────────────────────────
function CardGrid({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex flex-row flex-wrap gap-2">
      {children}
    </div>
  )
}

// ─── Modal shell ───────────────────────────────────────────────────────────────
function ModalShell({
  title,
  onClose,
  children,
}: {
  title: string
  onClose: () => void
  children: React.ReactNode
}) {
  const overlayRef = useRef<HTMLDivElement>(null)

useEffect(() => {
    const handleKey = (e: KeyboardEvent) => { if (e.key === "Escape") onClose() }
    document.addEventListener("keydown", handleKey)
    return () => document.removeEventListener("keydown", handleKey)
  }, [onClose])

return (
    <div
      ref={overlayRef}
      className="fixed inset-0 z-40 flex items-center justify-center p-4"
      onClick={(e) => { if (e.target === overlayRef.current) onClose() }}
    >
      <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" onClick={onClose} />
      <div className="relative z-10 flex max-h-[85vh] w-full max-w-2xl flex-col rounded-xl bg-background shadow-2xl">
        {/* Header */}
        <div className="flex items-center justify-between border-b px-6 py-4">
          <h2 className="text-sm font-semibold uppercase tracking-widest">{title}</h2>
          <button
            onClick={onClose}
            className="rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
            aria-label="Chiudi"
          >
            <X className="h-4 w-4" />
          </button>
        </div>
        {/* Scrollable content */}
        <div className="flex-1 overflow-y-auto px-6 py-4">
          {children}
        </div>
        {/* Footer confirm */}
        <div className="border-t px-6 py-4">
          <button
            onClick={onClose}
            className="w-full rounded-lg bg-foreground py-2.5 text-sm font-medium text-background transition-colors hover:bg-foreground/90"
          >
            Conferma
          </button>
        </div>
      </div>
    </div>
  )
}

// ─── Main export ───────────────────────────────────────────────────────────────
export function AccessoryPickerModal(props: ModalProps) {
  if (!props.isOpen) return null

if (props.category === "handle") {
    const { items, selected, onSelect, onClose, selectedSeries, onSeriesChange, selectedFinish, onFinishChange, mainProductFinish, onOpenDetail } = props

return (
      <ModalShell title="Seleziona maniglia" onClose={onClose}>
        {/* Series filter */}
        <div className="mb-4 flex flex-wrap gap-2">
          {(["Tutte", "Brezza", "Volante"] as const).map((s) => (
            <Chip key={s} active={selectedSeries === s} onClick={() => onSeriesChange(s)}>{s}</Chip>
          ))}
        </div>
        {/* Finish filter (only for independent series) */}
        <div className="mb-4 flex flex-wrap gap-2">
          {Array.from(new Set(items.map((h) => h.finishId)))
            .map((fid) => getFinishById(fid))
            .filter(Boolean)
            .map((f) => (
              <Chip key={f!.id} active={selectedFinish === f!.id} onClick={() => onFinishChange(selectedFinish === f!.id ? null : f!.id)}>
                {f!.name}
              </Chip>
            ))}
        </div>

<NoneButton 
          label="Nessuna maniglia" 
          selected={!selected} 
          onClick={() => { onSelect(null); onClose() }} 
        />

{["Brezza", "Volante"].map((series) => {
          let seriesItems = items.filter((h) => h.series === series)
          if (selectedSeries !== "Tutte") seriesItems = seriesItems.filter((h) => h.series === selectedSeries)
          const isLinked = seriesItems.length > 0 && seriesItems[0].linkedToProductFinish
          if (isLinked) {
            seriesItems = seriesItems.filter((h) => mainProductFinish ? h.finishId.startsWith(mainProductFinish) : true)
          } else {
            if (selectedFinish) seriesItems = seriesItems.filter((h) => h.finishId === selectedFinish)
          }
          if (seriesItems.length === 0) return null

return (
            <div key={series} className="mb-4">
              <GroupHeader label={series} />
              <CardGrid>
                {seriesItems.map((h) => (
                  <AccessoryCard
                    key={h.id} id={h.id} image={h.image} alt={h.name} label={h.finish}
                    selected={selected?.id === h.id}
                    onSelect={() => onSelect(h)}
                    onInfo={() => onOpenDetail({ id: h.id, name: h.name, sku: h.sku, finish: h.finish, image: h.image, description: h.description })}
                  />
                ))}
              </CardGrid>
            </div>
          )
        })}
      </ModalShell>
    )
  }

if (props.category === "spout") {
    const { items, selected, onSelect, onClose, selectedType, onTypeChange, selectedFinish, onFinishChange, mainProductFinish, onOpenDetail } = props

return (
      <ModalShell title="Seleziona canna" onClose={onClose}>
        <div className="mb-4 flex flex-wrap gap-2">
          {(["Tutte", "da-appoggio", "incasso"] as const).map((t) => (
            <Chip key={t} active={selectedType === t} onClick={() => onTypeChange(t)}>
              {t === "da-appoggio" ? "Da Appoggio" : t === "incasso" ? "Incasso" : "Tutte"}
            </Chip>
          ))}
        </div>
        <div className="mb-4 flex flex-wrap gap-2">
          {Array.from(new Set(items.map((s) => s.finishId)))
            .map((fid) => getFinishById(fid))
            .filter(Boolean)
            .map((f) => (
              <Chip key={f!.id} active={selectedFinish === f!.id} onClick={() => onFinishChange(selectedFinish === f!.id ? null : f!.id)}>
                {f!.name}
              </Chip>
            ))}
        </div>

<NoneButton label="Nessuna canna" selected={!selected} onClick={() => { onSelect(null); onClose() }} />

{(["da-appoggio", "incasso"] as const).map((type) => {
          let typeItems = items.filter((s) => s.type === type)
          if (selectedType !== "Tutte") typeItems = typeItems.filter((s) => s.type === selectedType)
          const isLinked = typeItems.length > 0 && typeItems[0].linkedToProductFinish
          if (isLinked) {
            typeItems = typeItems.filter((s) => mainProductFinish ? s.finishId.startsWith(mainProductFinish) : true)
          } else {
            if (selectedFinish) typeItems = typeItems.filter((s) => s.finishId === selectedFinish)
          }
          if (typeItems.length === 0) return null

return (
            <div key={type} className="mb-4">
              <GroupHeader label={type === "da-appoggio" ? "Da Appoggio" : "Incasso"} />
              <CardGrid>
                {typeItems.map((s) => (
                  <AccessoryCard
                    key={s.id} id={s.id} image={s.image} alt={s.name} label={s.finish}
                    selected={selected?.id === s.id}
                    onSelect={() => onSelect(s)}
                    onInfo={() => onOpenDetail({ id: s.id, name: s.name, sku: s.sku, finish: s.finish, size: s.size, image: s.image, description: s.description })}
                  />
                ))}
              </CardGrid>
            </div>
          )
        })}
      </ModalShell>
    )
  }

if (props.category === "drain") {
    const { items, selected, onSelect, onClose, selectedType, onTypeChange, selectedFinish, onFinishChange, mainProductFinish, onOpenDetail } = props

return (
      <ModalShell title="Seleziona scarico" onClose={onClose}>
        <div className="mb-4 flex flex-wrap gap-2">
          {(["Tutte", "con-troppo-pieno", "senza-troppo-pieno"] as const).map((t) => (
            <Chip key={t} active={selectedType === t} onClick={() => onTypeChange(t)}>
              {t === "Tutte" ? "Tutte" : t === "con-troppo-pieno" ? "Con troppo pieno" : "Senza troppo pieno"}
            </Chip>
          ))}
        </div>
        <div className="mb-4 flex flex-wrap gap-2">
          {Array.from(new Set(items.map((d) => d.finishId)))
            .map((fid) => getFinishById(fid))
            .filter(Boolean)
            .map((f) => (
              <Chip key={f!.id} active={selectedFinish === f!.id} onClick={() => onFinishChange(selectedFinish === f!.id ? null : f!.id)}>
                {f!.name}
              </Chip>
            ))}
        </div>

<NoneButton label="Nessuno scarico" selected={!selected} onClick={() => { onSelect(null); onClose() }} />

{(["con-troppo-pieno", "senza-troppo-pieno"] as const).map((type) => {
          let typeItems = items.filter((d) => d.type === type)
          if (selectedType !== "Tutte") typeItems = typeItems.filter((d) => d.type === selectedType)
          const isLinked = typeItems.length > 0 && typeItems[0].linkedToProductFinish
          if (isLinked) {
            typeItems = typeItems.filter((d) => mainProductFinish ? d.finishId.startsWith(mainProductFinish) : true)
          } else {
            if (selectedFinish) typeItems = typeItems.filter((d) => d.finishId === selectedFinish)
          }
          if (typeItems.length === 0) return null

return (
            <div key={type} className="mb-4">
              <GroupHeader label={type === "con-troppo-pieno" ? "Con troppo pieno" : "Senza troppo pieno"} />
              <CardGrid>
                {typeItems.map((d) => (
                  <AccessoryCard
                    key={d.id} id={d.id} image={d.image} alt={d.name} label={d.finish}
                    selected={selected?.id === d.id}
                    onSelect={() => onSelect(d)}
                    onInfo={() => onOpenDetail({ id: d.id, name: d.name, sku: d.sku, finish: d.finish, image: d.image, description: d.description })}
                  />
                ))}
              </CardGrid>
            </div>
          )
        })}
      </ModalShell>
    )
  }

// siphon
  const { items, selected, onSelect, onClose, selectedFinish, onFinishChange, mainProductFinish, onOpenDetail } = props

return (
    <ModalShell title="Seleziona sifone" onClose={onClose}>
      <div className="mb-4 flex flex-wrap gap-2">
        {Array.from(new Set(items.map((si) => si.finishId)))
          .map((fid) => getFinishById(fid))
          .filter(Boolean)
          .map((f) => (
            <Chip key={f!.id} active={selectedFinish === f!.id} onClick={() => onFinishChange(selectedFinish === f!.id ? null : f!.id)}>
              {f!.name}
            </Chip>
          ))}
      </div>

<NoneButton label="Nessun sifone" selected={!selected} onClick={() => { onSelect(null); onClose() }} />

{(() => {
        let filteredItems = items
        const isLinked = filteredItems.length > 0 && filteredItems[0].linkedToProductFinish
        if (isLinked) {
          filteredItems = filteredItems.filter((si) => mainProductFinish ? si.finishId.startsWith(mainProductFinish) : true)
        } else {
          if (selectedFinish) filteredItems = filteredItems.filter((si) => si.finishId === selectedFinish)
        }
        return (
          <CardGrid>
            {filteredItems.map((si) => (
              <AccessoryCard
                key={si.id} id={si.id} image={si.image} alt={si.name} label={si.finish}
                selected={selected?.id === si.id}
                onSelect={() => onSelect(si)}
                onInfo={() => onOpenDetail({ id: si.id, name: si.name, sku: si.sku, finish: si.finish, image: si.image, description: si.description })}
              />
            ))}
          </CardGrid>
        )
      })()}
    </ModalShell>
  )
}
[V0_FILE]typescriptreact:file="components/accessory-picker-inline.tsx" isMerged="true"
"use client"

import Image from "next/image"
import { Check, Info } from "lucide-react"
import { getFinishById, type Handle, type Spout, type Drain, type Siphon } from "@/lib/mock-data"
import type { AccessoryDetailItem } from "@/components/accessory-detail-sheet"

export type AccessoryCategory = "handle" | "spout" | "drain" | "siphon"

// ─── Chip filter ───────────────────────────────────────────────────────────────
function Chip({ active, onClick, children }: { active: boolean; onClick: () => void; children: React.ReactNode }) {
  return (
    <button
      type="button"
      onClick={onClick}
      className={`rounded-lg border px-3 py-1.5 text-xs font-medium transition-all ${
        active
          ? "border-foreground bg-foreground text-background"
          : "border-border bg-background hover:border-foreground/50"
      }`}
    >
      {children}
    </button>
  )
}

// ─── Accessory card ────────────────────────────────────────────────────────────
function AccessoryCard({
  image, alt, label, selected, onSelect, onInfo,
}: {
  image: string; alt: string; label: string; selected: boolean
  onSelect: () => void; onInfo: (e: React.MouseEvent) => void
}) {
  return (
    <button
      type="button"
      onClick={onSelect}
      className={`relative flex flex-col items-center gap-1.5 rounded-lg border p-2 text-center transition-all overflow-visible ${
        selected
          ? "border-foreground bg-muted ring-1 ring-foreground"
          : "border-border hover:border-foreground/50 hover:bg-muted/50"
      }`}
    >
      <button
        type="button"
        onClick={(e) => { e.stopPropagation(); onInfo(e) }}
        className="absolute -right-1 -top-1 z-10 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
        aria-label="Dettagli"
      >
        <Info className="h-3 w-3" />
      </button>
      <div className="relative h-12 w-12 flex-shrink-0 overflow-hidden rounded bg-muted">
        <Image src={image || "/placeholder.svg"} alt={alt} fill className="object-cover" />
      </div>
      <p className="w-full text-xs font-medium leading-tight">{label}</p>
      {selected && (
        <div className="flex h-4 w-4 items-center justify-center rounded-full bg-foreground">
          <Check className="h-2.5 w-2.5 text-background" />
        </div>
      )}
    </button>
  )
}

// ─── None button ───────────────────────────────────────────────────────────────
function NoneButton({ label, selected, onClick }: { label: string; selected: boolean; onClick: () => void }) {
  return (
    <button
      type="button"
      onClick={(e) => { e.preventDefault(); e.stopPropagation(); onClick() }}
      className={`flex w-full items-center rounded-lg border px-4 py-2.5 text-left transition-all ${
        selected
          ? "border-foreground bg-muted ring-1 ring-foreground"
          : "border-border bg-background hover:border-foreground/50 hover:bg-muted/50"
      }`}
    >
      <span className="text-sm font-medium">{label}</span>
      {selected && (
        <div className="ml-auto flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-foreground">
          <Check className="h-3 w-3 text-background" />
        </div>
      )}
    </button>
  )
}

// ─── Card grid ─────────────────────────────────────────────────────────────────
function CardGrid({ children }: { children: React.ReactNode }) {
  return <div className="flex flex-row flex-wrap gap-2">{children}</div>
}

// ─── Section wrapper ───────────────────────────────────────────────────────────
function Section({ title, children }: { title: string; children: React.ReactNode }) {
  return (
    <div className="mt-6 border-t border-border pt-6">
      <h3 className="mb-3 text-sm font-medium uppercase tracking-wider">{title}</h3>
      {children}
    </div>
  )
}

// ─── Handle picker ─────────────────────────────────────────────────────────────
export function HandlePickerInline({
  items, selected, onSelect,
  selectedSeries, onSeriesChange,
  selectedFinish, onFinishChange,
  mainProductFinish, onOpenDetail,
  onDeselect,
}: {
  items: Handle[]; selected: Handle | null
  onSelect: (h: Handle | null) => void
  selectedSeries: "Brezza" | "Volante" | "Tutte"; onSeriesChange: (s: "Brezza" | "Volante" | "Tutte") => void
  selectedFinish: string | null; onFinishChange: (id: string | null) => void
  mainProductFinish: string | null
  onOpenDetail: (item: AccessoryDetailItem) => void
  onDeselect: () => void
}) {
  return (
    <Section title="Seleziona maniglia">
      {/* Series chips */}
      <div className="mb-3 flex flex-wrap gap-2">
        {(["Tutte", "Brezza", "Volante"] as const).map((s) => (
          <Chip key={s} active={selectedSeries === s} onClick={() => onSeriesChange(s)}>{s}</Chip>
        ))}
      </div>

{/* None button */}
      <NoneButton
        label="Nessuna maniglia"
        selected={!selected}
        onClick={() => { onDeselect(); onSelect(null) }}
      />

{/* Series groups */}
      {["Brezza", "Volante"].map((series) => {
        let seriesItems = items.filter((h) => h.series === series)
        if (selectedSeries !== "Tutte") seriesItems = seriesItems.filter((h) => h.series === selectedSeries)
        const isLinked = seriesItems.length > 0 && seriesItems[0].linkedToProductFinish
        if (isLinked) {
          seriesItems = seriesItems.filter((h) => mainProductFinish ? h.finishId.startsWith(mainProductFinish) : true)
        } else {
          if (selectedFinish) seriesItems = seriesItems.filter((h) => h.finishId === selectedFinish)
        }
        if (seriesItems.length === 0) return null
        return (
          <div key={series}>
            <GroupHeader label={series} />
            <CardGrid>
              {seriesItems.map((h) => (
                <AccessoryCard
                  key={h.id} image={h.image} alt={h.name} label={h.finish}
                  selected={selected?.id === h.id}
                  onSelect={() => onSelect(h)}
                  onInfo={() => onOpenDetail({ id: h.id, name: h.name, sku: h.sku, finish: h.finish, image: h.image, description: h.description })}
                />
              ))}
            </CardGrid>
          </div>
        )
      })}
    </Section>
  )
}

// ─── Spout picker ─────────────────────────────────────────────────────────────
export function SpoutPickerInline({
  items, selected, onSelect,
  selectedType, onTypeChange,
  selectedFinish, onFinishChange,
  mainProductFinish, onOpenDetail,
  hideFilters = false,
}: {
  items: Spout[]; selected: Spout | null
  onSelect: (s: Spout | null) => void
  selectedType: "da-appoggio" | "incasso" | "Tutte"; onTypeChange: (t: "da-appoggio" | "incasso" | "Tutte") => void
  selectedFinish: string | null; onFinishChange: (id: string | null) => void
  mainProductFinish: string | null
  onOpenDetail: (item: AccessoryDetailItem) => void
  hideFilters?: boolean
}) {
  return (
    <Section title="Seleziona canna">
      {!hideFilters && (
        <div className="mb-3 flex flex-wrap gap-2">
          {(["Tutte", "da-appoggio", "incasso"] as const).map((t) => (
            <Chip key={t} active={selectedType === t} onClick={() => onTypeChange(t)}>
              {t === "da-appoggio" ? "Da Appoggio" : t === "incasso" ? "Incasso" : "Tutte"}
            </Chip>
          ))}
        </div>
      )}
      <NoneButton label="Nessuna canna" selected={!selected} onClick={() => onSelect(null)} />
      {(["da-appoggio", "incasso"] as const).map((type) => {
        let typeItems = items.filter((s) => s.type === type)
        if (!hideFilters && selectedType !== "Tutte") typeItems = typeItems.filter((s) => s.type === selectedType)
        const isLinked = typeItems.length > 0 && typeItems[0].linkedToProductFinish
        if (isLinked) {
          typeItems = typeItems.filter((s) => mainProductFinish ? s.finishId.startsWith(mainProductFinish) : true)
        } else {
          if (!hideFilters && selectedFinish) typeItems = typeItems.filter((s) => s.finishId === selectedFinish)
        }
        if (typeItems.length === 0) return null
        return (
          <div key={type}>
            <GroupHeader label={type === "da-appoggio" ? "Da Appoggio" : "Incasso"} />
            <CardGrid>
              {typeItems.map((s) => (
                <AccessoryCard
                  key={s.id} image={s.image} alt={s.name} label={s.finish}
                  selected={selected?.id === s.id}
                  onSelect={() => onSelect(s)}
                  onInfo={() => onOpenDetail({ id: s.id, name: s.name, sku: s.sku, finish: s.finish, size: s.size, image: s.image, description: s.description })}
                />
              ))}
            </CardGrid>
          </div>
        )
      })}
    </Section>
  )
}

// ─── Drain picker ─────────────────────────────────────────────────────────────
export function DrainPickerInline({
  items, selected, onSelect,
  selectedType, onTypeChange,
  selectedFinish, onFinishChange,
  mainProductFinish, onOpenDetail,
  onDeselect,
}: {
  items: Drain[]; selected: Drain | null
  onSelect: (d: Drain | null) => void
  selectedType: "con-troppo-pieno" | "senza-troppo-pieno" | "Tutte"; onTypeChange: (t: "con-troppo-pieno" | "senza-troppo-pieno" | "Tutte") => void
  selectedFinish: string | null; onFinishChange: (id: string | null) => void
  mainProductFinish: string | null
  onOpenDetail: (item: AccessoryDetailItem) => void
  onDeselect: () => void
}) {
  return (
    <Section title="Seleziona scarico">
      <div className="mb-3 flex flex-wrap gap-2">
        {(["Tutte", "con-troppo-pieno", "senza-troppo-pieno"] as const).map((t) => (
          <Chip key={t} active={selectedType === t} onClick={() => onTypeChange(t)}>
            {t === "Tutte" ? "Tutte" : t === "con-troppo-pieno" ? "Con troppo pieno" : "Senza troppo pieno"}
          </Chip>
        ))}
      </div>
      <NoneButton
        label="Nessuno scarico"
        selected={!selected}
        onClick={() => { onDeselect(); onSelect(null) }}
      />
      {(["con-troppo-pieno", "senza-troppo-pieno"] as const).map((type) => {
        let typeItems = items.filter((d) => d.type === type)
        if (selectedType !== "Tutte") typeItems = typeItems.filter((d) => d.type === selectedType)
        const isLinked = typeItems.length > 0 && typeItems[0].linkedToProductFinish
        if (isLinked) {
          typeItems = typeItems.filter((d) => mainProductFinish ? d.finishId.startsWith(mainProductFinish) : true)
        } else {
          if (selectedFinish) typeItems = typeItems.filter((d) => d.finishId === selectedFinish)
        }
        if (typeItems.length === 0) return null
        return (
          <div key={type}>
            <GroupHeader label={type === "con-troppo-pieno" ? "Con troppo pieno" : "Senza troppo pieno"} />
            <CardGrid>
              {typeItems.map((d) => (
                <AccessoryCard
                  key={d.id} image={d.image} alt={d.name} label={d.finish}
                  selected={selected?.id === d.id}
                  onSelect={() => onSelect(d)}
                  onInfo={() => onOpenDetail({ id: d.id, name: d.name, sku: d.sku, finish: d.finish, image: d.image, description: d.description })}
                />
              ))}
            </CardGrid>
          </div>
        )
      })}
    </Section>
  )
}

// ─── Siphon picker ─────────────────────────────────────────────────────────────
export function SiphonPickerInline({
  items, selected, onSelect,
  selectedFinish, onFinishChange,
  mainProductFinish, onOpenDetail,
  onDeselect,
}: {
  items: Siphon[]; selected: Siphon | null
  onSelect: (s: Siphon | null) => void
  selectedFinish: string | null; onFinishChange: (id: string | null) => void
  mainProductFinish: string | null
  onOpenDetail: (item: AccessoryDetailItem) => void
  onDeselect: () => void
}) {
  let filteredItems = items
  const isLinked = filteredItems.length > 0 && filteredItems[0].linkedToProductFinish
  if (isLinked) {
    filteredItems = filteredItems.filter((si) => mainProductFinish ? si.finishId.startsWith(mainProductFinish) : true)
  } else {
    if (selectedFinish) filteredItems = filteredItems.filter((si) => si.finishId === selectedFinish)
  }

return (
    <Section title="Seleziona sifone">
      <NoneButton
        label="Nessun sifone"
        selected={!selected}
        onClick={() => { onDeselect(); onSelect(null) }}
      />
      <div className="mt-3">
        <CardGrid>
          {filteredItems.map((si) => (
            <AccessoryCard
              key={si.id} image={si.image} alt={si.name} label={si.finish}
              selected={selected?.id === si.id}
              onSelect={() => onSelect(si)}
              onInfo={() => onOpenDetail({ id: si.id, name: si.name, sku: si.sku, finish: si.finish, image: si.image, description: si.description })}
            />
          ))}
        </CardGrid>
      </div>
    </Section>
  )
}
[V0_FILE]typescriptreact:file="app/catalogo/[id]/page.tsx" isMerged="true"
"use client"

import { useEffect, useRef, useState } from "react"
import { useRouter, useParams, useSearchParams } from "next/navigation"
import Image from "next/image"
import Link from "next/link"
import { AppHeader } from "@/components/app-header"
import { PriceDisplay } from "@/components/price-display"
import { AccessoryDetailSheet, type AccessoryDetailItem } from "@/components/accessory-detail-sheet"
import { HandlePickerInline, SpoutPickerInline, DrainPickerInline, SiphonPickerInline } from "@/components/accessory-picker-inline"
import { useAuth } from "@/lib/auth-context"
import { useCart } from "@/lib/cart-context"
import { useLanguage } from "@/lib/language-context"
import { usePriceDisplay } from "@/lib/price-display-context"
import { translations } from "@/lib/translations"
import { products, getFinishById, getCompatibleIncassi, type Incasso } from "@/lib/mock-data"
import { getCompatibleHandles, getCompatibleSpouts, getCompatibleDrains, getCompatibleSiphons, remoteControls, type Handle, type RemoteControl, type Spout, type Drain, type Siphon } from "@/lib/mock-data"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import {
  ArrowLeft,
  Check,
  Minus,
  Plus,
  ShoppingCart,
  Truck,
  Shield,
  RotateCcw,
  AlertCircle,
  Package,
  Download,
  ImageIcon,
  FileText,
  Box,
  BookOpen,
  Radio,
  Info,
} from "lucide-react"

export default function ProductDetailPage() {
  const router = useRouter()
  const params = useParams()
  const searchParams = useSearchParams()
  const { isLoggedIn } = useAuth()
  const { addItem, addIncasso, addHandle, addRemoteControl, addBundle } = useCart()
  const { language } = useLanguage()
  const { mode: priceMode } = usePriceDisplay()
  const t = translations
  const [quantity, setQuantity] = useState(1)
  const [added, setAdded] = useState(false)
  const [selectedFinish, setSelectedFinish] = useState<string | null>(null)
  const [selectedIncasso, setSelectedIncasso] = useState<Incasso | null>(null)
  const [incassoQuantity, setIncassoQuantity] = useState(1)
  const [selectedHandle, setSelectedHandle] = useState<Handle | null>(null)
  const [selectedHandleSeries, setSelectedHandleSeries] = useState<"Brezza" | "Volante" | "Tutte">("Tutte")
  const [selectedHandleFinish, setSelectedHandleFinish] = useState<string | null>(null)
  const [selectedSpout, setSelectedSpout] = useState<Spout | null>(null)
  const [selectedSpoutType, setSelectedSpoutType] = useState<"da-appoggio" | "incasso" | "Tutte">("Tutte")
  const [selectedSpoutFinish, setSelectedSpoutFinish] = useState<string | null>(null)
  const [selectedDrain, setSelectedDrain] = useState<Drain | null>(null)
  const [selectedDrainType, setSelectedDrainType] = useState<"con-troppo-pieno" | "senza-troppo-pieno" | "Tutte">("Tutte")
  const [selectedDrainFinish, setSelectedDrainFinish] = useState<string | null>(null)
  const [selectedSiphon, setSelectedSiphon] = useState<Siphon | null>(null)
  const [selectedSiphonFinish, setSelectedSiphonFinish] = useState<string | null>(null)
  const [selectedRemoteControl, setSelectedRemoteControl] = useState<RemoteControl | null>(null)
  const [remoteQuantity, setRemoteQuantity] = useState(1)
  const [openModal, setOpenModal] = useState<"handle" | "spout" | "drain" | "siphon" | null>(null)
  // openModal retained for potential future use; inline pickers are always shown
  const [isInitialLoad, setIsInitialLoad] = useState(true)
  const [mainProductFinish, setMainProductFinish] = useState<string | null>(null)
  const [detailItem, setDetailItem] = useState<AccessoryDetailItem | null>(null)
  const [userDeselectedHandle, setUserDeselectedHandle] = useState(false)
  const [userDeselectedDrain, setUserDeselectedDrain] = useState(false)
  const [userDeselectedSiphon, setUserDeselectedSiphon] = useState(false)

const product = products.find((p) => p.id === params.id)

// Build back to catalog link with preserved filters
  const backToCatalogLink = (() => {
    const url = new URLSearchParams()
    const categoria = searchParams.get("categoria")
    const tipologia = searchParams.get("tipologia")
    if (categoria) url.set("categoria", categoria)
    if (tipologia) url.set("tipologia", tipologia)
    const queryString = url.toString()
    return `/catalogo${queryString ? "?" + queryString : ""}`
  })()

const availableFinishes = product?.finishes?.map((id) => getFinishById(id)).filter(Boolean) || []

const compatibleIncassi = product ? getCompatibleIncassi(product.id) : []

const availableHandles = product?.requiresHandle 
    ? getCompatibleHandles(product.id)
    : []

const availableSpouts = product?.supportsSpout 
    ? getCompatibleSpouts(product.id)
    : []

const availableDrains = product?.supportsDrain 
    ? getCompatibleDrains(product.id)
    : []

const availableSiphons = product?.supportsSiphon 
    ? getCompatibleSiphons(product.id)
    : []

const availableRemoteControls = product?.supportsRemoteControl ? remoteControls : []

useEffect(() => {
    if (!isLoggedIn) {
      router.push("/")
    }
  }, [isLoggedIn, router])

useEffect(() => {
    if (product && product.finishes && product.finishes.length > 0 && !selectedFinish) {
      // Skip for vox938sszy - it has its own defaults
      if (product.id !== "vox938sszy") {
        setSelectedFinish(product.finishes[0])
      }
    }
  }, [product, selectedFinish])

useEffect(() => {
    if (product?.requiresIncasso && compatibleIncassi.length > 0 && !selectedIncasso) {
      setSelectedIncasso(compatibleIncassi[0])
    }
  }, [product, compatibleIncassi, selectedIncasso])

// Products that should have no handle/drain/siphon selected by default
  const productsWithNoDefaultAccessories = [
    "vox938sszy",
    "zex942i",
    "zex942a",
    "zex928i",
    "zex928a",
    "zex7938fssi",
  ]

// Reset deselect flags only when navigating to a different product
  useEffect(() => {
    // For certain products, start with no handle/drain/siphon selected by default
    if (product?.id && productsWithNoDefaultAccessories.includes(product.id)) {
      setUserDeselectedHandle(true)
      setUserDeselectedDrain(true)
      setUserDeselectedSiphon(true)
    } else {
      setUserDeselectedHandle(false)
      setUserDeselectedDrain(false)
      setUserDeselectedSiphon(false)
    }
  }, [product?.id])

// Set defaults for specific products
  useEffect(() => {
    if (product?.id && productsWithNoDefaultAccessories.includes(product.id)) {
      // Set finish to acciaio-spazzolato (89) by default
      if (!selectedFinish) {
        setSelectedFinish("acciaio-spazzolato")
      }

// Mark initial load as complete
      setIsInitialLoad(false)
    }
  }, [product, availableHandles, availableSpouts, availableDrains, availableSiphons, selectedFinish, selectedHandle, selectedSpout, selectedDrain, selectedSiphon, userDeselectedHandle, userDeselectedDrain, userDeselectedSiphon])

// Refs to access current accessory values without adding them to effect dependencies
  const selectedHandleRef = useRef(selectedHandle)
  const selectedSpoutRef = useRef(selectedSpout)
  const selectedDrainRef = useRef(selectedDrain)
  const selectedSiphonRef = useRef(selectedSiphon)
  useEffect(() => { selectedHandleRef.current = selectedHandle }, [selectedHandle])
  useEffect(() => { selectedSpoutRef.current = selectedSpout }, [selectedSpout])
  useEffect(() => { selectedDrainRef.current = selectedDrain }, [selectedDrain])
  useEffect(() => { selectedSiphonRef.current = selectedSiphon }, [selectedSiphon])

// Sync accessory finishes ONLY when the main product finish changes
  useEffect(() => {
    if (!mainProductFinish || isInitialLoad) return

const handle = selectedHandleRef.current
    const spout = selectedSpoutRef.current
    const drain = selectedDrainRef.current
    const siphon = selectedSiphonRef.current

if (handle) {
      const newHandle = availableHandles.find(
        (h) => h.sku === handle.sku && h.finishId.startsWith(mainProductFinish)
      )
      if (newHandle && newHandle.id !== handle.id) setSelectedHandle(newHandle)
    }
    if (spout) {
      const newSpout = availableSpouts.find(
        (s) => s.sku === spout.sku && s.finishId.startsWith(mainProductFinish)
      )
      if (newSpout && newSpout.id !== spout.id) setSelectedSpout(newSpout)
    }
    if (drain) {
      const newDrain = availableDrains.find(
        (d) => d.sku === drain.sku && d.finishId.startsWith(mainProductFinish)
      )
      if (newDrain && newDrain.id !== drain.id) setSelectedDrain(newDrain)
    }
    if (siphon) {
      const newSiphon = availableSiphons.find(
        (si) => si.sku === siphon.sku && si.finishId.startsWith(mainProductFinish)
      )
      if (newSiphon && newSiphon.id !== siphon.id) setSelectedSiphon(newSiphon)
    }
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [mainProductFinish])

// Update mainProductFinish when selectedFinish changes (but not during initial load from filters)
  useEffect(() => {
    if (!isInitialLoad && selectedFinish && selectedFinish !== mainProductFinish) {
      setMainProductFinish(selectedFinish)
    }
  }, [selectedFinish, isInitialLoad, mainProductFinish])

if (!isLoggedIn) return null

if (!product) {
    return (
      <div className="min-h-screen bg-background">
        <AppHeader />
        <main className="mx-auto max-w-7xl px-4 py-20 text-center">
          <p className="text-muted-foreground">{t.product.notFound[language]}</p>
          <Link href={backToCatalogLink} className="mt-4 inline-flex items-center gap-2 text-sm underline">
            <ArrowLeft className="h-4 w-4" /> {t.common.backToCatalog[language]}
          </Link>
        </main>
      </div>
    )
  }

const currentFinish = selectedFinish ? getFinishById(selectedFinish) : null

const getProductImageForFinish = () => {
    if (product.combinationImages && selectedFinish) {
      const handleKey = selectedHandle ? selectedHandle.id : "none"
      const combinationKey = `${selectedFinish}_${handleKey}`
      if (product.combinationImages[combinationKey]) {
        return product.combinationImages[combinationKey]
      }
    }
    // Fall back to per-finish image
    if (product.images && selectedFinish && product.images[selectedFinish]) {
      return product.images[selectedFinish]
    }
    // Fallback to default product image
    return product.image || "/placeholder.svg"
  }

const handleAddToCart = () => {
    if (!product) return

const finishToUse = selectedFinish ? getFinishById(selectedFinish) : undefined

const hasAccessories = (selectedIncasso && product.requiresIncasso) || selectedHandle || selectedSpout || selectedDrain || selectedSiphon || selectedRemoteControl

if (hasAccessories) {
      // Add as bundle
      addBundle(
        product,
        quantity,
        finishToUse,
        selectedIncasso && product.requiresIncasso ? { item: selectedIncasso, quantity: incassoQuantity } : undefined,
        selectedHandle ? { item: selectedHandle, finish: getFinishById(selectedHandle.finishId) } : undefined,
        selectedSpout ? { item: selectedSpout, finish: getFinishById(selectedSpout.finishId) } : undefined,
        selectedDrain ? { item: selectedDrain, finish: getFinishById(selectedDrain.finishId) } : undefined,
        selectedRemoteControl ? { item: selectedRemoteControl, quantity: remoteQuantity } : undefined,
      )
    } else {
      // Add as single product
      addItem(product, quantity, finishToUse)
    }

setAdded(true)
    setTimeout(() => setAdded(false), 2000)
  }

const productTotal = product ? product.price * quantity : 0
  const incassoTotal = selectedIncasso ? selectedIncasso.price * incassoQuantity : 0
  const handleTotal = selectedHandle ? selectedHandle.price * 1 : 0
  const remoteTotal = selectedRemoteControl ? selectedRemoteControl.price * remoteQuantity : 0 // Use remoteQuantity variable
  const grandTotal = productTotal + incassoTotal + handleTotal + remoteTotal

const relatedProducts = products.filter((p) => p.category === product.category && p.id !== product.id).slice(0, 4)

return (
    <div className="min-h-screen bg-background">
      <AppHeader />

<AccessoryDetailSheet item={detailItem} onClose={() => setDetailItem(null)} />

<main className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
        {/* Breadcrumb */}
        <Link
          href={backToCatalogLink}
          className="mb-8 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground"
        >
          <ArrowLeft className="h-4 w-4" /> {t.common.backToCatalog[language]}
        </Link>

<div className="grid gap-12 lg:grid-cols-2">
          {/* Product Image */}
          <div className="lg:sticky lg:top-8 lg:self-start">
          <div className={`relative aspect-square overflow-hidden ${product.category === "zero316" ? "bg-white flex items-center justify-center" : "bg-muted"}`}>
            <Image
              src={getProductImageForFinish() || "/placeholder.svg"}
              alt={`${product.name} - ${currentFinish?.name || ""}`}
              fill
              className={`transition-opacity duration-300 ${product.category === "zero316" ? "object-contain p-4" : "object-cover"}`}
              key={selectedFinish} // Force re-render on finish change
            />
            {product.requiresIncasso && (
              <div className="absolute left-4 top-4 flex items-center gap-1.5 rounded bg-foreground px-3 py-1.5 text-xs font-medium text-background">
                <Package className="h-3.5 w-3.5" />
                {t.product.requiresIncasso[language]}
              </div>
            )}
          </div>
          </div>

{/* Product Info */}
          <div className="flex flex-col">
            <div className="flex-1">
              <p className="text-xs uppercase tracking-widest text-muted-foreground">{product.collection}</p>
              <h1 className="mt-2 font-serif text-3xl font-light md:text-4xl">{product.name}</h1>

{priceMode !== "hidden" && (
                <div className="mt-6">
                  <PriceDisplay listPrice={product.listPrice} price={product.price} size="lg" />
                  {priceMode === "all" && (
                    <p className="mt-2 text-sm text-muted-foreground">
                      {t.prices.reservedPriceResellers[language]} ({t.prices.vatExcluded[language]})
                    </p>
                  )}
                  {priceMode === "list-only" && (
                    <p className="mt-2 text-sm text-muted-foreground">
                      {t.prices.listPriceVatExcluded[language]} ({t.prices.vatExcluded[language]})
                    </p>
                  )}
                </div>
              )}

<p className="mt-8 leading-relaxed text-muted-foreground">{product.description}</p>

{/* Download Section */}
              <div className="mt-8 border-t border-border pt-8">
                <h3 className="mb-4 text-sm font-medium uppercase tracking-wider">{t.product.downloads[language]}</h3>
                <div className="grid grid-cols-2 gap-3">
                  {/* Product Image Download */}
                  <a
                    href="#"
                    onClick={(e) => e.preventDefault()}
                    className="flex items-center gap-3 rounded-lg border border-border p-3 transition-colors hover:bg-muted"
                  >
                    <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
                      <ImageIcon className="h-5 w-5 text-muted-foreground" />
                    </div>
                    <div className="flex-1 min-w-0">
                      <p className="text-sm font-medium truncate">{t.product.productImage[language]}</p>
                      <p className="text-xs text-muted-foreground">JPG / PNG</p>
                    </div>
                    <Download className="h-4 w-4 text-muted-foreground" />
                  </a>

{/* Technical Sheet Download */}
                  <a
                    href="#"
                    onClick={(e) => e.preventDefault()}
                    className="flex items-center gap-3 rounded-lg border border-border p-3 transition-colors hover:bg-muted"
                  >
                    <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
                      <FileText className="h-5 w-5 text-muted-foreground" />
                    </div>
                    <div className="flex-1 min-w-0">
                      <p className="text-sm font-medium truncate">{t.product.technicalSheet[language]}</p>
                      <p className="text-xs text-muted-foreground">PDF</p>
                    </div>
                    <Download className="h-4 w-4 text-muted-foreground" />
                  </a>

{/* DWG 3D Download */}
                  <a
                    href="#"
                    onClick={(e) => e.preventDefault()}
                    className="flex items-center gap-3 rounded-lg border border-border p-3 transition-colors hover:bg-muted"
                  >
                    <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
                      <Box className="h-5 w-5 text-muted-foreground" />
                    </div>
                    <div className="flex-1 min-w-0">
                      <p className="text-sm font-medium truncate">{t.product.dwg3d[language]}</p>
                      <p className="text-xs text-muted-foreground">DWG / DXF</p>
                    </div>
                    <Download className="h-4 w-4 text-muted-foreground" />
                  </a>

{/* Assembly Instructions Download */}
                  <a
                    href="#"
                    onClick={(e) => e.preventDefault()}
                    className="flex items-center gap-3 rounded-lg border border-border p-3 transition-colors hover:bg-muted"
                  >
                    <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-muted">
                      <BookOpen className="h-5 w-5 text-muted-foreground" />
                    </div>
                    <div className="flex-1 min-w-0">
                      <p className="text-sm font-medium truncate">{t.product.assemblyInstructions[language]}</p>
                      <p className="text-xs text-muted-foreground">PDF</p>
                    </div>
                    <Download className="h-4 w-4 text-muted-foreground" />
                  </a>
                </div>
              </div>

{availableFinishes.length > 0 && (
                <div className="mt-8 border-t border-border pt-8">
                  <h3 className="mb-4 text-sm font-medium uppercase tracking-wider">
                    {t.product.availableFinishes[language]}
                  </h3>
                  <div className="flex flex-wrap gap-3">
                    {availableFinishes.map((finish) => (
                      <button
                        key={finish!.id}
                        onClick={() => setSelectedFinish(finish!.id)}
                        className={`group relative flex flex-col items-center gap-2 rounded-lg p-3 transition-all ${
                          selectedFinish === finish!.id ? "bg-muted ring-2 ring-foreground" : "hover:bg-muted/50"
                        }`}
                        title={finish!.name}
                      >
                        {/* Color circle */}
                        <div
                          className={`h-12 w-12 rounded-full border-2 transition-transform ${
                            selectedFinish === finish!.id
                              ? "border-foreground scale-110"
                              : "border-border group-hover:scale-105"
                          }`}
                          style={{ backgroundColor: finish!.color }}
                        >
                          {selectedFinish === finish!.id && (
                            <div className="flex h-full w-full items-center justify-center">
                              <Check
                                className={`h-5 w-5 ${
                                  finish!.id === "black-onyx" ||
                                  finish!.id === "smoky-quartz" ||
                                  finish!.id === "red-sunstone"
                                    ? "text-white"
                                    : "text-foreground"
                                }`}
                              />
                            </div>
                          )}
                        </div>
                        {/* Finish code */}
                        <span className="text-xs font-medium text-muted-foreground">{finish!.code}</span>
                      </button>
                    ))}
                  </div>
                  {/* Selected finish name */}
                  {currentFinish && (
                    <p className="mt-4 text-sm">
                      <span className="text-muted-foreground">{t.product.selectedFinish[language]}: </span>
                      <span className="font-medium">{currentFinish.name}</span>
                    </p>
                  )}
                </div>
              )}

{product.requiresIncasso && compatibleIncassi.length > 0 && (
                <div className="mt-8 border-t border-border pt-8">
                  <div className="mb-4 flex items-center gap-2">
                    <Package className="h-4 w-4" />
                    <h3 className="text-sm font-medium uppercase tracking-wider">
                      {t.product.selectIncasso[language]}
                    </h3>
                  </div>

<div className="mb-4 flex items-start gap-2 rounded-lg bg-amber-50 p-3 text-sm text-amber-800 dark:bg-amber-950/30 dark:text-amber-200">
                    <AlertCircle className="mt-0.5 h-4 w-4 flex-shrink-0" />
                    <span>{t.product.requiresIncassoDescription[language]}</span>
                  </div>

<div className="space-y-3">
                    {compatibleIncassi.map((incasso) => (
                      <button
                        key={incasso.id}
                        onClick={() => setSelectedIncasso(incasso)}
                        className={`flex w-full items-start gap-4 rounded-lg border p-4 text-left transition-all ${
                          selectedIncasso?.id === incasso.id
                            ? "border-foreground bg-muted ring-1 ring-foreground"
                            : "border-border hover:border-foreground/50 hover:bg-muted/50"
                        }`}
                      >
                        <div className="relative h-16 w-16 flex-shrink-0 overflow-hidden rounded bg-muted">
                          <Image
                            src={incasso.image || "/placeholder.svg"}
                            alt={incasso.name}
                            fill
                            className="object-cover"
                          />
                        </div>
                        <div className="flex-1">
                          <div className="flex items-start justify-between gap-2">
                            <div>
                              <p className="font-medium">{incasso.name}</p>
                              <p className="mt-0.5 text-xs text-muted-foreground">{incasso.sku}</p>
                            </div>
                            <div className="text-right">
                              {priceMode === "all" && (
                                <>
                                  <p className="text-xs text-muted-foreground line-through mr-2">
                                    €{incasso.listPrice.toLocaleString("it-IT")}
                                  </p>
                                  <p className="font-medium">€{incasso.price.toLocaleString("it-IT")}</p>
                                </>
                              )}
                              {priceMode === "list-only" && (
                                <p className="font-medium">€{incasso.listPrice.toLocaleString("it-IT")}</p>
                              )}
                            </div>
                          </div>
                          <p className="mt-2 text-xs leading-relaxed text-muted-foreground line-clamp-2">
                            {incasso.description}
                          </p>
                        </div>
                        {selectedIncasso?.id === incasso.id && (
                          <div className="flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-foreground">
                            <Check className="h-3 w-3 text-background" />
                          </div>
                        )}
                      </button>
                    ))}
                  </div>

{/* Incasso quantity */}
                  {selectedIncasso && (
                    <div className="mt-4 flex items-center gap-4">
                      <span className="text-sm text-muted-foreground">{t.product.incassoQuantity[language]}:</span>
                      <div className="flex items-center rounded border border-border">
                        <button
                          onClick={() => setIncassoQuantity(Math.max(1, incassoQuantity - 1))}
                          className="px-2 py-1 transition-colors hover:bg-muted"
                        >
                          <Minus className="h-3 w-3" />
                        </button>
                        <Input
                          type="number"
                          value={incassoQuantity}
                          onChange={(e) => setIncassoQuantity(Math.max(1, Number.parseInt(e.target.value) || 1))}
                          className="h-8 w-12 border-0 text-center text-sm"
                          min={1}
                        />
                        <button
                          onClick={() => setIncassoQuantity(incassoQuantity + 1)}
                          className="px-2 py-1 transition-colors hover:bg-muted"
                        >
                          <Plus className="h-3 w-3" />
                        </button>
                      </div>
                    </div>
                  )}
                </div>
              )}

{/* Inline accessory pickers */}
              {product.requiresHandle && availableHandles.length > 0 && product.category !== "zero316" && (
                <HandlePickerInline
                  items={availableHandles}
                  selected={selectedHandle}
                  onSelect={setSelectedHandle}
                  onDeselect={() => setUserDeselectedHandle(true)}
                  selectedSeries={selectedHandleSeries}
                  onSeriesChange={setSelectedHandleSeries}
                  selectedFinish={selectedHandleFinish}
                  onFinishChange={setSelectedHandleFinish}
                  mainProductFinish={mainProductFinish}
                  onOpenDetail={setDetailItem}
                />
              )}
              {product.supportsSpout && availableSpouts.length > 0 && (
                <SpoutPickerInline
                  items={availableSpouts}
                  selected={selectedSpout}
                  onSelect={setSelectedSpout}
                  selectedType={selectedSpoutType}
                  onTypeChange={setSelectedSpoutType}
                  selectedFinish={selectedSpoutFinish}
                  onFinishChange={setSelectedSpoutFinish}
                  mainProductFinish={mainProductFinish}
                  onOpenDetail={setDetailItem}
                  hideFilters={product.category === "zero316"}
                />
              )}
              {product.supportsDrain && availableDrains.length > 0 && (
                <DrainPickerInline
                  items={availableDrains}
                  selected={selectedDrain}
                  onSelect={setSelectedDrain}
                  onDeselect={() => setUserDeselectedDrain(true)}
                  selectedType={selectedDrainType}
                  onTypeChange={setSelectedDrainType}
                  selectedFinish={selectedDrainFinish}
                  onFinishChange={setSelectedDrainFinish}
                  mainProductFinish={mainProductFinish}
                  onOpenDetail={setDetailItem}
                />
              )}
              {product.supportsSiphon && availableSiphons.length > 0 && (
                <SiphonPickerInline
                  items={availableSiphons}
                  selected={selectedSiphon}
                  onSelect={setSelectedSiphon}
                  onDeselect={() => setUserDeselectedSiphon(true)}
                  selectedFinish={selectedSiphonFinish}
                  onFinishChange={setSelectedSiphonFinish}
                  mainProductFinish={mainProductFinish}
                  onOpenDetail={setDetailItem}
                />
              )}

{product.supportsRemoteControl && availableRemoteControls.length > 0 && (
                <div className="mt-8 border-t border-border pt-8">
                  <div className="mb-4 flex items-center gap-2">
                    <Radio className="h-4 w-4" />
                    <h3 className="text-sm font-medium uppercase tracking-wider">
                      {t.product.selectRemoteControl[language]}
                    </h3>
                    <span className="rounded bg-muted px-2 py-0.5 text-xs text-muted-foreground">
                      {t.product.optional[language]}
                    </span>
                  </div>

<div className="mb-4 flex items-start gap-2 rounded-lg bg-purple-50 p-3 text-sm text-purple-800 dark:bg-purple-950/30 dark:text-purple-200">
                    <AlertCircle className="mt-0.5 h-4 w-4 flex-shrink-0" />
                    <span>{t.product.remoteControlDescription[language]}</span>
                  </div>

<div className="space-y-3">
                    <button
                      onClick={() => setSelectedRemoteControl(null)}
                      className={`flex w-full items-center gap-4 rounded-lg border p-4 text-left transition-all ${
                        !selectedRemoteControl
                          ? "border-foreground bg-muted ring-1 ring-foreground"
                          : "border-border hover:border-foreground/50 hover:bg-muted/50"
                      }`}
                    >
                      <span className="text-sm font-medium">{t.product.noRemote[language]}</span>
                      {!selectedRemoteControl && (
                        <div className="ml-auto flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-foreground">
                          <Check className="h-3 w-3 text-background" />
                        </div>
                      )}
                    </button>

{availableRemoteControls.map((remote) => (
                      <button
                        key={remote.id}
                        onClick={() => setSelectedRemoteControl(remote)}
                        className={`flex w-full items-start gap-4 rounded-lg border p-4 text-left transition-all ${
                          selectedRemoteControl?.id === remote.id
                            ? "border-foreground bg-muted ring-1 ring-foreground"
                            : "border-border hover:border-foreground/50 hover:bg-muted/50"
                        }`}
                      >
                        <div className="relative h-16 w-16 flex-shrink-0 overflow-hidden rounded bg-muted">
                          <Image
                            src={remote.image || "/placeholder.svg"}
                            alt={remote.name}
                            fill
                            className="object-cover"
                          />
                        </div>
                        <div className="flex-1">
                          <div className="flex items-start justify-between gap-2">
                            <div>
                              <p className="font-medium">{remote.name}</p>
                              <p className="mt-0.5 text-xs text-muted-foreground">{remote.sku}</p>
                              <span className="mt-1 inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase">
                                {remote.type}
                              </span>
                            </div>
                            <div className="text-right">
                              {priceMode === "all" && (
                                <>
                                  <p className="text-xs text-muted-foreground line-through mr-2">
                                    €{remote.listPrice.toLocaleString("it-IT")}
                                  </p>
                                  <p className="font-medium">€{remote.price.toLocaleString("it-IT")}</p>
                                </>
                              )}
                              {priceMode === "list-only" && (
                                <p className="font-medium">€{remote.listPrice.toLocaleString("it-IT")}</p>
                              )}
                            </div>
                          </div>
                          <p className="mt-2 text-xs leading-relaxed text-muted-foreground line-clamp-2">
                            {remote.description}
                          </p>
                        </div>
                        {selectedRemoteControl?.id === remote.id && (
                          <div className="flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-foreground">
                            <Check className="h-3 w-3 text-background" />
                          </div>
                        )}
                      </button>
                    ))}
                  </div>

{selectedRemoteControl && (
                    <div className="mt-4 flex items-center gap-4">
                      <span className="text-sm text-muted-foreground">{t.product.remoteQuantity[language]}:</span>
                      <div className="flex items-center rounded border border-border">
                        <button
                          onClick={() => setRemoteQuantity(Math.max(1, remoteQuantity - 1))}
                          className="px-2 py-1 transition-colors hover:bg-muted"
                        >
                          <Minus className="h-3 w-3" />
                        </button>
                        <Input
                          type="number"
                          value={remoteQuantity}
                          onChange={(e) => setRemoteQuantity(Math.max(1, Number.parseInt(e.target.value) || 1))}
                          className="w-12 border-x border-border bg-transparent px-2 py-1 text-center text-sm"
                        />
                        <button
                          onClick={() => setRemoteQuantity(remoteQuantity + 1)}
                          className="px-2 py-1 transition-colors hover:bg-muted"
                        >
                          <Plus className="h-3 w-3" />
                        </button>
                      </div>
                    </div>
                  )}
                </div>
              )}

{priceMode === "all" && (
                <div className="mt-8 space-y-4 rounded-lg border border-border bg-muted/30 p-6">
                  <div className="space-y-2 text-sm">
                    <div className="flex justify-between">
                      <span className="text-muted-foreground">{product.name}</span>
                      <span>€{productTotal.toLocaleString("it-IT")}</span>
                    </div>
                    {selectedIncasso && (
                      <div className="flex justify-between text-muted-foreground">
                        <span>
                          {selectedIncasso.name} × {incassoQuantity}
                        </span>
                        <span>€{incassoTotal.toLocaleString("it-IT")}</span>
                      </div>
                    )}
                    {selectedHandle && (
                      <div className="flex justify-between text-muted-foreground">
                        <span>{selectedHandle.name} × 1</span>
                        <span>€{handleTotal.toLocaleString("it-IT")}</span>
                      </div>
                    )}
                    {selectedRemoteControl && (
                      <div className="flex justify-between text-muted-foreground">
                        <span>
                          {selectedRemoteControl.name} × {remoteQuantity}
                        </span>
                        <span>€{remoteTotal.toLocaleString("it-IT")}</span>
                      </div>
                    )}
                  </div>
                  <div className="flex items-baseline justify-between border-t border-border pt-4">
                    <span className="text-sm text-muted-foreground">{t.product.totalReserved[language]}</span>
                    <span className="text-2xl font-semibold">€{grandTotal.toLocaleString("it-IT")}</span>
                  </div>
                </div>
              )}

{priceMode === "list-only" && (
                <div className="mt-8 space-y-4 rounded-lg border border-border bg-muted/30 p-6">
                  <div className="space-y-2 text-sm">
                    <div className="flex justify-between">
                      <span className="text-muted-foreground">{product.name}</span>
                      <span>€{product.listPrice.toLocaleString("it-IT")}</span>
                    </div>
                    {selectedIncasso && (
                      <div className="flex justify-between text-muted-foreground">
                        <span>
                          {selectedIncasso.name} × {incassoQuantity}
                        </span>
                        <span>€{(selectedIncasso.listPrice * incassoQuantity).toLocaleString("it-IT")}</span>
                      </div>
                    )}
                    {selectedHandle && (
                      <div className="flex justify-between text-muted-foreground">
                        <span>{selectedHandle.name} × 1</span>
                        <span>€{selectedHandle.listPrice.toLocaleString("it-IT")}</span>
                      </div>
                    )}
                    {selectedRemoteControl && (
                      <div className="flex justify-between text-muted-foreground">
                        <span>
                          {selectedRemoteControl.name} × {remoteQuantity}
                        </span>
                        <span>€{(selectedRemoteControl.listPrice * remoteQuantity).toLocaleString("it-IT")}</span>
                      </div>
                    )}
                  </div>
                  <div className="flex items-baseline justify-between border-t border-border pt-4">
                    <span className="text-sm text-muted-foreground">{t.prices.listPrice[language]}</span>
                    <span className="text-2xl font-semibold">
                      €{(
                        product.listPrice +
                        (selectedIncasso ? selectedIncasso.listPrice * incassoQuantity : 0) +
                        (selectedHandle ? selectedHandle.listPrice : 0) +
                        (selectedRemoteControl ? selectedRemoteControl.listPrice * remoteQuantity : 0)
                      ).toLocaleString("it-IT")}
                    </span>
                  </div>
                </div>
              )}

<div className="mt-8 space-y-3 border-t border-border pt-8">
                <div className="flex justify-between text-sm">
                  <span className="text-muted-foreground">{t.product.articleCode[language]}</span>
                  <span className="font-medium">
                    {product.sku}
                    {currentFinish ? `-${currentFinish.code}` : ""}
                  </span>
                </div>
                {currentFinish && (
                  <div className="flex justify-between text-sm">
                    <span className="text-muted-foreground">{t.product.finish[language]}</span>
                    <span className="font-medium">{currentFinish.name}</span>
                  </div>
                )}
                <div className="flex justify-between text-sm">
                  <span className="text-muted-foreground">{t.product.collection[language]}</span>
                  <span className="font-medium">{product.collection}</span>
                </div>
                {selectedIncasso && (
                  <div className="flex justify-between text-sm">
                    <span className="text-muted-foreground">{t.product.incasso[language]}</span>
                    <span className="font-medium">{selectedIncasso.name}</span>
                  </div>
                )}
                {selectedHandle && (
                  <div className="flex justify-between text-sm">
                    <span className="text-muted-foreground">{t.product.handle[language]}</span>
                    <span className="font-medium">{selectedHandle.name}</span>
                  </div>
                )}
                {selectedRemoteControl && (
                  <div className="flex justify-between text-sm">
                    <span className="text-muted-foreground">{t.product.remoteControl[language]}</span>
                    <span className="font-medium">{selectedRemoteControl.name}</span>
                  </div>
                )}
              </div>
            </div>

{/* Add to Cart */}
            <div className="mt-8 border-t border-border pt-8">
              {selectedIncasso && (
                <div className="mb-6 space-y-2 rounded-lg bg-muted p-4">
                  <div className="flex justify-between text-sm">
                    <span>
                      {product.name} x {quantity}
                    </span>
                    <div className="text-right">
                      <span className="text-xs text-muted-foreground line-through mr-2">
                        €{(product.listPrice * quantity).toLocaleString("it-IT")}
                      </span>
                      <span>€{(product.price * quantity).toLocaleString("it-IT")}</span>
                    </div>
                  </div>
                  <div className="flex justify-between text-sm">
                    <span>
                      {selectedIncasso.name} x {incassoQuantity}
                    </span>
                    <div className="text-right">
                      <span className="text-xs text-muted-foreground line-through mr-2">
                        €{(selectedIncasso.listPrice * incassoQuantity).toLocaleString("it-IT")}
                      </span>
                      <span>€{(selectedIncasso.price * incassoQuantity).toLocaleString("it-IT")}</span>
                    </div>
                  </div>
                  {selectedHandle && (
                    <div className="flex justify-between text-sm">
                      <span>{selectedHandle.name} x 1</span>
                      <div className="text-right">
                        <span className="text-xs text-muted-foreground line-through mr-2">
                          €{(selectedHandle.listPrice * 1).toLocaleString("it-IT")}
                        </span>
                        <span>€{(selectedHandle.price * 1).toLocaleString("it-IT")}</span>
                      </div>
                    </div>
                  )}
                  {selectedRemoteControl && (
                    <div className="flex justify-between text-sm">
                      <span>
                        {selectedRemoteControl.name} x {remoteQuantity}
                      </span>
                      <div className="text-right">
                        <span className="text-xs text-muted-foreground line-through mr-2">
                          €{(selectedRemoteControl.listPrice * remoteQuantity).toLocaleString("it-IT")}
                        </span>
                        <span>€{(selectedRemoteControl.price * remoteQuantity).toLocaleString("it-IT")}</span>
                      </div>
                    </div>
                  )}
                  <div className="border-t border-border pt-2">
                    <div className="flex justify-between font-medium">
                      <span>{t.product.totalReserved[language]}</span>
                      <span>
                        €
                        {(product.price * quantity + selectedIncasso?.price * incassoQuantity || 0).toLocaleString(
                          "it-IT",
                        )}
                      </span>
                    </div>
                  </div>
                </div>
              )}

<div className="flex items-center gap-4">
                <div className="flex items-center rounded border border-border">
                  <button
                    onClick={() => setQuantity(Math.max(1, quantity - 1))}
                    className="px-3 py-2 transition-colors hover:bg-muted"
                  >
                    <Minus className="h-4 w-4" />
                  </button>
                  <Input
                    type="number"
                    value={quantity}
                    onChange={(e) => setQuantity(Math.max(1, Number.parseInt(e.target.value) || 1))}
                    className="h-10 w-16 border-0 text-center"
                    min={1}
                  />
                  <button
                    onClick={() => setQuantity(quantity + 1)}
                    className="px-3 py-2 transition-colors hover:bg-muted"
                  >
                    <Plus className="h-4 w-4" />
                  </button>
                </div>

<Button
                  onClick={handleAddToCart}
                  className={`h-12 flex-1 gap-2 ${
                    added ? "bg-success hover:bg-success" : "bg-foreground hover:bg-foreground/90"
                  }`}
                  disabled={added}
                >
                  {added ? (
                    <>
                      <Check className="h-4 w-4" />
                      {t.product.addedToCart[language]}
                    </>
                  ) : (
                    <>
                      <ShoppingCart className="h-4 w-4" />
                      {t.product.addToOrder[language]}
                    </>
                  )}
                </Button>
              </div>

{/* Trust Badges */}
              <div className="mt-8 grid grid-cols-3 gap-4 text-center text-xs">
                <div className="flex flex-col items-center gap-2">
                  <Truck className="h-5 w-5 text-muted-foreground" />
                  <span className="text-muted-foreground">{t.product.fastShipping[language]}</span>
                </div>
                <div className="flex flex-col items-center gap-2">
                  <Shield className="h-5 w-5 text-muted-foreground" />
                  <span className="text-muted-foreground">{t.product.warranty5Years[language]}</span>
                </div>
                <div className="flex flex-col items-center gap-2">
                  <RotateCcw className="h-5 w-5 text-muted-foreground" />
                  <span className="text-muted-foreground">{t.product.easyReturn[language]}</span>
                </div>
              </div>
            </div>
          </div>
        </div>

{/* Related Products */}
        {relatedProducts.length > 0 && (
          <div className="mt-20">
            <h2 className="mb-8 font-serif text-2xl font-light">{t.product.relatedProducts[language]}</h2>
            <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
              {relatedProducts.map((relatedProduct) => (
                <Link key={relatedProduct.id} href={`/catalogo/${relatedProduct.id}`} className="group">
                  <div className="relative aspect-square overflow-hidden bg-muted">
                    <Image
                      src={relatedProduct.image || "/placeholder.svg"}
                      alt={`${relatedProduct.name} - ${relatedProduct.finishes?.map((id) => getFinishById(id)?.name).join(", ") || ""}`}
                      fill
                      className="object-cover transition-transform duration-500 group-hover:scale-105"
                    />
                    {relatedProduct.requiresIncasso && (
                      <div className="absolute left-2 top-2 flex items-center gap-1 rounded bg-foreground/90 px-2 py-1 text-[10px] font-medium text-background">
                        <Package className="h-3 w-3" />
                        {t.product.incasso[language]}
                      </div>
                    )}
                  </div>
                  <div className="mt-4">
                    <h3 className="font-medium">{relatedProduct.name}</h3>
                    <PriceDisplay
                      listPrice={relatedProduct.listPrice}
                      price={relatedProduct.price}
                      size="sm"
                      className="mt-1"
                    />
                  </div>
                </Link>
              ))}
            </div>
          </div>
        )}
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/catalogo/[id]/loading.tsx" isMerged="true"
import { Skeleton } from "@/components/ui/skeleton"

export default function ProductDetailLoading() {
  return (
    <div className="container mx-auto px-4 py-8">
      <Skeleton className="mb-8 h-8 w-40" />
      
      <div className="grid gap-12 lg:grid-cols-2">
        {/* Image skeleton */}
        <div className="lg:sticky lg:top-8 lg:self-start">
          <Skeleton className="aspect-square w-full" />
        </div>

{/* Content skeleton */}
        <div className="space-y-6">
          <div className="space-y-2">
            <Skeleton className="h-8 w-3/4" />
            <Skeleton className="h-6 w-1/2" />
          </div>
          
          <div className="space-y-3">
            <Skeleton className="h-4 w-full" />
            <Skeleton className="h-4 w-full" />
            <Skeleton className="h-4 w-2/3" />
          </div>

<Skeleton className="h-12 w-full" />
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true"
"use client"

import type React from "react"

import { useState } from "react"
import { useRouter } from "next/navigation"
import { NeveLogo } from "@/components/neve-logo"
import { LanguageSelector } from "@/components/language-selector"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { useAuth } from "@/lib/auth-context"
import { useLanguage } from "@/lib/language-context"
import { t } from "@/lib/translations"
import { ArrowRight, AlertCircle } from "lucide-react"

export default function LoginPage() {
  const router = useRouter()
  const { login } = useAuth()
  const { language } = useLanguage()
  const [email, setEmail] = useState("demo@neve.com")
  const [error, setError] = useState("")

const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    if (login(email)) {
      router.push("/dashboard")
    } else {
      setError(t("login.invalidEmail", language))
    }
  }

return (
    <div className="min-h-screen bg-background">
      {/* Hero Section */}
      <div className="grid min-h-screen lg:grid-cols-2">
        {/* Left - Image */}
        <div className="relative hidden lg:block">
          <div
            className="absolute inset-0 bg-cover bg-center"
            style={{
              backgroundImage: `url('/luxury-bathroom-faucet-italian-design.jpg')`,
            }}
          />
          <div className="absolute inset-0 bg-foreground/40" />
          <div className="absolute bottom-12 left-12 right-12 text-background">
            <h2 className="font-serif text-4xl font-light leading-tight whitespace-pre-line">
              {t("login.heroTitle", language)}
            </h2>
            <p className="mt-4 text-sm text-background/80">{t("login.heroSubtitle", language)}</p>
          </div>
        </div>

{/* Right - Login Form */}
        <div className="flex flex-col justify-center px-8 py-12 lg:px-16">
          <div className="mx-auto w-full max-w-md">
            <div className="flex items-center justify-between mb-12">
              <NeveLogo />
              <LanguageSelector />
            </div>

<div className="mb-8">
              <h1 className="text-2xl font-light tracking-tight">
                {t("login.title", language)}
              </h1>
              <p className="mt-2 text-sm text-muted-foreground">
                {t("login.subtitle", language)}
              </p>
            </div>

{error && (
              <div className="mb-6 flex items-center gap-2 rounded border border-destructive/20 bg-destructive/5 px-4 py-3 text-sm text-destructive">
                <AlertCircle className="h-4 w-4" />
                {error}
              </div>
            )}

<form onSubmit={handleSubmit} className="space-y-6">
              <div className="space-y-2">
                <Label htmlFor="email" className="text-xs uppercase tracking-wider">
                  {t("login.email", language)}
                </Label>
                <Input
                  id="email"
                  type="email"
                  placeholder="demo@neve.com"
                  value={email}
                  onChange={(e) => setEmail(e.target.value)}
                  className="h-12 border-border bg-background"
                  required
                />
              </div>
              <Button
                type="submit"
                className="h-12 w-full gap-2 bg-foreground text-background hover:bg-foreground/90"
              >
                {t("login.access", language)}
                <ArrowRight className="h-4 w-4" />
              </Button>
            </form>

<div className="mt-12 border-t border-border pt-8">
              <p className="text-xs text-muted-foreground">{t("login.demoCredentials", language)}</p>
              <p className="mt-1 text-xs text-muted-foreground">
                Email: <code className="rounded bg-muted px-1 py-0.5">demo@neve.com</code>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescript:file="lib/mock-data.ts" isMerged="true"
// Mock data for the entire B2B portal demo

export interface Product {
  id: string
  name: string
  collection: string
  category: string
  tipologia?: "lavabo" | "bidet" | "doccia" | "vasca" | "wc" // Product type for filtering
  listPrice: number // Added list price (prezzo di listino)
  price: number // This is the reserved price (prezzo riservato)
  image: string
  images?: { [finishId: string]: string } // Added images per finish
  combinationImages?: { [key: string]: string } // key = "finishId_handleId", value = image URL
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  description: string
  sku: string
  finishes: string[] // Fixed typo from finpitures to finishes
  requiresIncasso?: boolean // If true, product requires a concealed body
  incassoId?: string // ID of the required concealed body product
  supportsHandle?: boolean // If true, product can have an optional handle
  supportsSpout?: boolean // If true, product can have an optional spout
  requiredSpoutType?: "incasso" | "da-appoggio" // If set, only spouts of this type are compatible
  supportsRemoteControl?: boolean // If true, product can have an optional remote control
}

export interface Incasso {
  id: string
  name: string
  sku: string
  listPrice: number // Added list price (prezzo di listino)
  price: number // This is the reserved price (prezzo riservato)
  image: string
  description: string
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  compatibleWith: string[] // Array of product IDs compatible with this incasso
}

export interface Order {
  id: string
  date: string
  status: string
  total: number
  tracking: string
  source: string
  items: { product: Product; quantity: number }[]
}

export interface Customer {
  id: string
  name: string
  company: string
  email: string
  city: string
}

export interface BillingInfo {
  companyName: string
  vatNumber: string
  fiscalCode: string
  address: string
  city: string
  province: string
  cap: string
  country: string
  sdiCode: string
  pecEmail: string
}

export interface CommercialConditions {
  paymentMethod: string
  paymentDays: number
  discountPercentage: number
  priceListCode: string
}

export interface AccountManager {
  name: string
  email: string
  phone: string
  photo: string
}

export interface ShippingDestination {
  id: string
  name: string
  address: string
  city: string
  province: string
  cap: string
  country: string
  isDefault: boolean
}

// Product categories structure
export const series = {
  doc: { name: "Doc" },
  brezza: { name: "Brezza" },
  viva: { name: "Viva" },
  volante: { name: "Volante" },
  zero316: { name: "Zero316" },
  online: { name: "Online" },
  "canali-hd": { name: "Canali HD" },
}

// Keep categories for backward compatibility
export const categories = series

export interface Finish {
  id: string
  name: string
  code: string
  color: string // CSS color for the selector circle
}

export const finishes: Finish[] = [
  { id: "acciaio-spazzolato", name: "Acciaio Spazzolato", code: "89", color: "#C0C0C0" },
  { id: "smoky-quartz", name: "Smoky Quartz", code: "23", color: "#5E5E5E" },
  { id: "honey-amber", name: "Honey Amber", code: "59", color: "#D4A574" },
  { id: "black-onyx", name: "Black Onyx", code: "96", color: "#1a1a1a" },
  { id: "red-sunstone", name: "Red Sunstone", code: "05", color: "#8B3A3A" },
]

// Mock products
export const products: Product[] = [
  // Doc Collection
  {
    id: "doc-001",
    name: "Miscelatore Lavabo Doc Design",
    collection: "Doc",
    category: "collezioni-bagno", // was "doc", now "collezioni-bagno"
    listPrice: 420,
    price: 295,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/doc-001-smoky-quartz.jpg",
      "honey-amber-59": "/products/doc-001-honey-amber.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
      "red-sunstone-05": "/products/doc-001-red-sunstone.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description:
      "Miscelatore per lavabo della collezione Doc. Design essenziale e contemporaneo, realizzato in ottone massiccio con trattamento superficiale di alta qualità.",
    sku: "DOX1938HLSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "honey-amber-59", "black-onyx-96", "red-sunstone-05"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "doc-002",
    name: "Miscelatore Bidet Doc",
    collection: "Doc",
    category: "collezioni-bagno", //
    listPrice: 380,
    price: 265,
    image: "/stainless-steel-bidet-faucet-italian-design.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description:
      "Miscelatore per bidet della linea Doc, perfetto abbinamento con il lavabo. Cartuccia ceramica di alta precisione.",
    sku: "DOX2845BIDOC",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "doc-003",
    name: "Gruppo Doccia Termostatico Doc",
    collection: "Doc",
    category: "collezioni-bagno",
    listPrice: 950,
    price: 665,
    image: "/stainless-steel-shower-mixer-modern-bathroom.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description:
      "Gruppo doccia termostatico con deviatore a 2 vie. Termostatizzazione di sicurezza, antiscottatura. Richiede corpo incasso universale.",
    sku: "DOX4792THERM",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    requiresIncasso: false, // Made incasso optional
    incassoId: "INC-002",
    supportsRemoteControl: true, // Added remote control support
  },
  // Brezza Collection
  {
    id: "brezza-001",
    name: "Miscelatore Lavabo Brezza",
    collection: "Brezza",
    category: "collezioni-bagno", //
    listPrice: 695,
    price: 520,
    image: "/products/brezza-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/brezza-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/brezza-001-smoky-quartz.jpg",
      "black-onyx-96": "/products/brezza-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description:
      "Miscelatore monocomando con profilo sottile e leva ergonomica. La leggerezza del design incontra la solidità costruttiva.",
    sku: "BRZ1938LAVSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "brezza-002",
    name: "Miscelatore Vasca Brezza",
    collection: "Brezza",
    category: "collezioni-bagno", //
    listPrice: 1040,
    price: 780,
    image: "/products/brezza-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/brezza-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/brezza-001-smoky-quartz.jpg",
      "black-onyx-96": "/products/brezza-001-black-onyx.jpg",
    },
    availability: "In arrivo",
    description: "Miscelatore per vasca con doccetta estraibile. Eleganza senza compromessi.",
    sku: "BRZ2938VASSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  // Viva Collection
  {
    id: "viva-001",
    name: "Miscelatore Lavabo Alto Viva",
    collection: "Viva",
    category: "collezioni-bagno", //
    listPrice: 870,
    price: 650,
    image: "/products/viva-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/viva-001-acciaio-spazzolato.jpg",
      "honey-amber-59": "/products/viva-001-honey-amber.jpg",
      "red-sunstone-05": "/products/viva-001-red-sunstone.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Miscelatore alto per lavabo da appoggio. Proporzioni perfette per lavabi freestanding.",
    sku: "VIV1938ALTSSZY",
    finishes: ["acciaio-spazzolato-89", "honey-amber-59", "red-sunstone-05"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "viva-002",
    name: "Gruppo Doccia Viva",
    collection: "Viva",
    category: "collezioni-bagno", //
    listPrice: 1535,
    price: 1150,
    image: "/products/viva-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/viva-001-acciaio-spazzolato.jpg",
      "honey-amber-59": "/products/viva-001-honey-amber.jpg",
      "red-sunstone-05": "/products/viva-001-red-sunstone.jpg",
    },
    availability: "Su ordinazione",
    description: "Sistema doccia completo con soffione e doccetta. Esperienza di benessere totale.",
    sku: "VIV2938DOCSSZY",
    finishes: ["acciaio-spazzolato-89", "honey-amber-59", "red-sunstone-05"],
    requiresIncasso: true,
    supportsRemoteControl: true, // Added remote control support
  },
  // Volante Collection
  {
    id: "vox938sszy",
    name: "Miscelatore Lavabo Volante",
    collection: "Volante",
    category: "volante",
    listPrice: 685,
    price: 495,
    image: "/products/vox938sszy-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato": "/products/vox938sszy-acciaio-spazzolato.jpg",
      "smoky-quartz": "/products/vox938sszy-smoky-quartz.jpg",
      "honey-amber": "/products/vox938sszy-honey-amber.jpg",
      "black-onyx": "/products/vox938sszy-black-onyx.jpg",
      "red-sunstone": "/products/vox938sszy-red-sunstone.jpg",
    },
    combinationImages: {
      "red-sunstone_none": "https://s3.eu-south-1.wasabisys.com/tesseract/neve/Gemini_Generated_Image_an8da5an8da5an8d.png",
      "red-sunstone_BRXMAN3-05": "https://www.neve-rubinetterie.com/media/widgetkit/BRX938SSZ-05-e7c3ac2b47d2de55332078692057eeeb.jpg",
      "red-sunstone_VOXMAN1B0": "https://s3.eu-south-1.wasabisys.com/tesseract/neve/05 1B0.png",
      "red-sunstone_VOXMAN1G2": "https://s3.eu-south-1.wasabisys.com/tesseract/neve/05 1G2.png",
      "red-sunstone_VOXMAN1N0": "https://s3.eu-south-1.wasabisys.com/tesseract/neve/05 1N0.png",
      "red-sunstone_VOXMAN1V3": "https://s3.eu-south-1.wasabisys.com/tesseract/neve/05 1V3.png",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description:
      "Miscelatore lavabo d'appoggio senza scarico. Design di Nikos Patiris, realizzato da Neve Rubinetterie e Porcelain Art. Comandi a volantino in porcellana, eleganza classica e raffinatezza contemporanea.",
    sku: "VOX938SSZY",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    requiresHandle: true,
    supportsSpout: false,
    supportsDrain: true,
    supportsSiphon: true,
  },
  {
    id: "volante-001",
    name: "Miscelatore Lavabo Volante",
    collection: "Volante",
    category: "volante",
    listPrice: 510,
    price: 380,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/doc-001-smoky-quartz.jpg",
      "honey-amber-59": "/products/doc-001-honey-amber.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
      "red-sunstone-05": "/products/doc-001-red-sunstone.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Miscelatore con comandi a volantino. Un tocco classico per ambienti contemporanei.",
    sku: "VOL1938LAVSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "honey-amber-59", "black-onyx-96", "red-sunstone-05"],
    supportsHandle: true, // Added handle support
  },
  // Zero Collection
  {
    id: "zero-001",
    name: "Miscelatore Lavabo Zero",
    collection: "Zero",
    category: "collezioni-bagno", //
    listPrice: 960,
    price: 720,
    image: "/products/zero-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/zero-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/zero-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Design geometrico essenziale. Zero compromessi, massima purezza formale.",
    sku: "ZER1938LAVSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "zero-002",
    name: "Miscelatore Bidet Zero",
    collection: "Zero",
    category: "collezioni-bagno", //
    listPrice: 905,
    price: 680,
    image: "/products/zero-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/zero-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/zero-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Purezza geometrica per il bidet. Linee nette e proporzioni perfette.",
    sku: "ZER1938BIDSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  // 316 Collection (Stainless Steel)
  {
    id: "316-001",
    name: "Miscelatore Lavabo 316",
    collection: "316",
    category: "collezioni-bagno", //
    listPrice: 1190,
    price: 890,
    image: "/products/316-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/316-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/doc-001-smoky-quartz.jpg",
      "honey-amber-59": "/products/doc-001-honey-amber.jpg",
      "black-onyx-96": "/products/316-001-black-onyx.jpg",
      "red-sunstone-05": "/products/doc-001-red-sunstone.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Acciaio inossidabile AISI 316L. Resistenza superiore e purezza materica.",
    sku: "316-1938LAVSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "honey-amber-59", "black-onyx-96", "red-sunstone-05"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "316-002",
    name: "Gruppo Doccia 316",
    collection: "316",
    category: "collezioni-bagno", //
    listPrice: 1935,
    price: 1450,
    image: "/products/316-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/316-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/doc-001-smoky-quartz.jpg",
      "honey-amber-59": "/products/doc-001-honey-amber.jpg",
      "black-onyx-96": "/products/316-001-black-onyx.jpg",
      "red-sunstone-05": "/products/doc-001-red-sunstone.jpg",
    },
    availability: "Su ordinazione",
    description: "Sistema doccia in acciaio AISI 316L. Massima durabilità per ambienti esigenti.",
    sku: "316-2938DOCSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "honey-amber-59", "black-onyx-96", "red-sunstone-05"],
    requiresIncasso: true,
    supportsRemoteControl: true, // Added remote control support
  },
  // Online Collection
  {
    id: "online-001",
    name: "Miscelatore Lavabo Online",
    collection: "Online",
    category: "collezioni-bagno", //
    listPrice: 430,
    price: 320,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Design accessibile senza rinunciare alla qualità. Linee essenziali e funzionalità.",
    sku: "ONL1938LAVSSZY",
    finishes: ["acciaio-spazzolato-89"],
    supportsHandle: true, // Added handle support
  },
  // Canali HD
  {
    id: "canali-001",
    name: "Canale Doccia HD Linear",
    collection: "Canali HD",
    category: "collezioni-bagno", //
    listPrice: 775,
    price: 580,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Canale di scarico lineare con griglia in acciaio. Installazione a filo pavimento.",
    sku: "CAN1938LINSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  // Soffioni
  {
    id: "soffione-001",
    name: "Soffione Tondo 250mm",
    collection: "Soffioni",
    category: "soffioni-doccette",
    listPrice: 560,
    price: 420,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/doc-001-smoky-quartz.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Soffione a pioggia diametro 250mm. Esperienza sensoriale avvolgente.",
    sku: "SOF250TONSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "soffione-002",
    name: "Soffione Quadro 300mm",
    collection: "Soffioni",
    category: "soffioni-doccette",
    listPrice: 695,
    price: 520,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/doc-001-smoky-quartz.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Soffione quadrato 300x300mm. Design contemporaneo e getto uniforme.",
    sku: "SOF300QUASSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "doccetta-001",
    name: "Doccetta Multifunzione",
    collection: "Doccette",
    category: "soffioni-doccette",
    listPrice: 240,
    price: 180,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Doccetta a tre getti con sistema anticalcare. Comfort e praticità.",
    sku: "DOC1938MULSSZY",
    finishes: ["acciaio-spazzolato-89"],
    supportsHandle: true, // Added handle support
  },
  // Cucina
  {
    id: "cucina-001",
    name: "Miscelatore Cucina Estraibile",
    collection: "Cucina",
    category: "cucina",
    listPrice: 905,
    price: 680,
    image: "/products/cucina-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/cucina-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/cucina-001-smoky-quartz.jpg",
      "black-onyx-96": "/products/cucina-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Miscelatore con doccetta estraibile e doppio getto. Funzionalità professionale.",
    sku: "CUC1938ESTSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "cucina-002",
    name: "Miscelatore Cucina Alto",
    collection: "Cucina",
    category: "cucina",
    listPrice: 695,
    price: 520,
    image: "/products/cucina-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/cucina-001-acciaio-spazzolato.jpg",
      "smoky-quartz-23": "/products/cucina-001-smoky-quartz.jpg",
      "black-onyx-96": "/products/cucina-001-black-onyx.jpg",
    },
    availability: "In arrivo",
    description: "Miscelatore alto con bocca girevole. Ampio raggio d'azione per ogni esigenza.",
    sku: "CUC2938ALTSSZY",
    finishes: ["acciaio-spazzolato-89", "smoky-quartz-23", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  // Accessori
  {
    id: "acc-001",
    name: "Portasciugamani 60cm",
    collection: "Accessori",
    category: "accessori",
    listPrice: 195,
    price: 145,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Barra portasciugamani fissaggio a muro. Linee essenziali, finitura impeccabile.",
    sku: "ACC060PORSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "acc-002",
    name: "Porta Sapone a Parete",
    collection: "Accessori",
    category: "accessori",
    listPrice: 128,
    price: 95,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Portasapone con vaschetta in vetro satinato. Eleganza discreta.",
    sku: "ACC001SAPSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "acc-003",
    name: "Gancio Appendiabiti",
    collection: "Accessori",
    category: "accessori",
    listPrice: 87,
    price: 65,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Gancio singolo per accappatoio. Design compatto, massima resistenza.",
    sku: "ACC001GANSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  // Lavabi
  {
    id: "lavabo-001",
    name: "Lavabo da Appoggio Ovale",
    collection: "Lavabi",
    category: "lavabi",
    listPrice: 1190,
    price: 890,
    image: "/placeholder.svg?height=600&width=600",
    images: {},
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Lavabo ovale in ceramica fine. Superfici lisce e forme armoniose.",
    sku: "LAV001OVASSZY",
    finishes: [],
    supportsHandle: true, // Added handle support
  },
  {
    id: "lavabo-002",
    name: "Lavabo da Appoggio Rettangolare",
    collection: "Lavabi",
    category: "lavabi",
    listPrice: 1040,
    price: 780,
    image: "/placeholder.svg?height=600&width=600",
    images: {},
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Lavabo rettangolare con bordi sottili. Geometria perfetta per il bagno contemporaneo.",
    sku: "LAV001RETSSZY",
    finishes: [],
    supportsHandle: true, // Added handle support
  },
  // Placche WC
  {
    id: "placca-001",
    name: "Placca WC Dual Flush",
    collection: "Placche WC",
    category: "placche-wc",
    listPrice: 295,
    price: 220,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Placca a doppio tasto con finitura cromata. Risparmio idrico e design.",
    sku: "PLA001DUASSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "placca-002",
    name: "Placca WC Touchless",
    collection: "Placche WC",
    category: "placche-wc",
    listPrice: 510,
    price: 380,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
      "black-onyx-96": "/products/doc-001-black-onyx.jpg",
    },
    availability: "Su ordinazione",
    description: "Placca con sensore infrarosso. Massima igiene, zero contatto.",
    sku: "PLA001TOUSSZY",
    finishes: ["acciaio-spazzolato-89", "black-onyx-96"],
    supportsHandle: true, // Added handle support
  },
  // Esterni
  {
    id: "esterni-001",
    name: "Miscelatore Esterno",
    collection: "Esterni",
    category: "esterni",
    listPrice: 560,
    price: 420,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description: "Miscelatore per installazione esterna. Resistenza agli agenti atmosferici.",
    sku: "EST001MISSSZY",
    finishes: ["acciaio-spazzolato-89"],
    supportsHandle: true, // Added handle support
  },
  {
    id: "esterni-002",
    name: "Colonna Doccia Esterna",
    collection: "Esterni",
    category: "esterni",
    listPrice: 1710,
    price: 1280,
    image: "/products/doc-001-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato-89": "/products/doc-001-acciaio-spazzolato.jpg",
    },
    availability: "In arrivo",
    description: "Colonna doccia per piscina e giardino. Design esclusivo per esterni raffinati.",
    sku: "EST001COLSSZY",
    finishes: ["acciaio-spazzolato-89"],
    supportsHandle: true, // Added handle support
  },
  // Zero316 Collection
  {
    id: "zexcan60",
    name: "Canna d'appoggio Zero316",
    collection: "Zero316",
    category: "zero316",
    tipologia: "vasca",
    listPrice: 520,
    price: 385,
    image: "/products/zexcan60-acciaio-spazzolato.jpg",
    images: {
      "acciaio-spazzolato": "/products/zexcan60-acciaio-spazzolato.jpg",
      "smoky-quartz": "/products/zexcan60-smoky-quartz.jpg",
      "honey-amber": "/products/zexcan60-honey-amber.jpg",
      "black-onyx": "/products/zexcan60-black-onyx.jpg",
      "red-sunstone": "/products/zexcan60-red-sunstone.jpg",
    },
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    description:
      "Canna d'appoggio 60 cm. Design essenziale in acciaio inox AISI 316L, massima durabilità e purezza estetica.",
    sku: "ZEXCAN60",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    supportsRemoteControl: true, // Added optional remote control support
  },
  {
    id: "zex942i",
    name: "Miscelatore incasso con canna incasso",
    collection: "Zero316",
    category: "zero316",
    tipologia: "lavabo",
    listPrice: 890,
    price: 650,
    image: "https://s3.eu-south-1.wasabisys.com/tesseract/neve/zex942i.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEX942I-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEX942I-istruzioni.pdf",
    description: "Miscelatore incasso con canna incasso. Design essenziale in acciaio inox AISI 316L, massima durabilità e purezza estetica.",
    sku: "ZEX942I",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    requiresHandle: true,
    supportsSpout: true,
    requiredSpoutType: "incasso",
    supportsDrain: true,
    supportsSiphon: true,
  },
  {
    id: "zex942a",
    name: "Miscelatore incasso con canna appoggio",
    collection: "Zero316",
    category: "zero316",
    tipologia: "lavabo",
    listPrice: 920,
    price: 680,
    image: "https://s3.eu-south-1.wasabisys.com/tesseract/neve/zex942a.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEX942A-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEX942A-istruzioni.pdf",
    description: "Miscelatore incasso con canna appoggio. Design essenziale in acciaio inox AISI 316L, massima durabilità e purezza estetica.",
    sku: "ZEX942A",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    requiresHandle: true,
    supportsSpout: true,
    requiredSpoutType: "da-appoggio",
    supportsDrain: true,
    supportsSiphon: true,
  },
  {
    id: "zex928i",
    name: "Miscelatore appoggio con canna incasso",
    collection: "Zero316",
    category: "zero316",
    tipologia: "lavabo",
    listPrice: 850,
    price: 620,
    image: "https://s3.eu-south-1.wasabisys.com/tesseract/neve/zex928i.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEX928I-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEX928I-istruzioni.pdf",
    description: "Miscelatore appoggio con canna incasso. Design essenziale in acciaio inox AISI 316L, massima durabilità e purezza estetica.",
    sku: "ZEX928I",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    requiresHandle: true,
    supportsSpout: true,
    requiredSpoutType: "incasso",
    supportsDrain: true,
    supportsSiphon: true,
  },
  {
    id: "zex928a",
    name: "Miscelatore appoggio con canna appoggio",
    collection: "Zero316",
    category: "zero316",
    tipologia: "lavabo",
    listPrice: 780,
    price: 570,
    image: "https://s3.eu-south-1.wasabisys.com/tesseract/neve/zex928a.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEX928A-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEX928A-istruzioni.pdf",
    description: "Miscelatore appoggio con canna appoggio. Design essenziale in acciaio inox AISI 316L, massima durabilità e purezza estetica.",
    sku: "ZEX928A",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    requiresHandle: true,
    supportsSpout: true,
    requiredSpoutType: "da-appoggio",
    supportsDrain: true,
    supportsSiphon: true,
  },
  {
    id: "zex7938fssi",
    name: "Miscelatore incasso con canna incasso con piastra",
    collection: "Zero316",
    category: "zero316",
    tipologia: "lavabo",
    listPrice: 980,
    price: 720,
    image: "https://s3.eu-south-1.wasabisys.com/tesseract/neve/zex7938fssi.jpg",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEX7938FSSI-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEX7938FSSI-istruzioni.pdf",
    description: "Miscelatore incasso con canna incasso con piastra. Design essenziale in acciaio inox AISI 316L, massima durabilità e purezza estetica.",
    sku: "ZEX7938FSSI",
    finishes: ["acciaio-spazzolato", "smoky-quartz", "honey-amber", "black-onyx", "red-sunstone"],
    requiresHandle: true,
    supportsSpout: true,
    requiredSpoutType: "incasso",
    supportsDrain: true,
    supportsSiphon: true,
  },
]

export const incassi: Incasso[] = [
  {
    id: "incasso-001",
    name: "Incasso Universale Doccia 1 Via",
    sku: "INC001UNI1V",
    listPrice: 250, // Added list prices
    price: 185,
    image: "/concealed-shower-valve-body-brass.jpg",
    description:
      'Corpo incasso universale per miscelatore doccia a 1 via. Attacchi 1/2". Profondità regolabile 50-80mm.',
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    compatibleWith: ["doc-003", "brezza-002", "viva-002"],
  },
  {
    id: "incasso-002",
    name: "Incasso Universale Doccia 2 Vie",
    sku: "INC002UNI2V",
    listPrice: 330,
    price: 245,
    image: "/concealed-shower-diverter-valve-body.jpg",
    description:
      'Corpo incasso universale per miscelatore doccia a 2 vie con deviatore. Attacchi 1/2". Profondità regolabile 50-80mm.',
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    compatibleWith: ["doc-003", "316-002"],
  },
  {
    id: "incasso-003",
    name: "Incasso Universale Doccia 3 Vie",
    sku: "INC003UNI3V",
    listPrice: 430,
    price: 320,
    image: "/concealed-shower-3-way-valve-body-brass.jpg",
    description:
      'Corpo incasso universale per miscelatore doccia a 3 vie con doppio deviatore. Attacchi 1/2". Profondità regolabile 50-80mm.',
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    compatibleWith: ["viva-002", "316-002"],
  },
  {
    id: "incasso-004",
    name: "Incasso Termostatico 2 Vie",
    sku: "INC004TER2V",
    listPrice: 510,
    price: 380,
    image: "/thermostatic-concealed-valve-body-chrome.jpg",
    description:
      'Corpo incasso termostatico a 2 vie con cartuccia termostatica. Sicurezza antiscottatura 38°C. Attacchi 1/2".',
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    compatibleWith: ["doc-003", "viva-002", "316-002"],
  },
  {
    id: "incasso-005",
    name: "Incasso Termostatico 3 Vie",
    sku: "INC005TER3V",
    listPrice: 600,
    price: 450,
    image: "/thermostatic-3-way-concealed-valve-body.jpg",
    description:
      'Corpo incasso termostatico a 3 vie con doppio deviatore. Sicurezza antiscottatura 38°C. Attacchi 1/2".',
    availability: "In arrivo",
    compatibleWith: ["viva-002", "316-002"],
  },
  {
    id: "incasso-006",
    name: "Incasso Vasca con Deviatore",
    sku: "INC006VAS",
    listPrice: 280,
    price: 210,
    image: "/concealed-bath-tub-valve-body-brass.jpg",
    description: 'Corpo incasso per miscelatore vasca con deviatore integrato per doccetta. Attacchi 1/2".',
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    compatibleWith: ["brezza-002"],
  },
]

// Mock orders
export const orders: Order[] = [
  {
    id: "ORD-2024-001",
    date: "2024-11-28",
    status: "Spedito",
    total: 2450,
    tracking: "NT123456789IT",
    source: "portal",
    items: [
      { product: products[0], quantity: 2 },
      { product: products[3], quantity: 1 },
      { product: products[12], quantity: 3 },
    ],
  },
  {
    id: "ORD-2024-002",
    date: "2024-11-25",
    status: "Consegnato",
    total: 1890,
    tracking: "NT987654321IT",
    source: "portal",
    items: [
      { product: products[5], quantity: 1 },
      { product: products[8], quantity: 2 },
    ],
  },
  {
    id: "ORD-2024-003",
    date: "2024-12-01",
    status: "In lavorazione",
    total: 3200,
    source: "portal",
    items: [
      { product: products[10], quantity: 2 },
      { product: products[11], quantity: 1 },
    ],
  },
  {
    id: "OFF-2024-015",
    date: "2024-11-20",
    status: "Spedito",
    total: 5680,
    tracking: "NT456789123IT",
    source: "offline",
    items: [
      { product: products[4], quantity: 4 },
      { product: products[6], quantity: 2 },
      { product: products[9], quantity: 3 },
    ],
  },
  {
    id: "OFF-2024-016",
    date: "2024-11-15",
    status: "Consegnato",
    total: 2340,
    tracking: "NT321654987IT",
    source: "offline",
    items: [
      { product: products[1], quantity: 3 },
      { product: products[7], quantity: 2 },
    ],
  },
  {
    id: "OFF-2024-017",
    date: "2024-12-02",
    status: "In attesa",
    total: 4120,
    source: "offline",
    items: [
      { product: products[2], quantity: 2 },
      { product: products[5], quantity: 2 },
    ],
  },
]

// Alias export for mockOrders

// Mock customers for admin impersonation
export const customers: Customer[] = [
  {
    id: "CLI-001",
    name: "Mario Rossi",
    company: "Arredo Bagno Milano Srl",
    email: "m.rossi@arredobagnomilano.it",
    city: "Milano",
  },
  {
    id: "CLI-002",
    name: "Laura Bianchi",
    company: "Design & Home SpA",
    email: "l.bianchi@designhome.it",
    city: "Roma",
  },
  {
    id: "CLI-003",
    name: "Giuseppe Verdi",
    company: "Edilcasa Torino",
    email: "g.verdi@edilcasato.it",
    city: "Torino",
  },
  {
    id: "CLI-004",
    name: "Anna Ferrari",
    company: "Showroom Luxury Bath",
    email: "a.ferrari@luxurybath.it",
    city: "Firenze",
  },
  {
    id: "CLI-005",
    name: "Roberto Esposito",
    company: "Termoidraulica Napoli",
    email: "r.esposito@termoidraulicana.it",
    city: "Napoli",
  },
]

// Mock billing info
export const billingInfo: BillingInfo = {
  companyName: "Arredo Bagno Milano Srl",
  vatNumber: "IT12345678901",
  fiscalCode: "12345678901",
  address: "Via della Ceramica, 45",
  city: "Milano",
  province: "MI",
  cap: "20121",
  country: "Italia",
  sdiCode: "M5UXCR1",
  pecEmail: "arredobagnomilano@pec.it",
}

// Mock commercial conditions
export const commercialConditions: CommercialConditions = {
  paymentMethod: "Bonifico Bancario",
  paymentDays: 60,
  discountPercentage: 45,
  priceListCode: "DEALER-PREMIUM",
}

// Mock account manager
export const accountManager: AccountManager = {
  name: "Marco Bianchi",
  email: "m.bianchi@neve-rubinetterie.com",
  phone: "+39 035 123 4567",
  photo: "/professional-man-portrait-business.png",
}

// Mock shipping destinations for demo client
export const shippingDestinations: ShippingDestination[] = [
  {
    id: "DEST-001",
    name: "Sede Principale",
    address: "Via Milano 125",
    city: "Milano",
    province: "MI",
    cap: "20121",
    country: "Italia",
    isDefault: true,
  },
  {
    id: "DEST-002",
    name: "Magazzino Nord",
    address: "Via Industriale 45",
    city: "Monza",
    province: "MB",
    cap: "20900",
    country: "Italia",
    isDefault: false,
  },
  {
    id: "DEST-003",
    name: "Showroom Centro",
    address: "Corso Vittorio Emanuele 89",
    city: "Milano",
    province: "MI",
    cap: "20122",
    country: "Italia",
    isDefault: false,
  },
  {
    id: "DEST-004",
    name: "Punto Vendita Bergamo",
    address: "Via Roma 34",
    city: "Bergamo",
    province: "BG",
    cap: "24121",
    country: "Italia",
    isDefault: false,
  },
]

// Helper function to get finish by ID
export function getFinishById(id: string): Finish | undefined {
  return finishes.find((f) => f.id === id)
}

export function getCompatibleIncassi(productId: string): Incasso[] {
  return incassi.filter((inc) => inc.compatibleWith.includes(productId))
}

export function getIncassoById(id: string): Incasso | undefined {
  return incassi.find((inc) => inc.id === id)
}

export interface Handle {
  id: string
  name: string
  sku: string
  finish: string
  finishId: string
  listPrice: number
  price: number
  image: string
  description: string
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  series: "Brezza" | "Volante"
  linkedToProductFinish: boolean // true = only show when finishId matches product finish
  technicalSheetUrl?: string
  instructionsUrl?: string
}

export interface RemoteControl {
  id: string
  name: string
  sku: string
  listPrice: number
  price: number
  image: string
  description: string
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  type: "bluetooth" | "infrared" | "wifi"
}

export const handles: Handle[] = [
  // BREZZA Series
  {
    id: "BRXMAN3-89",
    name: "Brezza | Maniglia",
    sku: "BRXMAN3",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    listPrice: 125,
    price: 88,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/brezza-acciaio-spazzolato.jpg",
    description: "Maniglia per miscelatore serie Brezza",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    series: "Brezza",
    linkedToProductFinish: true,
    technicalSheetUrl: "https://example.com/docs/BRXMAN3-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/BRXMAN3-istruzioni.pdf",
  },
  {
    id: "BRXMAN3-05",
    name: "Brezza | Maniglia",
    sku: "BRXMAN3",
    finish: "05 - Red Sunstone",
    finishId: "red-sunstone-05",
    listPrice: 125,
    price: 88,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/brezza-red-sunstone.jpg",
    description: "Maniglia per miscelatore serie Brezza",
    availability: "Disponibile",
    series: "Brezza",
    linkedToProductFinish: true,
    technicalSheetUrl: "https://example.com/docs/BRXMAN3-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/BRXMAN3-istruzioni.pdf",
  },
  {
    id: "BRXMAN3-23",
    name: "Brezza | Maniglia",
    sku: "BRXMAN3",
    finish: "23 - Smoky Quartz",
    finishId: "smoky-quartz-23",
    listPrice: 125,
    price: 88,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/brezza-smoky-quartz.jpg",
    description: "Maniglia per miscelatore serie Brezza",
    availability: "Disponibile",
    series: "Brezza",
    linkedToProductFinish: true,
    technicalSheetUrl: "https://example.com/docs/BRXMAN3-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/BRXMAN3-istruzioni.pdf",
  },
  {
    id: "BRXMAN3-59",
    name: "Brezza | Maniglia",
    sku: "BRXMAN3",
    finish: "59 - Honey Amber",
    finishId: "honey-amber-59",
    listPrice: 125,
    price: 88,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/brezza-honey-amber.jpg",
    description: "Maniglia per miscelatore serie Brezza",
    availability: "Disponibile",
    series: "Brezza",
    linkedToProductFinish: true,
    technicalSheetUrl: "https://example.com/docs/BRXMAN3-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/BRXMAN3-istruzioni.pdf",
  },
  {
    id: "BRXMAN3-96",
    name: "Brezza | Maniglia",
    sku: "BRXMAN3",
    finish: "96 - Black Onyx",
    finishId: "black-onyx-96",
    listPrice: 125,
    price: 88,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/brezza-black-onyx.jpg",
    description: "Maniglia per miscelatore serie Brezza",
    availability: "Disponibile",
    series: "Brezza",
    linkedToProductFinish: true,
    technicalSheetUrl: "https://example.com/docs/BRXMAN3-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/BRXMAN3-istruzioni.pdf",
  },
  // VOLANTE Series
  {
    id: "VOXMAN1A1",
    name: "Volante | Maniglia A1",
    sku: "VOXMAN1A1",
    finish: "A1",
    finishId: "acciaio-spazzolato-89",
    listPrice: 118,
    price: 82,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/finiture%20maniglie/VOXMAN1A1.jpg",
    description: "Maniglia forma A1 per miscelatore serie Volante",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/VOXMAN1-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/VOXMAN1-istruzioni.pdf",
    series: "Volante",
    linkedToProductFinish: false,
  },
  {
    id: "VOXMAN1B0",
    name: "Volante | Maniglia B0",
    sku: "VOXMAN1B0",
    finish: "B0",
    finishId: "red-sunstone-05",
    listPrice: 118,
    price: 82,
    image: "https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1B0.jpg",
    description: "Maniglia forma B0 per miscelatore serie Volante",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/VOXMAN1-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/VOXMAN1-istruzioni.pdf",
    series: "Volante",
    linkedToProductFinish: false,
  },
  {
    id: "VOXMAN1G2",
    name: "Volante | Maniglia G2",
    sku: "VOXMAN1G2",
    finish: "G2",
    finishId: "red-sunstone-05",
    listPrice: 118,
    price: 82,
    image: "https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1G2.jpg",
    description: "Maniglia forma G2 per miscelatore serie Volante",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/VOXMAN1-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/VOXMAN1-istruzioni.pdf",
    series: "Volante",
    linkedToProductFinish: false,
  },
  {
    id: "VOXMAN1N0",
    name: "Volante | Maniglia N0",
    sku: "VOXMAN1N0",
    finish: "N0",
    finishId: "red-sunstone-05",
    listPrice: 118,
    price: 82,
    image: "https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1N0.jpg",
    description: "Maniglia forma N0 per miscelatore serie Volante",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/VOXMAN1-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/VOXMAN1-istruzioni.pdf",
    series: "Volante",
    linkedToProductFinish: false,
  },
  {
    id: "VOXMAN1V3",
    name: "Volante | Maniglia V3",
    sku: "VOXMAN1V3",
    finish: "V3",
    finishId: "red-sunstone-05",
    listPrice: 118,
    price: 82,
    image: "https://www.neve-rubinetterie.com/images/Neve-immagini/finiture%20maniglie/VOXMAN1V3.jpg",
    description: "Maniglia forma V3 per miscelatore serie Volante",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/VOXMAN1-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/VOXMAN1-istruzioni.pdf",
    series: "Volante",
    linkedToProductFinish: false,
  },
  {
    id: "VOXMAN1C0",
    name: "Volante | Maniglia C0",
    sku: "VOXMAN1C0",
    finish: "C0",
    finishId: "smoky-quartz-23",
    listPrice: 118,
    price: 82,
    image: "https://www.neve-rubinetterie.it/images/Neve-immagini/finiture%20maniglie/VOXMAN1C0.jpg",
    description: "Maniglia forma C0 per miscelatore serie Volante",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/VOXMAN1-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/VOXMAN1-istruzioni.pdf",
    series: "Volante",
    linkedToProductFinish: false,
  },
]

export interface Spout {
  id: string
  name: string
  sku: string
  finish: string
  finishId: string
  type: "da-appoggio" | "incasso"
  size: string
  listPrice: number
  price: number
  image: string
  description: string
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  linkedToProductFinish: boolean
  technicalSheetUrl?: string
  instructionsUrl?: string
}

export const spouts: Spout[] = [
  // ZEXCAN115 - Canna incasso 11,5 cm
  {
    id: "ZEXCAN115-89",
    name: "Zero316 | Canna incasso 11,5 cm",
    sku: "ZEXCAN115",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "incasso",
    size: "11,5cm",
    listPrice: 220,
    price: 160,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN115-2328d152ef9540b3e0dee0927ebe8bac.jpg",
    description: "Canna incasso 11,5 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN115-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN115-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN130F - Canna incasso 13 cm
  {
    id: "ZEXCAN130F-89",
    name: "Zero316 | Canna incasso 13 cm",
    sku: "ZEXCAN130F",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "incasso",
    size: "13cm",
    listPrice: 235,
    price: 170,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN130F-cea13a4241e70ce6c5fd6b18cae5e151.jpg",
    description: "Canna incasso 13 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN130F-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN130F-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN200 - Canna incasso 20 cm
  {
    id: "ZEXCAN200-89",
    name: "Zero316 | Canna incasso 20 cm",
    sku: "ZEXCAN200",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "incasso",
    size: "20cm",
    listPrice: 270,
    price: 195,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN200-d2066558be6663e9026ff57113071c05.jpg",
    description: "Canna incasso 20 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN200-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN200-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN200F - Canna incasso 20 cm
  {
    id: "ZEXCAN200F-89",
    name: "Zero316 | Canna incasso 20 cm",
    sku: "ZEXCAN200F",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "incasso",
    size: "20cm",
    listPrice: 280,
    price: 200,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN200F-5dd1549a3b6fc98e9c9963f125cb96c2.jpg",
    description: "Canna incasso 20 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN200F-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN200F-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN265 - Canna incasso 26,5 cm
  {
    id: "ZEXCAN265-89",
    name: "Zero316 | Canna incasso 26,5 cm",
    sku: "ZEXCAN265",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "incasso",
    size: "26,5cm",
    listPrice: 310,
    price: 225,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN265-81282acab85b00bcd4c46c3f9629594f.jpg",
    description: "Canna incasso 26,5 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN265-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN265-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN158 - Canna incasso 15,8 cm
  {
    id: "ZEXCAN158-89",
    name: "Zero316 | Canna incasso 15,8 cm",
    sku: "ZEXCAN158",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "incasso",
    size: "15,8cm",
    listPrice: 250,
    price: 180,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN158-c28ddd1a8e244b297a997d51b7d13799.jpg",
    description: "Canna incasso 15,8 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN158-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN158-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN13C - Da Appoggio 15cm
  {
    id: "ZEXCAN13C-89",
    name: "Zero316 | Canna da appoggio 13cm L.15cm",
    sku: "ZEXCAN13C",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "13cm L.15cm",
    listPrice: 185,
    price: 130,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXCAN13C-a093618dec3cf19a343d69fff8017a40.jpg",
    description: "Canna da appoggio 13cm, lunghezza 15cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN115-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN115-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN13C - Canna d'appoggio 13 cm, l. 14 cm
  {
    id: "ZEXCAN13C-89",
    name: "Zero316 | Canna d'appoggio 13 cm, l. 14 cm",
    sku: "ZEXCAN13C",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "13cm, l. 14cm",
    listPrice: 195,
    price: 140,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN13C-a093618dec3cf19a343d69fff8017a40.jpg",
    description: "Canna d'appoggio 13 cm, lunghezza 14 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN13C-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN13C-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN15 - Canna d'appoggio 15 cm
  {
    id: "ZEXCAN15-89",
    name: "Zero316 | Canna d'appoggio 15 cm",
    sku: "ZEXCAN15",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "15cm",
    listPrice: 210,
    price: 150,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN15-666891fdbbacfcec90476d8ce7caf84d.jpg",
    description: "Canna d'appoggio 15 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN15-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN15-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN28 - Canna d'appoggio 28 cm, l. 19 cm
  {
    id: "ZEXCAN28-89",
    name: "Zero316 | Canna d'appoggio 28 cm, l. 19 cm",
    sku: "ZEXCAN28",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "28cm, l. 19cm",
    listPrice: 275,
    price: 200,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN28-026c48165b4d1e51b622556b2d27f972.jpg",
    description: "Canna d'appoggio 28 cm, lunghezza 19 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN28-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN28-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN30 - Canna d'appoggio 30 cm
  {
    id: "ZEXCAN30-89",
    name: "Zero316 | Canna d'appoggio 30 cm",
    sku: "ZEXCAN30",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "30cm",
    listPrice: 290,
    price: 210,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN30-bac1a07a75da040811d9bf7299009898.jpg",
    description: "Canna d'appoggio 30 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN30-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN30-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN30F - Canna d'appoggio 30 cm
  {
    id: "ZEXCAN30F-89",
    name: "Zero316 | Canna d'appoggio 30 cm",
    sku: "ZEXCAN30F",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "30cm",
    listPrice: 300,
    price: 220,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN30F-f4567dd0fa1731c5a53a25fc6d9214ad.jpg",
    description: "Canna d'appoggio 30 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN30F-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN30F-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN40 - Canna d'appoggio 40 cm
  {
    id: "ZEXCAN40-89",
    name: "Zero316 | Canna d'appoggio 40 cm",
    sku: "ZEXCAN40",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "40cm",
    listPrice: 340,
    price: 245,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN40-3790fa0fbf9ccb5bdd1782de71a728de.jpg",
    description: "Canna d'appoggio 40 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN40-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN40-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN40F - Canna d'appoggio 40 cm
  {
    id: "ZEXCAN40F-89",
    name: "Zero316 | Canna d'appoggio 40 cm",
    sku: "ZEXCAN40F",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "40cm",
    listPrice: 350,
    price: 255,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN40F-142cd61e1c0ab45bfff026e8d9a3f1d2.jpg",
    description: "Canna d'appoggio 40 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN40F-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN40F-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN60 - Canna d'appoggio 60 cm
  {
    id: "ZEXCAN60-89",
    name: "Zero316 | Canna d'appoggio 60 cm",
    sku: "ZEXCAN60",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "60cm",
    listPrice: 430,
    price: 310,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60-95cf7aff87d61ed6c577fa4d7722ebbc.jpg",
    description: "Canna d'appoggio 60 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN60-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN60-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN60F - Canna d'appoggio 60 cm
  {
    id: "ZEXCAN60F-89",
    name: "Zero316 | Canna d'appoggio 60 cm",
    sku: "ZEXCAN60F",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "60cm",
    listPrice: 440,
    price: 320,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN60F-9d95edcab89d34ac66423bbfbead62fc.jpg",
    description: "Canna d'appoggio 60 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN60F-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN60F-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXCAN13 - Canna d'appoggio 13 cm, l. 19 cm
  {
    id: "ZEXCAN13-89",
    name: "Zero316 | Canna d'appoggio 13 cm, l. 19 cm",
    sku: "ZEXCAN13",
    finish: "89 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "da-appoggio",
    size: "13cm, l. 19cm",
    listPrice: 205,
    price: 148,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXCAN13-19c07ecb3933fa6dfd6d08a57f0af0ad.jpg",
    description: "Canna d'appoggio 13 cm, lunghezza 19 cm",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXCAN13-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXCAN13-istruzioni.pdf",
    linkedToProductFinish: true,
  },
]

export interface Drain {
  id: string
  name: string
  sku: string
  finish: string
  finishId: string
  type: "con-troppo-pieno" | "senza-troppo-pieno"
  listPrice: number
  price: number
  image: string
  description: string
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  linkedToProductFinish: boolean
  technicalSheetUrl?: string
  instructionsUrl?: string
}

export const drains: Drain[] = [
  // ZEXSCACFO - Con troppo pieno
  {
    id: "ZEXSCACFO-69",
    name: "Zero316 | Scarico con troppo pieno",
    sku: "ZEXSCACFO",
    finish: "69 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "con-troppo-pieno",
    listPrice: 95,
    price: 68,
    image: "https://www.neve-rubinetterie.com/media/widgetkit/ZEXSCACFO-f69e2ef9a26e6999d0d789471d61e606.jpg",
    description: "Scarico manuale click clack per lavabi con troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCACFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCACFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCACFO-05",
    name: "Zero316 | Scarico con troppo pieno",
    sku: "ZEXSCACFO",
    finish: "05 - Red Sunstone",
    finishId: "red-sunstone-05",
    type: "con-troppo-pieno",
    listPrice: 95,
    price: 68,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCACFO-05-8992a247a393f56d0c8c720827d0a1ff.jpg",
    description: "Scarico manuale click clack per lavabi con troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCACFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCACFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCACFO-23",
    name: "Zero316 | Scarico con troppo pieno",
    sku: "ZEXSCACFO",
    finish: "23 - Smoky Quartz",
    finishId: "smoky-quartz-23",
    type: "con-troppo-pieno",
    listPrice: 95,
    price: 68,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCACFO-23-00ab1b65609e3a273034d14752bf855b.jpg",
    description: "Scarico manuale click clack per lavabi con troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCACFO-59",
    name: "Zero316 | Scarico con troppo pieno",
    sku: "ZEXSCACFO",
    finish: "59 - Honey Amber",
    finishId: "honey-amber-59",
    type: "con-troppo-pieno",
    listPrice: 95,
    price: 68,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCACFO-59-2b2b8799613edb55d3857acdc8265fa7.jpg",
    description: "Scarico manuale click clack per lavabi con troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCACFO-96",
    name: "Zero316 | Scarico con troppo pieno",
    sku: "ZEXSCACFO",
    finish: "96 - Black Onyx",
    finishId: "black-onyx-96",
    type: "con-troppo-pieno",
    listPrice: 95,
    price: 68,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCACFO-96-5f18429760ca4d5e265fad2a317ec65f.jpg",
    description: "Scarico manuale click clack per lavabi con troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCACFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCACFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  // ZEXSCASFO - Senza troppo pieno
  {
    id: "ZEXSCASFO-69",
    name: "Zero316 | Scarico senza troppo pieno",
    sku: "ZEXSCASFO",
    finish: "69 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    type: "senza-troppo-pieno",
    listPrice: 85,
    price: 60,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCASFO-1fafa83b90269c5e305f1ec9abd85279.jpg",
    description: "Scarico manuale click clack per lavabi senza troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCASFO-05",
    name: "Zero316 | Scarico senza troppo pieno",
    sku: "ZEXSCASFO",
    finish: "05 - Red Sunstone",
    finishId: "red-sunstone-05",
    type: "senza-troppo-pieno",
    listPrice: 85,
    price: 60,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCASFO-05-f5c2bd841aa5dbdb8d5e587431abdcd2.jpg",
    description: "Scarico manuale click clack per lavabi senza troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCASFO-23",
    name: "Zero316 | Scarico senza troppo pieno",
    sku: "ZEXSCASFO",
    finish: "23 - Smoky Quartz",
    finishId: "smoky-quartz-23",
    type: "senza-troppo-pieno",
    listPrice: 85,
    price: 60,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCASFO-23-76d576d5a4f75d65bb070a98e07a52d9.jpg",
    description: "Scarico manuale click clack per lavabi senza troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCASFO-59",
    name: "Zero316 | Scarico senza troppo pieno",
    sku: "ZEXSCASFO",
    finish: "59 - Honey Amber",
    finishId: "honey-amber-59",
    type: "senza-troppo-pieno",
    listPrice: 85,
    price: 60,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCASFO-59-0eededc7d7b73a79cb074026b469f9c0.jpg",
    description: "Scarico manuale click clack per lavabi senza troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSCASFO-96",
    name: "Zero316 | Scarico senza troppo pieno",
    sku: "ZEXSCASFO",
    finish: "96 - Black Onyx",
    finishId: "black-onyx-96",
    type: "senza-troppo-pieno",
    listPrice: 85,
    price: 60,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSCASFO-96-1e8b74102568a630ca958773a6c45062.jpg",
    description: "Scarico manuale click clack per lavabi senza troppo pieno",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
]

export interface Siphon {
  id: string
  name: string
  sku: string
  finish: string
  finishId: string
  listPrice: number
  price: number
  image: string
  description: string
  availability: "Disponibile" | "In arrivo" | "Su ordinazione"
  linkedToProductFinish: boolean
  technicalSheetUrl?: string
  instructionsUrl?: string
}

export const siphons: Siphon[] = [
  {
    id: "ZEXSIF9B-69",
    name: "Zero316 | Sifone",
    sku: "ZEXSIF9B",
    finish: "69 - Acciaio Spazzolato",
    finishId: "acciaio-spazzolato-89",
    listPrice: 75,
    price: 52,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSIF9B-0e0f69ff9eac6e0b91f28acb922812d0.jpg",
    description: "Sifone lavabo acciaio",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSIF9B-05",
    name: "Zero316 | Sifone",
    sku: "ZEXSIF9B",
    finish: "05 - Red Sunstone",
    finishId: "red-sunstone-05",
    listPrice: 75,
    price: 52,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSIF9B-05-304f9893ed727342a6c46f287ceb1810.jpg",
    description: "Sifone lavabo acciaio",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSIF9B-23",
    name: "Zero316 | Sifone",
    sku: "ZEXSIF9B",
    finish: "23 - Smoky Quartz",
    finishId: "smoky-quartz-23",
    listPrice: 75,
    price: 52,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSIF9B-23-1394c7153eae5c70b18e6d6483a99597.jpg",
    description: "Sifone lavabo acciaio",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSIF9B-59",
    name: "Zero316 | Sifone",
    sku: "ZEXSIF9B",
    finish: "59 - Honey Amber",
    finishId: "honey-amber-59",
    listPrice: 75,
    price: 52,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSIF9B-59-8a11848cf4ec73454e995be6606ea184.jpg",
    description: "Sifone lavabo acciaio",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
  {
    id: "ZEXSIF9B-96",
    name: "Zero316 | Sifone",
    sku: "ZEXSIF9B",
    finish: "96 - Black Onyx",
    finishId: "black-onyx-96",
    listPrice: 75,
    price: 52,
    image: "https://www.neve-rubinetterie.it/media/widgetkit/ZEXSIF9B-96-289a0b1ec02b3fac92dae6b958d5a33a.jpg",
    description: "Sifone lavabo acciaio",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    linkedToProductFinish: true,
  },
]

export const remoteControls: RemoteControl[] = [
  {
    id: "DOXMAN33",
    name: "Miscelatore Da Appoggio",
    sku: "DOXMAN33",
    listPrice: 450,
    price: 315,
    image: "/remote-controls/doxman33.jpg",
    description: "Miscelatore da appoggio, attacco inferiore dei flessibili. Cartuccia idrogressiva",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    type: "",
  },
  {
    id: "DOXMAN33Y",
    name: "Miscelatore Da Appoggio con Flessibili",
    sku: "DOXMAN33Y",
    listPrice: 480,
    price: 335,
    image: "/remote-controls/doxman33y.jpg",
    description: "Miscelatore da appoggio, attacco inferiore dei flessibili",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    type: "",
  },
  {
    id: "DOXMAN40",
    name: "Miscelatore Da Appoggio Idrogressivo",
    sku: "DOXMAN40",
    listPrice: 520,
    price: 365,
    image: "/remote-controls/doxman40.jpg",
    description: "Miscelatore da appoggio. Cartuccia idrogressiva",
    availability: "Disponibile",
    technicalSheetUrl: "https://example.com/docs/ZEXSCASFO-scheda-tecnica.pdf",
    instructionsUrl: "https://example.com/docs/ZEXSCASFO-istruzioni.pdf",
    type: "",
  },
]

export function getHandleById(id: string): Handle | undefined {
  return handles.find((h) => h.id === id)
}

export function getRemoteControlById(id: string): RemoteControl | undefined {
  return remoteControls.find((r) => r.id === id)
}

export function getVolanteHandles(): Handle[] {
  return handles.filter((h) => h.series === "Volante")
}

export function getBrezzaHandles(): Handle[] {
  return handles.filter((h) => h.series === "Brezza")
}

export function getHandlesBySeries(series: "Brezza" | "Volante"): Handle[] {
  return handles.filter((h) => h.series === series)
}

export function getCompatibleHandles(productId: string): Handle[] {
  // vox938sszy (Volante) supports all handle series (Brezza and Volante)
  if (productId === "vox938sszy") {
    return handles // Return all handles for Volante product
  }
  // Other products use generic handles
  return handles.filter((h) => !h.sku.startsWith("VOXMAN"))
}

export function getCompatibleSpouts(productId: string): Spout[] {
  const product = products.find((p) => p.id === productId)
  
  // If product specifies a required spout type, filter by that type
  if (product?.requiredSpoutType) {
    return spouts.filter((spout) => spout.type === product.requiredSpoutType)
  }
  
  // Otherwise, return all spouts
  return spouts
}

export function getCompatibleDrains(productId: string): Drain[] {
  // Return all drains compatible with the product
  // All drains are compatible with all products that support drains
  return drains
}

export function getCompatibleSiphons(productId: string): Siphon[] {
  // Return all siphons compatible with the product
  // All siphons are compatible with all products that support siphons
  return siphons
}

// User activity interface and data
export interface UserActivity {
  id: string
  customerId: string
  type: "view_product" | "configure_product" | "add_to_cart" | "remove_from_cart" | "place_order" | "search"
  productId?: string
  productName?: string
  finishId?: string
  finishName?: string
  quantity?: number
  searchQuery?: string
  timestamp: string
}

export interface CustomerStats {
  customerId: string
  totalOrders: number
  totalSpent: number
  averageOrderValue: number
  lastOrderDate: string
  lastVisit: string
  favoriteCollection: string
  productsViewed: number
  productsInCart: number
  conversionRate: number
}

export const userActivities: UserActivity[] = [
  {
    id: "ACT-001",
    customerId: "CLI-001",
    type: "view_product",
    productId: "doc-001",
    productName: "Miscelatore Doc Lavabo",
    timestamp: "2025-01-10T14:32:00",
  },
  {
    id: "ACT-002",
    customerId: "CLI-001",
    type: "configure_product",
    productId: "doc-001",
    productName: "Miscelatore Doc Lavabo",
    finishId: "59",
    finishName: "Black Onyx",
    timestamp: "2025-01-10T14:33:00",
  },
  {
    id: "ACT-003",
    customerId: "CLI-001",
    type: "add_to_cart",
    productId: "doc-001",
    productName: "Miscelatore Doc Lavabo",
    finishId: "59",
    finishName: "Black Onyx",
    quantity: 3,
    timestamp: "2025-01-10T14:35:00",
  },
  {
    id: "ACT-004",
    customerId: "CLI-001",
    type: "view_product",
    productId: "brezza-001",
    productName: "Miscelatore Brezza Lavabo",
    timestamp: "2025-01-10T14:40:00",
  },
  {
    id: "ACT-005",
    customerId: "CLI-001",
    type: "search",
    searchQuery: "soffione doccia",
    timestamp: "2025-01-10T14:45:00",
  },
  {
    id: "ACT-006",
    customerId: "CLI-001",
    type: "view_product",
    productId: "doc-003",
    productName: "Miscelatore Doccia Incasso Doc",
    timestamp: "2025-01-10T14:47:00",
  },
  {
    id: "ACT-007",
    customerId: "CLI-001",
    type: "configure_product",
    productId: "doc-003",
    productName: "Miscelatore Doccia Incasso Doc",
    finishId: "89",
    finishName: "Smoky Quartz",
    timestamp: "2025-01-10T14:48:00",
  },
  {
    id: "ACT-008",
    customerId: "CLI-001",
    type: "add_to_cart",
    productId: "doc-003",
    productName: "Miscelatore Doccia Incasso Doc",
    finishId: "89",
    finishName: "Smoky Quartz",
    quantity: 2,
    timestamp: "2025-01-10T14:50:00",
  },
  {
    id: "ACT-009",
    customerId: "CLI-001",
    type: "place_order",
    timestamp: "2025-01-10T15:00:00",
  },
  {
    id: "ACT-010",
    customerId: "CLI-002",
    type: "view_product",
    productId: "viva-001",
    productName: "Miscelatore Viva Lavabo",
    timestamp: "2025-01-10T10:15:00",
  },
  {
    id: "ACT-011",
    customerId: "CLI-002",
    type: "configure_product",
    productId: "viva-001",
    productName: "Miscelatore Viva Lavabo",
    finishId: "23",
    finishName: "Honey Amber",
    timestamp: "2025-01-10T10:17:00",
  },
  {
    id: "ACT-012",
    customerId: "CLI-002",
    type: "add_to_cart",
    productId: "viva-001",
    productName: "Miscelatore Viva Lavabo",
    finishId: "23",
    finishName: "Honey Amber",
    quantity: 5,
    timestamp: "2025-01-10T10:20:00",
  },
  {
    id: "ACT-013",
    customerId: "CLI-002",
    type: "search",
    searchQuery: "rubinetto cucina",
    timestamp: "2025-01-10T10:25:00",
  },
  {
    id: "ACT-014",
    customerId: "CLI-002",
    type: "view_product",
    productId: "cucina-001",
    productName: "Miscelatore Cucina Doc",
    timestamp: "2025-01-10T10:27:00",
  },
  {
    id: "ACT-015",
    customerId: "CLI-003",
    type: "view_product",
    productId: "volante-001",
    productName: "Miscelatore Volante Lavabo",
    timestamp: "2025-01-09T16:00:00",
  },
  {
    id: "ACT-016",
    customerId: "CLI-003",
    type: "view_product",
    productId: "zero-001",
    productName: "Miscelatore Zero Lavabo",
    timestamp: "2025-01-09T16:10:00",
  },
  {
    id: "ACT-017",
    customerId: "CLI-003",
    type: "configure_product",
    productId: "zero-001",
    productName: "Miscelatore Zero Lavabo",
    finishId: "96",
    finishName: "Red Sunstone",
    timestamp: "2025-01-09T16:12:00",
  },
  {
    id: "ACT-018",
    customerId: "CLI-004",
    type: "search",
    searchQuery: "incasso termostatico",
    timestamp: "2025-01-09T11:30:00",
  },
  {
    id: "ACT-019",
    customerId: "CLI-004",
    type: "view_product",
    productId: "doc-004", // This product doesn't exist in the mock data, assuming a typo
    productName: "Miscelatore Vasca Doc",
    timestamp: "2025-01-09T11:35:00",
  },
  {
    id: "ACT-020",
    customerId: "CLI-005",
    type: "view_product",
    productId: "316-001",
    productName: "Miscelatore 316 Lavabo",
    timestamp: "2025-01-08T09:00:00",
  },
]

export const customerStats: CustomerStats[] = [
  {
    customerId: "CLI-001",
    totalOrders: 47,
    totalSpent: 125680,
    averageOrderValue: 2674,
    lastOrderDate: "2025-01-10",
    lastVisit: "2025-01-10T15:00:00",
    favoriteCollection: "Doc",
    productsViewed: 156,
    productsInCart: 5,
    conversionRate: 68,
  },
  {
    customerId: "CLI-002",
    totalOrders: 32,
    totalSpent: 89450,
    averageOrderValue: 2795,
    lastOrderDate: "2025-01-08",
    lastVisit: "2025-01-10T10:30:00",
    favoriteCollection: "Viva",
    productsViewed: 98,
    productsInCart: 2,
    conversionRate: 72,
  },
  {
    customerId: "CLI-003",
    totalOrders: 18,
    totalSpent: 42300,
    averageOrderValue: 2350,
    lastOrderDate: "2025-01-05",
    lastVisit: "2025-01-09T16:15:00",
    favoriteCollection: "Zero",
    productsViewed: 67,
    productsInCart: 0,
    conversionRate: 54,
  },
  {
    customerId: "CLI-004",
    totalOrders: 56,
    totalSpent: 178900,
    averageOrderValue: 3195,
    lastOrderDate: "2025-01-09",
    lastVisit: "2025-01-09T11:40:00",
    favoriteCollection: "Doc",
    productsViewed: 203,
    productsInCart: 8,
    conversionRate: 81,
  },
  {
    customerId: "CLI-005",
    totalOrders: 12,
    totalSpent: 28600,
    averageOrderValue: 2383,
    lastOrderDate: "2024-12-20",
    lastVisit: "2025-01-08T09:10:00",
    favoriteCollection: "316",
    productsViewed: 45,
    productsInCart: 1,
    conversionRate: 42,
  },
]

// Helper to get activities by customer
export const getActivitiesByCustomer = (customerId: string): UserActivity[] => {
  return userActivities
    .filter((a) => a.customerId === customerId)
    .sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime())
}

// Helper to get stats by customer
export const getStatsByCustomer = (customerId: string): CustomerStats | undefined => {
  return customerStats.find((s) => s.customerId === customerId)
}

export interface CartHistoryItem {
  productId: string
  productName: string
  finishId?: string
  finishName?: string
  quantity: number
  price: number
}

export interface CartHistory {
  id: string
  customerId: string
  items: CartHistoryItem[]
  total: number
  status: "abandoned" | "converted" | "active"
  createdAt: string
  convertedAt?: string
  orderId?: string
}

export const cartHistory: CartHistory[] = [
  {
    id: "CART-001",
    customerId: "CLI-001",
    items: [
      {
        productId: "doc-001",
        productName: "Miscelatore Doc Lavabo",
        finishId: "59",
        finishName: "Black Onyx",
        quantity: 3,
        price: 320,
      },
      {
        productId: "doc-003",
        productName: "Miscelatore Doccia Incasso Doc",
        finishId: "89",
        finishName: "Smoky Quartz",
        quantity: 2,
        price: 480,
      },
    ],
    total: 1920,
    status: "active",
    createdAt: "2025-01-10T14:35:00",
  },
  {
    id: "CART-002",
    customerId: "CLI-001",
    items: [
      {
        productId: "brezza-001",
        productName: "Miscelatore Brezza Lavabo",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 5,
        price: 280,
      },
      {
        productId: "viva-001",
        productName: "Miscelatore Viva Lavabo",
        finishId: "23",
        finishName: "Honey Amber",
        quantity: 2,
        price: 350,
      },
      {
        productId: "cucina-001",
        productName: "Miscelatore Cucina Pro",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 1,
        price: 420,
      },
    ],
    total: 2520,
    status: "converted",
    createdAt: "2025-01-05T09:20:00",
    convertedAt: "2025-01-05T11:45:00",
    orderId: "ORD-001",
  },
  {
    id: "CART-003",
    customerId: "CLI-001",
    items: [
      {
        productId: "zero-001",
        productName: "Miscelatore Zero Lavabo",
        finishId: "59",
        finishName: "Black Onyx",
        quantity: 4,
        price: 390,
      },
    ],
    total: 1560,
    status: "abandoned",
    createdAt: "2024-12-20T16:10:00",
  },
  {
    id: "CART-004",
    customerId: "CLI-001",
    items: [
      {
        productId: "doc-001",
        productName: "Miscelatore Doc Lavabo",
        finishId: "96",
        finishName: "Red Sunstone",
        quantity: 2,
        price: 320,
      },
      {
        productId: "doc-002",
        productName: "Miscelatore Doc Bidet",
        finishId: "96",
        finishName: "Red Sunstone",
        quantity: 2,
        price: 290,
      },
    ],
    total: 1220,
    status: "abandoned",
    createdAt: "2024-12-15T10:30:00",
  },
  {
    id: "CART-005",
    customerId: "CLI-002",
    items: [
      {
        productId: "viva-001",
        productName: "Miscelatore Viva Lavabo",
        finishId: "23",
        finishName: "Honey Amber",
        quantity: 5,
        price: 350,
      },
    ],
    total: 1750,
    status: "active",
    createdAt: "2025-01-10T10:20:00",
  },
  {
    id: "CART-006",
    customerId: "CLI-002",
    items: [
      {
        productId: "316-001",
        productName: "Miscelatore 316 Lavabo",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 10,
        price: 520,
      },
      {
        productId: "acc-001",
        productName: "Porta Sapone 316",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 10,
        price: 85,
      },
    ],
    total: 6050,
    status: "converted",
    createdAt: "2025-01-02T14:00:00",
    convertedAt: "2025-01-02T14:30:00",
    orderId: "ORD-002",
  },
  {
    id: "CART-007",
    customerId: "CLI-003",
    items: [
      {
        productId: "cucina-001",
        productName: "Miscelatore Cucina Pro",
        finishId: "59",
        finishName: "Black Onyx",
        quantity: 3,
        price: 420,
      },
    ],
    total: 1260,
    status: "active",
    createdAt: "2025-01-09T11:00:00",
  },
]

export const getCartHistoryByCustomer = (customerId: string): CartHistory[] => {
  return cartHistory
    .filter((c) => c.customerId === customerId)
    .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
}

export function getZero316RemoteControls(): RemoteControl[] {
  return remoteControls.filter((rc) => rc.id.startsWith("DOXMAN"))
}

export function getCompatibleRemoteControls(productId: string): RemoteControl[] {
  if (productId === "zexcan60") {
    return getZero316RemoteControls()
  }
  return remoteControls
}

// Quote (Preventivo) types and data
export interface QuoteItem {
  productId: string
  productName: string
  productImage: string
  finishId?: string
  finishName?: string
  quantity: number
  listPrice: number
  price: number
  handleId?: string
  handleName?: string
  handlePrice?: number
  remoteControlId?: string
  remoteControlName?: string
  remoteControlPrice?: number
}

export interface QuoteViewEvent {
  timestamp: string
  ipAddress?: string
  userAgent?: string
}

export interface Quote {
  id: string
  shareToken: string // Unique token for shareable link
  customerId: string
  customerName: string
  customerCompany: string
  customerEmail: string
  createdBy: "customer" | "admin"
  createdByName?: string // Admin name if created by admin
  items: QuoteItem[]
  subtotal: number
  discount?: number
  discountPercentage?: number
  total: number
  status: "pending" | "accepted" | "rejected" | "expired"
  validUntil: string // Expiration date
  createdAt: string
  updatedAt: string
  acceptedAt?: string
  rejectedAt?: string
  rejectionReason?: string
  notes?: string
  adminNotes?: string
  viewHistory: QuoteViewEvent[]
}

export const quotes: Quote[] = [
  {
    id: "QT-2025-001",
    shareToken: "abc123def456",
    customerId: "CLI-001",
    customerName: "Mario Rossi",
    customerCompany: "Rossi Arredamenti",
    customerEmail: "demo@neve.com",
    createdBy: "customer",
    items: [
      {
        productId: "vox938sszy",
        productName: "Miscelatore Lavabo Volante",
        productImage: "/products/vox938sszy-acciaio-spazzolato.jpg",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 5,
        listPrice: 685,
        price: 495,
        handleId: "VOXMAN1B0",
        handleName: "Maniglia Porcellana Bianca",
        handlePrice: 45,
      },
      {
        productId: "zexcan60",
        productName: "Canna d'appoggio 60 cm",
        productImage: "/products/zexcan60-acciaio-spazzolato.jpg",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 5,
        listPrice: 320,
        price: 240,
      },
    ],
    subtotal: 3900,
    total: 3900,
    status: "pending",
    validUntil: "2025-02-28T23:59:59",
    createdAt: "2025-01-10T09:30:00",
    updatedAt: "2025-01-10T09:30:00",
    notes: "Richiesta per progetto hotel boutique",
    viewHistory: [
      { timestamp: "2025-01-10T10:15:00", userAgent: "Mozilla/5.0" },
      { timestamp: "2025-01-12T14:30:00", userAgent: "Mozilla/5.0" },
    ],
  },
  {
    id: "QT-2025-002",
    shareToken: "xyz789ghi012",
    customerId: "CLI-001",
    customerName: "Mario Rossi",
    customerCompany: "Rossi Arredamenti",
    customerEmail: "demo@neve.com",
    createdBy: "admin",
    createdByName: "Admin Neve",
    items: [
      {
        productId: "316-001",
        productName: "Miscelatore Lavabo 316",
        productImage: "/products/316-001-acciaio-spazzolato.jpg",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 10,
        listPrice: 1190,
        price: 890,
      },
      {
        productId: "316-002",
        productName: "Gruppo Doccia 316",
        productImage: "/products/316-001-acciaio-spazzolato.jpg",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 5,
        listPrice: 1935,
        price: 1450,
      },
    ],
    subtotal: 16150,
    discount: 1615,
    discountPercentage: 10,
    total: 14535,
    status: "accepted",
    validUntil: "2025-02-15T23:59:59",
    createdAt: "2025-01-05T11:00:00",
    updatedAt: "2025-01-08T16:45:00",
    acceptedAt: "2025-01-08T16:45:00",
    adminNotes: "Sconto 10% per quantità",
    viewHistory: [
      { timestamp: "2025-01-05T11:30:00" },
      { timestamp: "2025-01-06T09:00:00" },
      { timestamp: "2025-01-08T16:40:00" },
    ],
  },
  {
    id: "QT-2025-003",
    shareToken: "jkl345mno678",
    customerId: "CLI-002",
    customerName: "Luigi Bianchi",
    customerCompany: "Bianchi Design",
    customerEmail: "luigi@bianchidesign.it",
    createdBy: "admin",
    createdByName: "Admin Neve",
    items: [
      {
        productId: "brezza-001",
        productName: "Miscelatore Lavabo Brezza",
        productImage: "/products/brezza-001-acciaio-spazzolato.jpg",
        finishId: "acciaio-spazzolato",
        finishName: "Acciaio Spazzolato",
        quantity: 20,
        listPrice: 695,
        price: 520,
      },
    ],
    subtotal: 10400,
    discount: 520,
    discountPercentage: 5,
    total: 9880,
    status: "rejected",
    validUntil: "2025-01-20T23:59:59",
    createdAt: "2025-01-02T14:00:00",
    updatedAt: "2025-01-04T10:30:00",
    rejectedAt: "2025-01-04T10:30:00",
    rejectionReason: "Budget insufficiente per questo trimestre",
    viewHistory: [
      { timestamp: "2025-01-02T15:00:00" },
      { timestamp: "2025-01-04T10:25:00" },
    ],
  },
  {
    id: "QT-2025-004",
    shareToken: "pqr901stu234",
    customerId: "CLI-003",
    customerName: "Anna Verdi",
    customerCompany: "Verdi Costruzioni",
    customerEmail: "anna@verdicostruzioni.it",
    createdBy: "customer",
    items: [
      {
        productId: "doc-001",
        productName: "Miscelatore Lavabo Doc Design",
        productImage: "/products/doc-001-acciaio-spazzolato.jpg",
        finishId: "black-onyx",
        finishName: "Black Onyx",
        quantity: 15,
        listPrice: 420,
        price: 295,
      },
      {
        productId: "doc-002",
        productName: "Miscelatore Bidet Doc",
        productImage: "/stainless-steel-bidet-faucet-italian-design.jpg",
        finishId: "black-onyx",
        finishName: "Black Onyx",
        quantity: 15,
        listPrice: 380,
        price: 265,
      },
    ],
    subtotal: 8400,
    total: 8400,
    status: "expired",
    validUntil: "2025-01-10T23:59:59",
    createdAt: "2024-12-20T16:00:00",
    updatedAt: "2024-12-20T16:00:00",
    notes: "Per progetto residenziale via Roma",
    viewHistory: [
      { timestamp: "2024-12-21T09:00:00" },
    ],
  },
  {
    id: "QT-2025-005",
    shareToken: "vwx567yza890",
    customerId: "CLI-001",
    customerName: "Mario Rossi",
    customerCompany: "Rossi Arredamenti",
    customerEmail: "demo@neve.com",
    createdBy: "admin",
    createdByName: "Admin Neve",
    items: [
      {
        productId: "cucina-001",
        productName: "Miscelatore Cucina Estraibile",
        productImage: "/products/cucina-001-acciaio-spazzolato.jpg",
        finishId: "smoky-quartz",
        finishName: "Smoky Quartz",
        quantity: 8,
        listPrice: 905,
        price: 680,
      },
    ],
    subtotal: 5440,
    total: 5440,
    status: "pending",
    validUntil: "2025-03-15T23:59:59",
    createdAt: "2025-01-15T10:00:00",
    updatedAt: "2025-01-15T10:00:00",
    adminNotes: "Cliente interessato, follow-up settimana prossima",
    viewHistory: [],
  },
]

export const getQuotesByCustomer = (customerId: string): Quote[] => {
  return quotes
    .filter((q) => q.customerId === customerId)
    .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
}

export const getQuoteByShareToken = (token: string): Quote | undefined => {
  return quotes.find((q) => q.shareToken === token)
}

export const getQuoteById = (id: string): Quote | undefined => {
  return quotes.find((q) => q.id === id)
}

export const getAllQuotes = (): Quote[] => {
  return quotes.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
}

export const generateShareToken = (): string => {
  return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
}

export const saveQuote = (quote: Quote): Quote => {
  quotes.push(quote)
  return quote
}

// Alias for backwards compatibility
export const mockOrders = orders
[V0_FILE]typescriptreact:file="app/catalogo/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useRouter, useSearchParams } from "next/navigation"
import Link from "next/link"
import Image from "next/image"
import { AppHeader } from "@/components/app-header"
import { PriceDisplay } from "@/components/price-display"
import { useAuth } from "@/lib/auth-context"
import { useLanguage } from "@/lib/language-context"
import { t } from "@/lib/translations"
import { products, series, incassi } from "@/lib/mock-data"
import { Input } from "@/components/ui/input"
import { Search, Filter, X } from "lucide-react"

export default function CatalogoPage() {
  const router = useRouter()
  const searchParams = useSearchParams()
  const { isLoggedIn } = useAuth()
  const { language } = useLanguage()
  const [selectedCategory, setSelectedCategory] = useState<string | null>(searchParams.get("categoria"))
  const [searchQuery, setSearchQuery] = useState("")
  const [mobileFilterOpen, setMobileFilterOpen] = useState(false)
  const [selectedTipologia, setSelectedTipologia] = useState<string | null>(searchParams.get("tipologia"))

const tipologie = [
    { id: "lavabo", label: { it: "Lavabo", en: "Washbasin", fr: "Lavabo" } },
    { id: "bidet", label: { it: "Bidet", en: "Bidet", fr: "Bidet" } },
    { id: "doccia", label: { it: "Doccia", en: "Shower", fr: "Douche" } },
    { id: "vasca", label: { it: "Vasca", en: "Bathtub", fr: "Baignoire" } },
    { id: "wc", label: { it: "WC", en: "WC", fr: "WC" } },
  ]

useEffect(() => {
    if (!isLoggedIn) {
      router.push("/")
    }
  }, [isLoggedIn, router])

if (!isLoggedIn) return null

const getSeriesName = (key: string) => {
    return series[key as keyof typeof series]?.name || key
  }

const getAvailability = (status: string) => {
    if (status === "Disponibile") return t("common.available", language)
    if (status === "In arrivo") return t("common.arriving", language)
    return t("common.onOrder", language)
  }

const searchFilteredProducts = products.filter((product) => {
    if (!searchQuery) return true
    const query = searchQuery.toLowerCase()
    return (
      product.name.toLowerCase().includes(query) ||
      product.sku.toLowerCase().includes(query) ||
      product.collection.toLowerCase().includes(query)
    )
  })

const searchFilteredIncassi = incassi.filter((incasso) => {
    if (!searchQuery) return true
    const query = searchQuery.toLowerCase()
    return incasso.name.toLowerCase().includes(query) || incasso.sku.toLowerCase().includes(query)
  })

const filteredProducts = searchFilteredProducts.filter((product) => {
    if (searchQuery) return true
    // Filter by tipologia if selected
    if (selectedTipologia && product.tipologia !== selectedTipologia) {
      return false
    }
    if (selectedCategory) {
      return product.category === selectedCategory
    }
    return true
  })

// Get available tipologie for current series
  const availableTipologie = selectedCategory
    ? [...new Set(
        searchFilteredProducts
          .filter((product) => product.category === selectedCategory)
          .map((p) => p.tipologia)
          .filter(Boolean)
      )]
    : []

const displayedIncassi = searchQuery ? searchFilteredIncassi : []

const totalItems = searchQuery
    ? filteredProducts.length + displayedIncassi.length
    : filteredProducts.length

const clearSearch = () => {
    setSearchQuery("")
  }

const Sidebar = () => (
    <nav className="space-y-1">
      <button
        onClick={() => {
          setSelectedCategory(null)
          setSelectedTipologia(null)
        }}
        className={`w-full text-left px-3 py-2 text-sm transition-colors ${
          !selectedCategory ? "bg-foreground text-background" : "hover:bg-muted"
        }`}
      >
        {t("catalog.allProducts", language)}
      </button>
      {Object.entries(series).map(([key, seriesItem]) => (
        <button
          key={key}
          onClick={() => {
            setSelectedCategory(key)
            setSelectedTipologia(null)
            setMobileFilterOpen(false)
          }}
          className={`w-full text-left px-3 py-2 text-sm transition-colors ${
            selectedCategory === key ? "bg-foreground text-background" : "hover:bg-muted"
          }`}
        >
          {getSeriesName(key)}
        </button>
      ))}
    </nav>
  )

return (
    <div className="min-h-screen bg-background">
      <AppHeader />

<main className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
        {/* Header */}
        <div className="mb-8 flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
          <div>
            <h1 className="font-serif text-3xl font-light">{t("catalog.title", language)}</h1>
            <p className="mt-1 text-sm text-muted-foreground">
              {totalItems} {t("catalog.productsAvailable", language)}
            </p>
          </div>
          <div className="flex items-center gap-4">
            <div className="relative w-full md:w-80">
              <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
              <Input
                placeholder={t("catalog.searchPlaceholder", language)}
                value={searchQuery}
                onChange={(e) => setSearchQuery(e.target.value)}
                className="h-10 pl-10 pr-10"
              />
              {searchQuery && (
                <button
                  onClick={clearSearch}
                  className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
                >
                  <X className="h-4 w-4" />
                </button>
              )}
            </div>
            <button
              onClick={() => setMobileFilterOpen(true)}
              className="flex items-center gap-2 rounded border border-border px-4 py-2 text-sm lg:hidden"
            >
              <Filter className="h-4 w-4" />
              {t("common.filters", language)}
            </button>
          </div>
        </div>

<div className="flex gap-8">
          {/* Desktop Sidebar */}
          <aside className="hidden w-64 shrink-0 lg:block">
            <h2 className="mb-4 text-xs font-medium uppercase tracking-wider text-muted-foreground">
              {t("catalog.series", language)}
            </h2>
            <Sidebar />
          </aside>

{/* Mobile Sidebar */}
          {mobileFilterOpen && (
            <div className="fixed inset-0 z-50 lg:hidden">
              <div className="absolute inset-0 bg-foreground/50" onClick={() => setMobileFilterOpen(false)} />
              <div className="absolute bottom-0 left-0 right-0 top-0 w-80 bg-background p-6">
                <div className="mb-6 flex items-center justify-between">
                  <h2 className="text-lg font-medium">{t("catalog.series", language)}</h2>
                  <button onClick={() => setMobileFilterOpen(false)}>
                    <X className="h-5 w-5" />
                  </button>
                </div>
                <Sidebar />
              </div>
            </div>
          )}

{/* Product Grid */}
          <div className="flex-1">
            {/* Tipologia Filter */}
            {selectedCategory && availableTipologie.length > 0 && !searchQuery && (
              <div className="mb-6 flex flex-wrap items-center gap-2">
                <span className="text-sm text-muted-foreground mr-2">{t("catalog.filterByType", language)}:</span>
                <button
                  onClick={() => setSelectedTipologia(null)}
                  className={`px-3 py-1.5 text-sm rounded-full border transition-colors ${
                    !selectedTipologia
                      ? "bg-foreground text-background border-foreground"
                      : "border-border hover:bg-muted"
                  }`}
                >
                  {t("common.all", language)}
                </button>
                {availableTipologie.map((tip) => {
                  const tipConfig = tipologie.find((t) => t.id === tip)
                  return (
                    <button
                      key={tip}
                      onClick={() => setSelectedTipologia(tip === selectedTipologia ? null : tip)}
                      className={`px-3 py-1.5 text-sm rounded-full border transition-colors ${
                        selectedTipologia === tip
                          ? "bg-foreground text-background border-foreground"
                          : "border-border hover:bg-muted"
                      }`}
                    >
                      {tipConfig?.label[language as keyof typeof tipConfig.label] || tip}
                    </button>
                  )
                })}
              </div>
            )}

{searchQuery && (
              <div className="mb-6 flex items-center justify-between rounded-lg bg-muted/50 px-4 py-3">
                <p className="text-sm">
                  {t("catalog.resultsFor", language)} <span className="font-medium">"{searchQuery}"</span>: {totalItems}{" "}
                  {t("catalog.productsFound", language)}
                </p>
                <button onClick={clearSearch} className="text-sm text-muted-foreground hover:text-foreground underline">
                  {t("catalog.clearSearch", language)}
                </button>
              </div>
            )}

{searchQuery && displayedIncassi.length > 0 && (
              <>
                <h2 className="mb-4 text-lg font-medium">{t("catalog.concealedBodies", language)}</h2>
                <div className="mb-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
                  {displayedIncassi.map((incasso) => (
                    <Link key={incasso.id} href={`/catalogo/incasso/${incasso.id}`} className="group">
                      <div className="relative aspect-square overflow-hidden bg-muted">
                        <Image
                          src={incasso.image || "/placeholder.svg"}
                          alt={incasso.name}
                          fill
                          className="object-cover transition-transform duration-500 group-hover:scale-105"
                        />
                      </div>
                      <div className="mt-4">
                        <p className="text-xs font-mono text-muted-foreground">{incasso.sku}</p>
                        <h3 className="mt-1 font-medium">{incasso.name}</h3>
                        <PriceDisplay listPrice={incasso.listPrice} price={incasso.price} size="sm" className="mt-2" />
                      </div>
                    </Link>
                  ))}
                </div>
                {filteredProducts.length > 0 && (
                  <h2 className="mb-4 text-lg font-medium">{t("common.products", language)}</h2>
                )}
              </>
            )}

<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
                {filteredProducts.map((product) => {
                  const url = new URLSearchParams()
                  if (selectedCategory) url.set("categoria", selectedCategory)
                  if (selectedTipologia) url.set("tipologia", selectedTipologia)
                  const queryString = url.toString()
                  const productLink = `/catalogo/${product.id}${queryString ? "?" + queryString : ""}`
                  return (
                    <Link key={product.id} href={productLink} className="group">
                    <div className="relative aspect-square overflow-hidden bg-white flex items-center justify-center">
                      <Image
                        src={product.image || "/placeholder.svg"}
                        alt={product.name}
                        fill
                        className="object-contain p-2"
                      />
                    </div>
                    <div className="mt-4">
                      <p className="text-xs font-mono text-muted-foreground">{product.sku}</p>
                      <h3 className="mt-1 font-medium">{product.name}</h3>
                      <PriceDisplay listPrice={product.listPrice} price={product.price} size="sm" className="mt-2" />
                    </div>
                  </Link>
                  )
                })}
            </div>

{totalItems === 0 && (
              <div className="py-20 text-center">
                <p className="text-muted-foreground">
                  {searchQuery
                    ? `${t("catalog.noProductsFound", language)} "${searchQuery}"`
                    : t("catalog.noProductsInCategory", language)}
                </p>
              </div>
            )}
          </div>
        </div>
      </main>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/preventivo/[token]/page.tsx" isMerged="true"
"use client"

import { useEffect, useState } from "react"
import { useParams, useRouter } from "next/navigation"
import Image from "next/image"
import Link from "next/link"
import { AppHeader } from "@/components/app-header"
import { useAuth } from "@/lib/auth-context"
import { useLanguage } from "@/lib/language-context"
import { useCart } from "@/lib/cart-context"
import { t } from "@/lib/translations"
import { getQuoteByShareToken, products, finishes, type Quote } from "@/lib/mock-data"
import { Button } from "@/components/ui/button"
import { Textarea } from "@/components/ui/textarea"
import {
  ArrowLeft,
  FileText,
  Clock,
  CheckCircle,
  XCircle,
  AlertCircle,
  Eye,
  Copy,
  Check,
  Calendar,
  Building2,
  User,
  Mail,
  MessageSquare,
  ChevronDown,
  ChevronUp,
  ShoppingCart,
  Download,
} from "lucide-react"
import { generateQuotePDF } from "@/lib/pdf-generator"

export default function QuoteDetailPage() {
  const params = useParams()
  const router = useRouter()
  const { isLoggedIn } = useAuth()
  const { language } = useLanguage()
  const { addItem } = useCart()
  const [quote, setQuote] = useState<Quote | null>(null)
  const [loading, setLoading] = useState(true)
  const [linkCopied, setLinkCopied] = useState(false)
  const [showViewHistory, setShowViewHistory] = useState(false)
  const [showAcceptModal, setShowAcceptModal] = useState(false)
  const [showRejectModal, setShowRejectModal] = useState(false)
  const [rejectionReason, setRejectionReason] = useState("")
  const [actionComplete, setActionComplete] = useState<"accepted" | "rejected" | null>(null)
  const [downloadingPDF, setDownloadingPDF] = useState(false)

const locale = language === "en" ? "en-GB" : language === "fr" ? "fr-FR" : "it-IT"
  const token = params.token as string

useEffect(() => {
    const foundQuote = getQuoteByShareToken(token)
    setQuote(foundQuote || null)
    setLoading(false)
    
    // In a real app, we would record the view here
  }, [token])

const handleDownloadPDF = () => {
    if (!quote) return

setDownloadingPDF(true)
    try {
      generateQuotePDF(quote, language as "it" | "en" | "fr")
      setTimeout(() => setDownloadingPDF(false), 1000)
    } catch (error) {
      console.error("Error generating PDF:", error)
      setDownloadingPDF(false)
    }
  }

if (loading) {
    return (
      <div className="min-h-screen bg-background flex items-center justify-center">
        <div className="animate-pulse text-muted-foreground">{t("common.loading", language)}</div>
      </div>
    )
  }

if (!quote) {
    return (
      <div className="min-h-screen bg-background">
        {isLoggedIn && <AppHeader />}
        <main className="mx-auto max-w-2xl px-4 py-20 text-center">
          <div className="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-muted">
            <FileText className="h-10 w-10 text-muted-foreground" />
          </div>
          <h1 className="font-serif text-2xl font-light">Preventivo non trovato</h1>
          <p className="mt-4 text-muted-foreground">Il link potrebbe essere scaduto o non valido.</p>
          {isLoggedIn && (
            <Link href="/preventivi" className="mt-8 inline-block">
              <Button>{t("quotes.backToQuotes", language)}</Button>
            </Link>
          )}
        </main>
      </div>
    )
  }

const getStatusIcon = (status: Quote["status"]) => {
    switch (status) {
      case "pending":
        return <Clock className="h-5 w-5" />
      case "accepted":
        return <CheckCircle className="h-5 w-5" />
      case "rejected":
        return <XCircle className="h-5 w-5" />
      case "expired":
        return <AlertCircle className="h-5 w-5" />
    }
  }

const copyShareLink = () => {
    const link = window.location.href
    navigator.clipboard.writeText(link)
    setLinkCopied(true)
    setTimeout(() => setLinkCopied(false), 2000)
  }

const handleAccept = () => {
    if (!quote) return

// Add quote items to cart
    quote.items.forEach((item) => {
      if (item.productId) {
        // Find the product in the products array
        const product = products.find((p) => p.id === item.productId)
        const finish = finishes.find((f) => f.id === item.finishId)
        
        if (product) {
          addItem(product, item.quantity, finish, true)
        }
      }
    })

// Close modal and show success
    setShowAcceptModal(false)
    setActionComplete("accepted")

// Redirect to cart after 2 seconds
    setTimeout(() => {
      router.push("/carrello")
    }, 2000)
  }

const handleReject = () => {
    // In production, this would call an API
    setShowRejectModal(false)
    setActionComplete("rejected")
  }

const daysLeft = getDaysUntilExpiry(quote.validUntil)
  const isExpired = daysLeft <= 0 || quote.status === "expired"
  const canTakeAction = quote.status === "pending" && !isExpired

if (actionComplete) {
    return (
      <div className="min-h-screen bg-background">
        {isLoggedIn && <AppHeader />}
        <main className="mx-auto max-w-2xl px-4 py-20 text-center">
          <div className={`mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full ${actionComplete === "accepted" ? "bg-green-100" : "bg-red-100"}`}>
            {actionComplete === "accepted" ? (
              <CheckCircle className="h-10 w-10 text-green-600" />
            ) : (
              <XCircle className="h-10 w-10 text-red-600" />
            )}
          </div>
          <h1 className="font-serif text-2xl font-light">
            {actionComplete === "accepted" ? t("quotes.accepted", language) : t("quotes.rejected", language)}
          </h1>
          <p className="mt-4 text-muted-foreground">
            {actionComplete === "accepted" ? t("quotes.acceptedMessage", language) : t("quotes.rejectedMessage", language)}
          </p>
          <div className="mt-8 flex justify-center gap-4">
            <Link href="/preventivi">
              <Button variant="outline">{t("quotes.backToQuotes", language)}</Button>
            </Link>
            {actionComplete === "accepted" && (
              <Link href="/ordini">
                <Button>{t("cart.goToOrders", language)}</Button>
              </Link>
            )}
          </div>
        </main>
      </div>
    )
  }

return (
    <div className="min-h-screen bg-background">
      {isLoggedIn && <AppHeader />}

<main className="mx-auto max-w-4xl px-4 py-8 lg:px-8">
        {isLoggedIn && (
          <Link
            href="/preventivi"
            className="mb-6 inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground"
          >
            <ArrowLeft className="h-4 w-4" /> {t("quotes.backToQuotes", language)}
          </Link>
        )}

{/* Quote header */}
        <div className="mb-8 rounded-lg border border-border bg-card p-6">
          <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
            <div className="flex items-start gap-4">
              <div className="flex h-14 w-14 items-center justify-center rounded-full bg-muted">
                <FileText className="h-7 w-7" />
              </div>
              <div>
                <div className="flex items-center gap-3">
                  <h1 className="text-2xl font-medium">{quote.id}</h1>
                  <span className={`inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium ${getStatusColor(quote.status)}`}>
                    {getStatusIcon(quote.status)}
                    {t(`quotes.status.${quote.status}`, language)}
                  </span>
                </div>
                <div className="mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground">
                  <span className="flex items-center gap-1.5">
                    <Building2 className="h-4 w-4" />
                    {quote.customerCompany}
                  </span>
                  <span className="flex items-center gap-1.5">
                    <User className="h-4 w-4" />
                    {quote.customerName}
                  </span>
                  <span className="flex items-center gap-1.5">
                    <Mail className="h-4 w-4" />
                    {quote.customerEmail}
                  </span>
                </div>
              </div>
            </div>
            <div className="flex gap-2">
              <button
                onClick={copyShareLink}
                className="flex items-center gap-1.5 rounded border border-border px-4 py-2 text-sm transition-colors hover:bg-muted"
              >
                {linkCopied ? (
                  <>
                    <Check className="h-4 w-4 text-green-600" />
                    {t("quotes.linkCopied", language)}
                  </>
                ) : (
                  <>
                    <Copy className="h-4 w-4" />
                    {t("quotes.copyLink", language)}
                  </>
                )}
              </button>
              <button
                onClick={handleDownloadPDF}
                disabled={downloadingPDF}
                className="flex items-center gap-1.5 rounded border border-border px-4 py-2 text-sm transition-colors hover:bg-muted disabled:opacity-50"
              >
                <Download className="h-4 w-4" />
                {downloadingPDF ? t("quotes.downloadingPDF", language) : t("quotes.downloadPDF", language)}
              </button>
            </div>
          </div>

<div className="mt-6 grid gap-4 border-t border-border pt-6 sm:grid-cols-3">
            <div>
              <p className="text-xs uppercase tracking-wider text-muted-foreground">{t("quotes.quoteDate", language)}</p>
              <p className="mt-1 flex items-center gap-1.5 font-medium">
                <Calendar className="h-4 w-4 text-muted-foreground" />
                {new Date(quote.createdAt).toLocaleDateString(locale)}
              </p>
            </div>
            <div>
              <p className="text-xs uppercase tracking-wider text-muted-foreground">{t("quotes.validUntil", language)}</p>
              <p className={`mt-1 flex items-center gap-1.5 font-medium ${isExpired ? "text-red-600" : daysLeft <= 5 ? "text-amber-600" : ""}`}>
                <Clock className="h-4 w-4" />
                {new Date(quote.validUntil).toLocaleDateString(locale)}
                {!isExpired && quote.status === "pending" && (
                  <span className="text-sm font-normal">({daysLeft} {t("quotes.days", language)})</span>
                )}
              </p>
            </div>
            <div>
              <p className="text-xs uppercase tracking-wider text-muted-foreground">{t("quotes.createdBy", language)}</p>
              <p className="mt-1 font-medium">
                {quote.createdBy === "admin" ? quote.createdByName : t("quotes.customer", language)}
              </p>
            </div>
          </div>
        </div>

{/* Quote items */}
        <div className="mb-8 rounded-lg border border-border bg-card">
          <div className="border-b border-border p-4">
            <h2 className="font-medium">{t("common.products", language)}</h2>
          </div>
          <div className="divide-y divide-border">
            {quote.items.map((item, idx) => (
              <div key={idx} className="flex gap-4 p-4">
                <div className="relative h-20 w-20 shrink-0 overflow-hidden rounded border border-border bg-muted">
                  <Image
                    src={item.productImage || "/placeholder.svg"}
                    alt={item.productName}
                    fill
                    className="object-cover"
                  />
                </div>
                <div className="flex flex-1 flex-col">
                  <div className="flex items-start justify-between">
                    <div>
                      <h3 className="font-medium">{item.productName}</h3>
                      <p className="mt-0.5 text-sm text-muted-foreground">
                        {item.productId}
                        {item.finishName && ` • ${item.finishName}`}
                      </p>
                      {item.handleName && (
                        <p className="mt-0.5 text-xs text-muted-foreground">
                          + {item.handleName}
                        </p>
                      )}
                      {item.remoteControlName && (
                        <p className="mt-0.5 text-xs text-muted-foreground">
                          + {item.remoteControlName}
                        </p>
                      )}
                    </div>
                    <div className="text-right">
                      <p className="text-xs text-muted-foreground line-through">
                        €{(item.listPrice * item.quantity).toLocaleString(locale)}
                      </p>
                      <p className="font-medium">
                        €{((item.price + (item.handlePrice || 0) + (item.remoteControlPrice || 0)) * item.quantity).toLocaleString(locale)}
                      </p>
                      <p className="text-xs text-muted-foreground">
                        {t("common.quantity", language)}: {item.quantity}
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            ))}
          </div>

{/* Totals */}
          <div className="border-t border-border bg-muted/30 p-4">
            <div className="flex flex-col gap-2">
              <div className="flex justify-between text-sm">
                <span className="text-muted-foreground">{t("quotes.subtotal", language)}</span>
                <span>€{quote.subtotal.toLocaleString(locale)}</span>
              </div>
              {quote.discount && (
                <div className="flex justify-between text-sm text-green-600">
                  <span>{t("quotes.discount", language)} ({quote.discountPercentage}%)</span>
                  <span>-€{quote.discount.toLocaleString(locale)}</span>
                </div>
              )}
              <div className="flex justify-between border-t border-border pt-2 text-lg font-medium">
                <span>{t("quotes.total", language)}</span>
                <span>€{quote.total.toLocaleString(locale)}</span>
              </div>
            </div>
          </div>
        </div>

{/* Notes */}
        {(quote.notes || quote.adminNotes) && (
          <div className="mb-8 rounded-lg border border-border bg-card p-4">
            <h2 className="mb-3 flex items-center gap-2 font-medium">
              <MessageSquare className="h-4 w-4" />
              {t("quotes.notes", language)}
            </h2>
            {quote.notes && (
              <p className="text-sm text-muted-foreground">{quote.notes}</p>
            )}
            {quote.adminNotes && (
              <div className="mt-3 rounded bg-blue-50 dark:bg-blue-900/20 p-3">
                <p className="text-xs font-medium text-blue-800 dark:text-blue-400">{t("quotes.adminNotes", language)}</p>
                <p className="mt-1 text-sm text-blue-700 dark:text-blue-300">{quote.adminNotes}</p>
              </div>
            )}
          </div>
        )}

{/* View history */}
        <div className="mb-8 rounded-lg border border-border bg-card">
          <button
            onClick={() => setShowViewHistory(!showViewHistory)}
            className="flex w-full items-center justify-between p-4 text-left"
          >
            <div className="flex items-center gap-2">
              <Eye className="h-4 w-4 text-muted-foreground" />
              <span className="font-medium">{t("quotes.viewHistory", language)}</span>
              <span className="rounded-full bg-muted px-2 py-0.5 text-xs">
                {(quote.viewHistory?.length || 0)} {t("quotes.totalViews", language)}
              </span>
            </div>
            {showViewHistory ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
          </button>
          {showViewHistory && (
            <div className="border-t border-border p-4">
              {(quote.viewHistory?.length || 0) === 0 ? (
                <p className="text-sm text-muted-foreground">{t("quotes.noViews", language)}</p>
              ) : (
                <ul className="space-y-2">
                  {(quote.viewHistory || []).map((view, idx) => (
                    <li key={idx} className="flex items-center gap-2 text-sm text-muted-foreground">
                      <Eye className="h-3.5 w-3.5" />
                      {t("quotes.viewedOn", language)}: {new Date(view.timestamp).toLocaleString(locale)}
                    </li>
                  ))}
                </ul>
              )}
            </div>
          )}
        </div>

{/* Status info */}
        {quote.status === "accepted" && quote.acceptedAt && (
          <div className="mb-8 rounded-lg border border-green-200 bg-green-50 dark:bg-green-900/20 p-4">
            <p className="flex items-center gap-2 text-green-800 dark:text-green-400">
              <CheckCircle className="h-5 w-5" />
              {t("quotes.acceptedOn", language)}: {new Date(quote.acceptedAt).toLocaleString(locale)}
            </p>
          </div>
        )}

{quote.status === "rejected" && (
          <div className="mb-8 rounded-lg border border-red-200 bg-red-50 dark:bg-red-900/20 p-4">
            <p className="flex items-center gap-2 text-red-800 dark:text-red-400">
              <XCircle className="h-5 w-5" />
              {t("quotes.rejectedOn", language)}: {quote.rejectedAt && new Date(quote.rejectedAt).toLocaleString(locale)}
            </p>
            {quote.rejectionReason && (
              <p className="mt-2 text-sm text-red-700 dark:text-red-300">
                {t("quotes.rejectionReason", language)}: {quote.rejectionReason}
              </p>
            )}
          </div>
        )}

{/* Action buttons */}
        {canTakeAction && (
          <div className="flex gap-4">
            <Button
              onClick={() => setShowAcceptModal(true)}
              className="flex-1 gap-2 bg-green-600 hover:bg-green-700"
            >
              <CheckCircle className="h-4 w-4" />
              {t("quotes.accept", language)}
            </Button>
            <Button
              onClick={() => setShowRejectModal(true)}
              variant="outline"
              className="flex-1 gap-2 border-red-300 text-red-600 hover:bg-red-50"
            >
              <XCircle className="h-4 w-4" />
              {t("quotes.reject", language)}
            </Button>
          </div>
        )}
      </main>

{/* Accept modal */}
      {showAcceptModal && (
        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
          <div className="w-full max-w-md rounded-lg bg-background p-6">
            <h2 className="text-lg font-medium">{t("quotes.accept", language)}</h2>
            <p className="mt-2 text-sm text-muted-foreground">{t("quotes.acceptConfirm", language)}</p>
            <div className="mt-6 flex gap-3">
              <Button
                variant="outline"
                className="flex-1 bg-transparent"
                onClick={() => setShowAcceptModal(false)}
              >
                {t("common.cancel", language)}
              </Button>
              <Button
                className="flex-1 bg-green-600 hover:bg-green-700"
                onClick={handleAccept}
              >
                {t("quotes.accept", language)}
              </Button>
            </div>
          </div>
        </div>
      )}

{/* Reject modal */}
      {showRejectModal && (
        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
          <div className="w-full max-w-md rounded-lg bg-background p-6">
            <h2 className="text-lg font-medium">{t("quotes.reject", language)}</h2>
            <p className="mt-2 text-sm text-muted-foreground">{t("quotes.rejectConfirm", language)}</p>
            <Textarea
              className="mt-4"
              placeholder={t("quotes.rejectionReasonPlaceholder", language)}
              value={rejectionReason}
              onChange={(e) => setRejectionReason(e.target.value)}
              rows={3}
            />
            <div className="mt-6 flex gap-3">
              <Button
                variant="outline"
                className="flex-1 bg-transparent"
                onClick={() => setShowRejectModal(false)}
              >
                {t("common.cancel", language)}
              </Button>
              <Button
                variant="destructive"
                className="flex-1"
                onClick={handleReject}
              >
                {t("quotes.reject", language)}
              </Button>
            </div>
          </div>
        </div>
      )}
    </div>
  )
}
[V0_FILE]typescript:file="lib/translations.ts"
export type Language = "it" | "en" | "fr"

export const translations = {
  // Common
  common: {
    back: { it: "Indietro", en: "Back", fr: "Retour" },
    backToCatalog: { it: "Torna al catalogo", en: "Back to catalog", fr: "Retour au catalogue" },
    backToOrders: { it: "Torna agli ordini", en: "Back to orders", fr: "Retour aux commandes" },
    backToIncassi: { it: "Torna agli Incassi", en: "Back to Concealed Bodies", fr: "Retour aux Corps Encastrés" },
    search: { it: "Cerca", en: "Search", fr: "Rechercher" },
    loading: { it: "Caricamento...", en: "Loading...", fr: "Chargement..." },
    save: { it: "Salva", en: "Save", fr: "Enregistrer" },
    cancel: { it: "Annulla", en: "Cancel", fr: "Annuler" },
    continue: { it: "Continua", en: "Continue", fr: "Continuer" },
    close: { it: "Chiudi", en: "Close", fr: "Fermer" },
    filters: { it: "Filtri", en: "Filters", fr: "Filtres" },
    all: { it: "Tutti", en: "All", fr: "Tous" },
    available: { it: "Disponibile", en: "Available", fr: "Disponible" },
    arriving: { it: "In arrivo", en: "Coming soon", fr: "Bientôt disponible" },
    onOrder: { it: "Su ordinazione", en: "On order", fr: "Sur commande" },
    quantity: { it: "Quantità", en: "Quantity", fr: "Quantité" },
    total: { it: "Totale", en: "Total", fr: "Total" },
    subtotal: { it: "Subtotale", en: "Subtotal", fr: "Sous-total" },
    vat: { it: "IVA", en: "VAT", fr: "TVA" },
    shipping: { it: "Spedizione", en: "Shipping", fr: "Livraison" },
    toCalculate: { it: "Da calcolare", en: "To be calculated", fr: "À calculer" },
    products: { it: "Prodotti", en: "Products", fr: "Produits" },
    admin: { it: "Admin", en: "Admin", fr: "Admin" },
    logout: { it: "Esci", en: "Logout", fr: "Déconnexion" },
    go: { it: "Vai", en: "Go", fr: "Aller" },
    myAccount: { it: "Il mio account", en: "My Account", fr: "Mon Compte" },
    personalArea: { it: "Area Personale", en: "Personal Area", fr: "Espace Personnel" },
    billingInfo: { it: "Dati di fatturazione", en: "Billing Information", fr: "Informations de Facturation" },
    shippingAddresses: { it: "Indirizzi di spedizione", en: "Shipping Addresses", fr: "Adresses de Livraison" },
    myOrders: { it: "I miei ordini", en: "My Orders", fr: "Mes Commandes" },
    dateFrom: { it: "Data da", en: "Date from", fr: "Date de" },
    dateTo: { it: "Data a", en: "Date to", fr: "Date à" },
    clearFilters: { it: "Cancella filtri", en: "Clear filters", fr: "Effacer les filtres" },
    noResultsFilter: {
      it: "Nessun risultato per i filtri selezionati",
      en: "No results for selected filters",
      fr: "Aucun résultat pour les filtres sélectionnés",
    },
    noData: { it: "Nessun dato disponibile", en: "No data available", fr: "Aucune donnée disponible" },
  },

// Prices
  prices: {
    listPrice: { it: "Prezzo di listino", en: "List price", fr: "Prix catalogue" },
    reservedPrice: { it: "Prezzo riservato", en: "Reserved price", fr: "Prix réservé" },
    reservedPriceResellers: {
      it: "Prezzo riservato rivenditori",
      en: "Reserved price for resellers",
      fr: "Prix réservé revendeurs",
    },
    listPriceVatExcluded: {
      it: "Prezzo di listino",
      en: "List price",
      fr: "Prix catalogue",
    },
    vatExcluded: { it: "IVA esclusa", en: "VAT excluded", fr: "HT" },
    discount: { it: "Sconto", en: "Discount", fr: "Remise" },
    youSave: { it: "Risparmi", en: "You save", fr: "Économie" },
    showAll: { it: "Tutti i prezzi", en: "All prices", fr: "Tous les prix" },
    listPriceOnly: { it: "Solo prezzo di listino", en: "List price only", fr: "Seulement le prix de liste" },
    hide: { it: "Nascondi prezzi", en: "Hide prices", fr: "Masquer les prix" },
  },

// Login
  login: {
    title: { it: "Accedi al Portale", en: "Login to Portal", fr: "Connexion au Portail" },
    verifyIdentity: { it: "Verifica Identità", en: "Verify Identity", fr: "Vérifier l'identité" },
    subtitle: {
      it: "Inserisci le tue credenziali per accedere all'area riservata",
      en: "Enter your credentials to access the reserved area",
      fr: "Entrez vos identifiants pour accéder à l'espace réservé",
    },
    otpSubtitle: {
      it: "Inserisci il codice OTP inviato al tuo indirizzo email",
      en: "Enter the OTP code sent to your email address",
      fr: "Entrez le code OTP envoyé à votre adresse email",
    },
    email: { it: "Email", en: "Email", fr: "Email" },
    otpCode: { it: "Codice OTP", en: "OTP Code", fr: "Code OTP" },
    otpSentTo: { it: "Codice inviato a", en: "Code sent to", fr: "Code envoyé à" },
    access: { it: "Accedi", en: "Login", fr: "Connexion" },
    goBack: { it: "Torna indietro", en: "Go back", fr: "Retour" },
    invalidEmail: {
      it: "Email non riconosciuta. Usa: demo@neve.com",
      en: "Email not recognized. Use: demo@neve.com",
      fr: "Email non reconnu. Utilisez: demo@neve.com",
    },
    invalidOtp: {
      it: "Codice OTP non valido. Usa: 123456",
      en: "Invalid OTP code. Use: 123456",
      fr: "Code OTP invalide. Utilisez: 123456",
    },
    demoCredentials: { it: "Credenziali demo:", en: "Demo credentials:", fr: "Identifiants démo:" },
    heroTitle: {
      it: "Design italiano,\nqualità senza tempo",
      en: "Italian design,\ntimeless quality",
      fr: "Design italien,\nqualité intemporelle",
    },
    heroSubtitle: {
      it: "Accedi al portale B2B per scoprire le nostre collezioni esclusive",
      en: "Access the B2B portal to discover our exclusive collections",
      fr: "Accédez au portail B2B pour découvrir nos collections exclusives",
    },
  },

// Dashboard
  dashboard: {
    welcome: { it: "Benvenuto", en: "Welcome", fr: "Bienvenue" },
    subtitle: {
      it: "Gestisci i tuoi ordini e scopri le ultime novità del catalogo Neve",
      en: "Manage your orders and discover the latest Neve catalog news",
      fr: "Gérez vos commandes et découvrez les dernières nouveautés du catalogue Neve",
    },
    productCatalog: { it: "Catalogo Prodotti", en: "Product Catalog", fr: "Catalogue Produits" },
    exploreCollections: {
      it: "Esplora le collezioni e scopri le novità",
      en: "Explore collections and discover new products",
      fr: "Explorez les collections et découvrez les nouveautés",
    },
    myOrders: { it: "I Miei Ordini", en: "My Orders", fr: "Mes Commandes" },
    viewOrderHistory: {
      it: "Visualizza lo storico e lo stato degli ordini",
      en: "View order history and status",
      fr: "Voir l'historique et le statut des commandes",
    },
    shippingStatus: { it: "Stato Spedizioni", en: "Shipping Status", fr: "État des Livraisons" },
    trackShipments: {
      it: "Traccia le tue spedizioni in tempo reale",
      en: "Track your shipments in real time",
      fr: "Suivez vos expéditions en temps réel",
    },
    summary: { it: "Riepilogo", en: "Summary", fr: "Résumé" },
    activeOrders: { it: "Ordini Attivi", en: "Active Orders", fr: "Commandes Actives" },
    inShipping: { it: "In Spedizione", en: "In Shipping", fr: "En Livraison" },
    monthTotal: { it: "Totale Mese", en: "Month Total", fr: "Total Mois" },
    recentActivity: { it: "Attività Recente", en: "Recent Activity", fr: "Activité Récente" },
    news2024: { it: "Novità 2024", en: "New 2024", fr: "Nouveautés 2024" },
    collection316Desc: {
      it: "Scopri la nuova linea in acciaio inossidabile AISI 316L. Design puro e resistenza superiore.",
      en: "Discover the new AISI 316L stainless steel line. Pure design and superior resistance.",
      fr: "Découvrez la nouvelle ligne en acier inoxydable AISI 316L. Design pur et résistance supérieure.",
    },
    discoverCollection: { it: "Scopri la collezione", en: "Discover the collection", fr: "Découvrir la collection" },
  },

// Catalog
  catalog: {
    title: { it: "Catalogo Prodotti", en: "Product Catalog", fr: "Catalogue Produits" },
    productsAvailable: { it: "prodotti disponibili", en: "products available", fr: "produits disponibles" },
    searchPlaceholder: {
      it: "Cerca per codice o nome prodotto...",
      en: "Search by code or product name...",
      fr: "Rechercher par code ou nom de produit...",
    },
    categories: { it: "Categorie", en: "Categories", fr: "Catégories" },
    series: { it: "Serie", en: "Series", fr: "Séries" },
    allProducts: { it: "Tutti i Prodotti", en: "All Products", fr: "Tous les Produits" },
    concealedBodies: { it: "Corpi Incasso", en: "Concealed Bodies", fr: "Corps Encastrés" },
    noProductsFound: { it: "Nessun prodotto trovato", en: "No products found", fr: "Aucun produit trouvé" },
    noProductsInCategory: {
      it: "Nessun prodotto trovato in questa categoria",
      en: "No products found in this category",
      fr: "Aucun produit trouvé dans cette catégorie",
    },
    resultsFor: { it: "Risultati per", en: "Results for", fr: "Résultats pour" },
    productsFound: { it: "prodotti trovati", en: "products found", fr: "Produits trouvés" },
    clearSearch: { it: "Cancella ricerca", en: "Clear search", fr: "Effacer la recherche" },
    filterByType: { it: "Filtra per ambiente", en: "Filter by room", fr: "Filtrer par pièce" },
  },

// Product Detail
  product: {
    requiresIncasso: { it: "Richiede incasso", en: "Requires concealed body", fr: "Nécessite corps encastré" },
    requiresIncassoDescription: {
      it: "Questo prodotto richiede un incasso per l'installazione. Seleziona il modello appropriato.",
      en: "This product requires a built-in box for installation. Select the appropriate model.",
      fr: "Ce produit nécessite un encastrement pour l'installation. Sélectionnez le modèle approprié.",
    },
    availableFinishes: { it: "Finiture Disponibili", en: "Available Finishes", fr: "Finitions Disponibles" },
    selectedFinish: { it: "Finitura selezionata", en: "Selected finish", fr: "Finition sélectionnée" },
    selectIncasso: { it: "Seleziona Incasso", en: "Select Concealed Body", fr: "Sélectionner Corps Encastré" },
    incassoRequired: {
      it: "Questo prodotto richiede un corpo incasso per l'installazione. Seleziona l'incasso compatibile.",
      en: "This product requires a concealed body for installation. Select the compatible concealed body.",
      fr: "Ce produit nécessite un corps encastré pour l'installation. Sélectionnez le corps encastré compatible.",
    },
    incassoQuantity: { it: "Quantità incasso", en: "Concealed body quantity", fr: "Quantité corps encastré" },
    selectHandle: {
      it: "Seleziona Maniglia (Opzionale)",
      en: "Select Handle (Optional)",
      fr: "Sélectionner Poignée (Optionnel)",
    },
    handleDescription: {
      it: "Puoi personalizzare questo prodotto con una maniglia a scelta",
      en: "You can customize this product with a handle of your choice",
      fr: "Vous pouvez personnaliser ce produit avec une poignée de votre choix",
    },
    selectRemoteControl: {
      it: "Seleziona Comando Remoto (Opzionale)",
      en: "Select Remote Control (Optional)",
      fr: "Sélectionner Commande à Distance (Optionnel)",
    },
    remoteControlDescription: {
      it: "Aggiungi un miscelatore",
      en: "Add a remote control system to manage the product remotely",
      fr: "Ajoutez un système de commande à distance pour gérer le produit à distance",
    },
    handleQuantity: { it: "Quantità maniglia", en: "Handle quantity", fr: "Quantité poignée" },
    remoteQuantity: { it: "Quantità comando", en: "Remote quantity", fr: "Quantité commande" },
    noHandle: { it: "Nessuna maniglia", en: "No handle", fr: "Pas de poignée" },
    noSpout: { it: "Nessuna canna", en: "No spout", fr: "Pas de bec" },
    selectSpout: {
      it: "Seleziona Canna (Opzionale)",
      en: "Select Spout (Optional)",
      fr: "Sélectionner Bec (Optionnel)",
    },
    spoutDescription: {
      it: "Scegli la canna più adatta al tuo lavabo",
      en: "Choose the spout that best suits your sink",
      fr: "Choisissez le bec qui convient le mieux à votre lavabo",
    },
    spoutQuantity: { it: "Quantità canna", en: "Spout quantity", fr: "Quantité bec" },
    noDrain: { it: "Nessuno scarico", en: "No drain", fr: "Pas de bonde" },
    selectDrain: {
      it: "Seleziona Scarico (Opzionale)",
      en: "Select Drain (Optional)",
      fr: "Sélectionner Bonde (Optionnel)",
    },
    drainDescription: {
      it: "Scegli lo scarico più adatto al tuo lavabo",
      en: "Choose the drain that best suits your sink",
      fr: "Choisissez la bonde qui convient le mieux à votre lavabo",
    },
    drainQuantity: { it: "Quantità scarico", en: "Drain quantity", fr: "Quantité bonde" },
    selectSiphon: {
      it: "Seleziona Sifone (Opzionale)",
      en: "Select Siphon (Optional)",
      fr: "Sélectionner Siphon (Optionnel)",
    },
    siphonDescription: {
      it: "Scegli il sifone più adatto al tuo lavabo",
      en: "Choose the siphon that best suits your sink",
      fr: "Choisissez le siphon qui convient le mieux à votre lavabo",
    },
    noSiphon: { it: "Nessun sifone", en: "No siphon", fr: "Pas de siphon" },
    siphonQuantity: { it: "Quantità sifone", en: "Siphon quantity", fr: "Quantité siphon" },
    noRemote: { it: "Nessun comando", en: "No remote", fr: "Pas de commande" },
    optional: { it: "Opzionale", en: "Optional", fr: "Optionnel" },
    articleCode: { it: "Codice articolo", en: "Article code", fr: "Code article" },
    finish: { it: "Finitura", en: "Finish", fr: "Finition" },
    collection: { it: "Collezione", en: "Collection", fr: "Collection" },
    incasso: { it: "Incasso", en: "Concealed Body", fr: "Corps Encastrés" },
    handle: { it: "Maniglia", en: "Handle", fr: "Poignée" },
    remoteControl: { it: "Comando Remoto", en: "Remote Control", fr: "Commande à Distance" },
    addToOrder: { it: "Aggiungi all'ordine", en: "Add to order", fr: "Ajouter à la commande" },
    added: { it: "Aggiunto", en: "Added", fr: "Ajouté" },
    addedToCart: { it: "Aggiunto al carrello", en: "Added to cart", fr: "Ajouté au panier" },
    reservedTotal: { it: "Totale riservato", en: "Reserved total", fr: "Total réservé" },
    reservedSubtotal: { it: "Subtotale riservato", en: "Reserved subtotal", fr: "Sous-total réservé" },
    fastShipping: { it: "Spedizione rapida", en: "Fast shipping", fr: "Livraison rapide" },
    warranty5Years: { it: "Garanzia 5 anni", en: "5 year warranty", fr: "Garantie 5 ans" },
    easyReturn: { it: "Reso facile", en: "Easy return", fr: "Retour facile" },
    fromSameCollection: { it: "Dalla stessa collezione", en: "From the same collection", fr: "De la même collection" },
    relatedProducts: { it: "Prodotti correlati", en: "Related Products", fr: "Produits associés" },
    concealedBody: { it: "Corpo Incasso", en: "Concealed Body", fr: "Corps Encastrés" },
    compatibleWith: { it: "Compatibile con", en: "Compatible with", fr: "Compatible avec" },
    downloads: { it: "Download", en: "Downloads", fr: "Téléchargements" },
    productImage: { it: "Immagine Prodotto", en: "Product Image", fr: "Image Produit" },
    technicalSheet: { it: "Scheda Tecnica", en: "Technical Sheet", fr: "Fiche Technique" },
    dwg3d: { it: "DWG 3D", en: "DWG 3D", fr: "DWG 3D" },
    assemblyInstructions: { it: "Istruzioni di Montaggio", en: "Assembly Instructions", fr: "Instructions de Montage" },
    downloadFile: { it: "Scarica", en: "Download", fr: "Télécharger" },
    fileFormat: { it: "Formato", en: "Format", fr: "Format" },
    totalReserved: { it: "Totale riservato", en: "Reserved total", fr: "Total réservé" },
    withHandle: {
      it: "Con maniglia",
      en: "With handle",
      fr: "Avec poignée",
    },
  },

// Cart
  cart: {
    title: { it: "Il Tuo Ordine", en: "Your Order", fr: "Votre Commande" },
    empty: { it: "Carrello Vuoto", en: "Empty Cart", fr: "Panier Vide" },
    emptyMessage: {
      it: "Non hai ancora aggiunto prodotti al carrello",
      en: "You haven't added any products to your cart yet",
      fr: "Vous n'avez pas encore ajouté de produits à votre panier",
    },
    goToCatalog: { it: "Vai al catalogo", en: "Go to catalog", fr: "Aller au catalogue" },
    continueShopping: { it: "Continua lo shopping", en: "Continue shopping", fr: "Continuer vos achats" },
    orderSummary: { it: "Riepilogo Ordine", en: "Order Summary", fr: "Résumé de la Commande" },
    paymentConditions: { it: "Condizioni di pagamento", en: "Payment conditions", fr: "Conditions de paiement" },
    paymentTerms: {
      it: "30 giorni data fattura fine mese",
      en: "30 days from invoice date end of month",
      fr: "30 jours fin de mois date de facture",
    },
    confirmOrder: { it: "Conferma Ordine", en: "Confirm Order", fr: "Confirmer la Commande" },
    termsAccept: {
      it: 'Cliccando "Conferma Ordine" accetti i termini e le condizioni di vendita B2B',
      en: 'By clicking "Confirm Order" you accept the B2B sales terms and conditions',
      fr: 'En cliquant sur "Confirmer la commande", vous acceptez les conditions générales de vente B2B',
    },
    orderSent: { it: "Ordine Inviato", en: "Order Sent", fr: "Commande Envoyée" },
    orderSentMessage: {
      it: "Il tuo ordine è stato inviato con successo (simulazione). Riceverai una conferma via email con i dettagli.",
      en: "Your order has been successfully sent (simulation). You will receive an email confirmation with the details.",
      fr: "Votre commande a été envoyée avec succès (simulation). Vous recevrez une confirmation par email avec les détails.",
    },
    orderNumber: { it: "Numero ordine", en: "Order number", fr: "Numéro de commande" },
    goToOrders: { it: "Vai agli ordini", en: "Go to orders", fr: "Aller aux commandes" },
    fromQuote: { it: "Da Preventivo", en: "From Quote", fr: "Du Devis" },
    shippingDestination: { it: "Destinazione Merce", en: "Shipping Destination", fr: "Destination de Livraison" },
    selectDestination: { it: "Seleziona destinazione", en: "Select destination", fr: "Sélectionner destination" },
    defaultDestination: { it: "Predefinita", en: "Default", fr: "Par défaut" },
    changeDestination: { it: "Cambia destinazione", en: "Change destination", fr: "Changer destination" },
    manageDestinations: { it: "Gestisci destinazioni", en: "Manage destinations", fr: "Gérer les destinations" },
    addDestination: { it: "Aggiungi destinazione", en: "Add destination", fr: "Ajouter destination" },
    editDestination: { it: "Modifica destinazione", en: "Edit destination", fr: "Modifier destination" },
    deleteDestination: { it: "Elimina destinazione", en: "Delete destination", fr: "Supprimer destination" },
    destinationName: { it: "Nome destinazione", en: "Destination name", fr: "Nom de la destination" },
    address: { it: "Indirizzo", en: "Address", fr: "Adresse" },
    city: { it: "Città", en: "City", fr: "Ville" },
    province: { it: "Provincia", en: "Province", fr: "Province" },
    postalCode: { it: "CAP", en: "Postal code", fr: "Code postal" },
    country: { it: "Paese", en: "Country", fr: "Pays" },
    setAsDefault: { it: "Imposta come predefinita", en: "Set as default", fr: "Définir par défaut" },
    save: { it: "Salva", en: "Save", fr: "Enregistrer" },
    cancel: { it: "Annulla", en: "Cancel", fr: "Annuler" },
    confirmDelete: { it: "Conferma eliminazione", en: "Confirm deletion", fr: "Confirmer la suppression" },
    confirmDeleteMessage: {
      it: "Sei sicuro di voler eliminare questa destinazione?",
      en: "Are you sure you want to delete this destination?",
      fr: "Êtes-vous sûr de vouloir supprimer cette destination?",
    },
    destinationSaved: { it: "Destinazione salvata", en: "Destination saved", fr: "Destination enregistrée" },
    destinationDeleted: { it: "Destinazione eliminata", en: "Destination deleted", fr: "Destination supprimée" },
    currentCart: { it: "Carrello Attuale", en: "Current Cart", fr: "Panier Actuel" },
    cartHistory: { it: "Storico Carrelli", en: "Cart History", fr: "Historique des Paniers" },
    cartStatus: {
      active: { it: "Attivo", en: "Active", fr: "Actif" },
      converted: { it: "Convertito in ordine", en: "Converted to order", fr: "Converti en commande" },
      abandoned: { it: "Abbandonato", en: "Abandoned", fr: "Abandonné" },
    },
    cartCreatedAt: { it: "Creato il", en: "Created on", fr: "Créé le" },
    cartConvertedAt: { it: "Convertito il", en: "Converted on", fr: "Converti le" },
    cartItems: { it: "articoli", en: "items", fr: "articles" },
    viewOrder: { it: "Vedi ordine", en: "View order", fr: "Voir la commande" },
    emptyCart: { it: "Carrello vuoto", en: "Empty cart", fr: "Panier vide" },
    unitPrice: { it: "Prezzo unitario", en: "Unit price", fr: "Prix unitaire" },
    clickToView: {
      it: "Clicca per vedere",
      en: "Click to view",
      fr: "Cliquez pour voir",
    },
    clickToHide: {
      it: "Clicca per nascondere",
      en: "Click to hide",
      fr: "Cliquez pour masquer",
    },
  },

// Orders
  orders: {
    title: { it: "I Miei Ordini", en: "My Orders", fr: "Mes Commandes" },
    subtitle: {
      it: "Visualizza lo storico e lo stato dei tuoi ordini",
      en: "View your order history and status",
      fr: "Voir l'historique et le statut de vos commandes",
    },
    portalOrders: { it: "Ordini Portale", en: "Portal Orders", fr: "Commandes Portail" },
    offlineOrders: { it: "Ordini Offline", en: "Offline Orders", fr: "Commandes Hors-ligne" },
    noOrders: { it: "Nessun ordine", en: "No orders", fr: "Aucune commande" },
    noOrdersPortal: {
      it: "Nessun ordine dal portale trovato",
      en: "No portal orders found",
      fr: "Aucune commande du portail trouvée",
    },
    noOrdersOffline: {
      it: "Nessun ordine offline trovato",
      en: "No offline orders found",
      fr: "Aucune commande hors-ligne trouvée",
    },
    article: { it: "articolo", en: "item", fr: "article" },
    articles: { it: "articoli", en: "items", fr: "articles" },
    orderFromPortal: { it: "Ordine dal portale", en: "Portal order", fr: "Commande du portail" },
    offlineOrder: { it: "Ordine offline", en: "Offline order", fr: "Commande hors-ligne" },
    orderNotFound: { it: "Ordine non trovato", en: "Order not found", fr: "Commande introuvable" },
    orderedItems: { it: "Articoli Ordinati", en: "Ordered Items", fr: "Articles Commandés" },
    orderTotal: { it: "Totale Ordine", en: "Order Total", fr: "Total Commande" },
    shippingStatus: { it: "Stato Spedizione", en: "Shipping Status", fr: "État de Livraison" },
    trackingNumber: { it: "Tracking Number", en: "Tracking Number", fr: "Numéro de Suivi" },
    orderDetails: { it: "Dettagli Ordine", en: "Order Details", fr: "Détails de la Commande" },
    orderDate: { it: "Data Ordine", en: "Order Date", fr: "Date de Commande" },
    paymentConditions: { it: "Condizioni Pagamento", en: "Payment Conditions", fr: "Conditions de Paiement" },
    shippingAddress: { it: "Indirizzo Spedizione", en: "Shipping Address", fr: "Adresse de Livraison" },
  },

// Order Status
  status: {
    inProgress: { it: "In lavorazione", en: "In progress", fr: "En cours" },
    shipped: { it: "Spedito", en: "Shipped", fr: "Expédié" },
    delivered: { it: "Consegnato", en: "Delivered", fr: "Livré" },
    pending: { it: "In attesa", en: "Pending", fr: "En attente" },
    orderReceived: { it: "Ordine ricevuto", en: "Order received", fr: "Commande reçue" },
    inDelivery: { it: "In consegna", en: "In delivery", fr: "En livraison" },
    ongoing: { it: "In corso", en: "Ongoing", fr: "En cours" },
  },

// Admin
  admin: {
    title: { it: "Amministrazione", en: "Administration", fr: "Administration" },
    subtitle: {
      it: "Gestisci i clienti e accedi come loro (simulazione)",
      en: "Manage customers and access as them (simulation)",
      fr: "Gérez les clients et accédez en tant qu'eux (simulation)",
    },
    demoMode: { it: "Modalità Demo", en: "Demo Mode", fr: "Mode Démo" },
    demoModeDescription: {
      it: "Seleziona un cliente per accedere al portale come se fossi lui. Questa funzionalità permette all'assistenza clienti di visualizzare l'esperienza del cliente.",
      en: "Select a customer to access the portal as if you were them. This feature allows customer support to view the customer experience.",
      fr: "Sélectionnez un client pour accéder au portail comme si vous étiez lui. Cette fonctionnalité permet au support client de visualiser l'expérience client.",
    },
    searchCustomer: {
      it: "Cerca cliente per nome, azienda o email...",
      en: "Search customer by name, company or email...",
      fr: "Rechercher un client par nom, entreprise ou email...",
    },
    customer: { it: "Cliente", en: "Customer", fr: "Client" },
    company: { it: "Azienda", en: "Company", fr: "Entreprise" },
    actions: { it: "Azioni", en: "Actions", fr: "Actions" },
    accessAs: { it: "Accedi come", en: "Access as", fr: "Accéder en tant que" },
    noPermission: {
      it: "Non hai i permessi per accedere a questa sezione",
      en: "You don't have permission to access this section",
      fr: "Vous n'avez pas la permission d'accéder à cette section",
    },
    impersonationActive: {
      it: "Modalità impersonificazione attiva (simulazione)",
      en: "Impersonation mode active (simulation)",
      fr: "Mode d'usurpation actif (simulation)",
    },
    viewingAs: { it: "Stai visualizzando come", en: "You are viewing as", fr: "Vous visualisez en tant que" },
    exitMode: { it: "Esci dalla modalità", en: "Exit mode", fr: "Quitter le mode" },
    viewActivity: { it: "Visualizza attività", en: "View activity", fr: "Voir l'activité" },
    customerDetail: { it: "Dettaglio Cliente", en: "Customer Detail", fr: "Détail Client" },
    backToList: { it: "Torna alla lista", en: "Back to list", fr: "Retour à la liste" },
    statistics: { it: "Statistiche", en: "Statistics", fr: "Statistiques" },
    recentActivity: { it: "Attività Recente", en: "Recent Activity", fr: "Activité Récente" },
    totalOrders: { it: "Ordini Totali", en: "Total Orders", fr: "Commandes Totales" },
    totalSpent: { it: "Totale Speso", en: "Total Spent", fr: "Total Dépensé" },
    averageOrder: { it: "Ordine Medio", en: "Average Order", fr: "Commande Moyenne" },
    lastOrder: { it: "Ultimo Ordine", en: "Last Order", fr: "Dernière Commande" },
    lastVisit: { it: "Ultima Visita", en: "Last Visit", fr: "Dernière Visite" },
    favoriteCollection: { it: "Collezione Preferita", en: "Favorite Collection", fr: "Collection Préférée" },
    productsViewed: { it: "Prodotti Visualizzati", en: "Products Viewed", fr: "Produits Consultés" },
    productsInCart: { it: "Prodotti nel Carrello", en: "Products in Cart", fr: "Produits dans le Panier" },
    conversionRate: { it: "Tasso Conversione", en: "Conversion Rate", fr: "Taux de Conversion" },
    totalCustomers: { it: "Clienti Totali", en: "Total Customers", fr: "Total Clients" },
    totalRevenue: { it: "Fatturato Totale", en: "Total Revenue", fr: "Chiffre d'Affaires Total" },
    manageCartsDescription: {
      it: "Visualizza tutti i carrelli attivi, convertiti e abbandonati",
      en: "View all active, converted and abandoned carts",
      fr: "Voir tous les paniers actifs, convertis et abandonnés",
    },
    open: { it: "Apri", en: "Open", fr: "Ouvrir" },
    customerStatistics: { it: "Statistiche Clienti", en: "Customer Statistics", fr: "Statistiques Clients" },
    customerStatisticsDescription: {
      it: "Analisi dettagliata del comportamento dei clienti",
      en: "Detailed analysis of customer behavior",
      fr: "Analyse détaillée du comportement des clients",
    },
    productAnalytics: { it: "Analisi Prodotti", en: "Product Analytics", fr: "Analyse Produits" },
    productAnalyticsDescription: {
      it: "Prodotti più visualizzati, più venduti e tendenze",
      en: "Most viewed products, best sellers and trends",
      fr: "Produits les plus consultés, meilleures ventes et tendances",
    },
    comingSoon: { it: "Prossimamente", en: "Coming soon", fr: "Bientôt disponible" },
    customerList: { it: "Lista Clienti", en: "Customer List", fr: "Liste des Clients" },
    customerListDescription: {
      it: "Gestisci i clienti e accedi al portale come loro",
      en: "Manage customers and access the portal as them",
      fr: "Gérez les clients et accédez au portail en tant qu'eux",
    },
    noCustomersFound: { it: "Nessun cliente trovato", en: "No customers found", fr: "Aucun client trouvé" },
    manageCustomers: { it: "Gestione Clienti", en: "Manage Customers", fr: "Gestion des Clients" },
    manageCustomersDescription: {
      it: "Visualizza, cerca e accedi come cliente per assistenza",
      en: "View, search and access as customer for support",
      fr: "Afficher, rechercher et accéder en tant que client pour l'assistance",
    },
    manageAllCarts: { it: "Gestione Carrelli", en: "Manage Carts", fr: "Gestion des Paniers" },
    activeCarts: { it: "Carrelli Attivi", en: "Active Carts", fr: "Paniers Actifs" },
    currentCart: { it: "Carrello Attuale", en: "Current Cart", fr: "Panier Actuel" },
    allCarts: { it: "Tutti i Carrelli", en: "All Carts", fr: "Tous les Paniers" },
    allCartsSubtitle: {
      it: "Visualizza e gestisci tutti i carrelli dei clienti",
      en: "View and manage all customer carts",
      fr: "Afficher et gérer tous les paniers clients",
    },
    activeFilters: { it: "Filtri", en: "Filters", fr: "Filtres" },
    cartsFound: { it: "carrelli trovati", en: "carts found", fr: "paniers trouvés" },
    filterByCustomer: { it: "Cliente", en: "Customer", fr: "Client" },
    filterByProduct: { it: "Prodotto", en: "Product", fr: "Produit" },
    filterByStatus: { it: "Stato", en: "Status", fr: "Statut" },
    allCustomers: { it: "Tutti i clienti", en: "All customers", fr: "Tous les clients" },
    allProducts: { it: "Tutti i prodotti", en: "All products", fr: "Tous les produits" },
    allStatuses: { it: "Tutti gli stati", en: "All statuses", fr: "Tous les statuts" },
    dateFrom: { it: "Data da", en: "Date from", fr: "Date de" },
    dateTo: { it: "Data a", en: "Date to", fr: "Date à" },
    clearFilters: { it: "Cancella filtri", en: "Clear filters", fr: "Effacer les filtres" },
    cartHistory: { it: "Storico Carrelli", en: "Cart History", fr: "Historique des Paniers" },
    noCartsFound: { it: "Nessun carrello trovato", en: "No carts found", fr: "Aucun panier trouvé" },
    viewCustomer: { it: "Vedi cliente", en: "View customer", fr: "Voir client" },
    manageQuotesDescription: {
      it: "Crea, gestisci e condividi preventivi con i clienti",
      en: "Create, manage and share quotes with customers",
      fr: "Créer, gérer et partager des devis avec les clients",
    },
    activityType: {
      view_product: { it: "Ha visualizzato", en: "Viewed", fr: "A consulté" },
      configure_product: { it: "Ha configurato", en: "Configured", fr: "A configuré" },
      add_to_cart: { it: "Ha aggiunto al carrello", en: "Added to cart", fr: "A ajouté au panier" },
      remove_from_cart: { it: "Ha rimosso dal carrello", en: "Removed from cart", fr: "A retiré du panier" },
      place_order: { it: "Ha effettuato un ordine", en: "Placed an order", fr: "A passé une commande" },
      search: { it: "Ha cercato", en: "Searched", fr: "A recherché" },
    },
  },

// Navigation
  nav: {
    dashboard: { it: "Dashboard", en: "Dashboard", fr: "Tableau de bord" },
    catalog: { it: "Catalogo", en: "Catalog", fr: "Catalogue" },
    orders: { it: "Ordini", en: "Orders", fr: "Commandes" },
    articleSearch: { it: "Ricerca Articoli", en: "Article Search", fr: "Recherche Articles" },
  },

// Categories (keep original names as they are brand-specific)
  categories: {
    bathroomCollections: { it: "Collezioni Bagno", en: "Bathroom Collections", fr: "Collections Salle de Bain" },
    showersAndHandshowers: { it: "Soffioni e Doccette", en: "Showers and Handshowers", fr: "Pommes et Douchettes" },
    kitchen: { it: "Cucina", en: "Kitchen", fr: "Cuisine" },
    accessories: { it: "Accessori", en: "Accessories", fr: "Accessoires" },
    washbasins: { it: "Lavabi", en: "Washbasins", fr: "Lavabos" },
    wcPlates: { it: "Placche WC", en: "WC Plates", fr: "Plaques WC" },
    outdoor: { it: "Esterni", en: "Outdoor", fr: "Extérieur" },
    concealedBodies: { it: "Incassi", en: "Concealed Bodies", fr: "Corps Encastrés" },
  },

// Activity messages
  activity: {
    orderInProgress: { it: "in lavorazione", en: "in progress", fr: "en cours" },
    orderShipped: { it: "spedito", en: "shipped", fr: "expédié" },
    orderDelivered: { it: "consegnato", en: "delivered", fr: "livré" },
    hoursAgo: { it: "ore fa", en: "hours ago", fr: "heures" },
    daysAgo: { it: "giorni fa", en: "days ago", fr: "jours" },
    weekAgo: { it: "settimana fa", en: "week ago", fr: "semaine" },
  },

// Table Search
  tableSearch: {
    title: { it: "Ricerca Articoli", en: "Article Search", fr: "Recherche Articles" },
    subtitle: {
      it: "Cerca rapidamente per codice prodotto o ricambio",
      en: "Quickly search by product code or spare part",
      fr: "Recherche rapide par code produit ou pièce de rechange",
    },
    searchPlaceholder: {
      it: "Inserisci codice articolo, SKU o nome prodotto...",
      en: "Enter article code, SKU or product name...",
      fr: "Entrez le code article, SKU ou nom du produit...",
    },
    code: { it: "Codice", en: "Code", fr: "Code" },
    productName: { it: "Nome Prodotto", en: "Product Name", fr: "Nom du Produit" },
    collection: { it: "Collezione", en: "Collection", fr: "Collection" },
    category: { it: "Categoria", en: "Category", fr: "Catégorie" },
    listPrice: { it: "Listino", en: "List", fr: "Catalogue" },
    reservedPrice: { it: "Riservato", en: "Reserved", fr: "Réservé" },
    availability: { it: "Disponibilità", en: "Availability", fr: "Disponibilité" },
    actions: { it: "Azioni", en: "Actions", fr: "Actions" },
    view: { it: "Vedi", en: "View", fr: "Voir" },
    addToCart: { it: "Aggiungi", en: "Add", fr: "Ajouter" },
    noResults: { it: "Nessun risultato trovato", en: "No results found", fr: "Aucun résultat trouvé" },
    startSearching: {
      it: "Inizia a digitare per cercare tra tutti i prodotti e ricambi",
      en: "Start typing to search through all products and spare parts",
      fr: "Commencez à taper pour rechercher parmi tous les produits et pièces",
    },
    resultsCount: { it: "risultati trovati", en: "results found", fr: "résultats trouvés" },
    filterByType: { it: "Filtra per ambiente", en: "Filter by room", fr: "Filtrer par pièce" },
    allTypes: { it: "Tutti", en: "All", fr: "Tous" },
    productsOnly: { it: "Solo Prodotti", en: "Products Only", fr: "Produits Seulement" },
    incassiOnly: { it: "Solo Incassi", en: "Concealed Bodies Only", fr: "Corps Encastrés Seulement" },
    type: { it: "Tipo", en: "Type", fr: "Type" },
    product: { it: "Prodotto", en: "Product", fr: "Produit" },
    incasso: { it: "Incasso", en: "Concealed Body", fr: "Corps Encastrés" },
    exportResults: { it: "Esporta risultati", en: "Export results", fr: "Exporter les résultats" },
    filterByCollection: { it: "Collezione", en: "Collection", fr: "Collection" },
    allCollections: { it: "Tutte le collezioni", en: "All collections", fr: "Toutes les collections" },
    filterByAvailability: { it: "Disponibilità", en: "Availability", fr: "Disponibilité" },
    allAvailability: { it: "Tutte", en: "All", fr: "Toutes" },
    filterByCategory: { it: "Categoria", en: "Category", fr: "Catégorie" },
    allCategories: { it: "Tutte le categorie", en: "All categories", fr: "Toutes les catégories" },
    clearFilters: { it: "Cancella filtri", en: "Clear filters", fr: "Effacer les filtres" },
    activeFilters: { it: "Filtri attivi", en: "Active filters", fr: "Filtres actifs" },
    showFilters: { it: "Mostra filtri", en: "Show filters", fr: "Afficher les filtres" },
    hideFilters: { it: "Nascondi filtri", en: "Hide filters", fr: "Masquer les filtres" },
    downloads: { it: "Download", en: "Downloads", fr: "Téléchargements" },
    downloadImage: { it: "Immagine", en: "Image", fr: "Image" },
    downloadTechSheet: { it: "Scheda Tecnica", en: "Technical Sheet", fr: "Fiche Technique" },
    downloadDwg: { it: "DWG 3D", en: "DWG 3D", fr: "DWG 3D" },
    downloadInstructions: { it: "Istruzioni", en: "Instructions", fr: "Instructions" },
    selectFinish: { it: "Seleziona Finitura", en: "Select Finish", fr: "Sélectionner Finition" },
    selectFinishDescription: {
      it: "Seleziona la finitura desiderata prima di aggiungere al carrello",
      en: "Select the desired finish before adding to cart",
      fr: "Sélectionnez la finition souhaitée avant d'ajouter au panier",
    },
    addToCartButton: { it: "Aggiungi al carrello", en: "Add to cart", fr: "Ajouter au panier" },
    selectQuantityDescription: {
      it: "Seleziona la quantità da aggiungere al carrello",
      en: "Select the quantity to add to cart",
      fr: "Sélectionnez la quantité à ajouter au panier",
    },
  },

// Profile
  profile: {
    title: { it: "Area Personale", en: "Personal Area", fr: "Espace Personnel" },
    welcome: { it: "Benvenuto", en: "Welcome", fr: "Bienvenue" },
    billingInfo: { it: "Dati di Fatturazione", en: "Billing Information", fr: "Informations de Facturation" },
    billingDescription: {
      it: "I tuoi dati fiscali per la fatturazione",
      en: "Your fiscal data for invoicing",
      fr: "Vos données fiscales pour la facturation",
    },
    commercialConditions: { it: "Condizioni Commerciali", en: "Commercial Conditions", fr: "Conditions Commerciales" },
    commercialDescription: {
      it: "Le tue condizioni di acquisto da ERP",
      en: "Your purchasing conditions from ERP",
      fr: "Vos conditions d'achat depuis l'ERP",
    },
    paymentMethod: { it: "Modalità di Pagamento", en: "Payment Method", fr: "Mode de Paiement" },
    paymentTerms: { it: "Termini di Pagamento", en: "Payment Terms", fr: "Délai de Paiement" },
    daysFromInvoice: { it: "giorni data fattura", en: "days from invoice", fr: "jours date facture" },
    reservedDiscount: { it: "Sconto Riservato", en: "Reserved Discount", fr: "Remise Réservée" },
    priceList: { it: "Listino Assegnato", en: "Assigned Price List", fr: "Liste de Prix Assignée" },
    accountManager: { it: "Account Manager", en: "Account Manager", fr: "Responsable Compte" },
    accountManagerDescription: {
      it: "Il tuo referente commerciale Neve",
      en: "Your Neve sales representative",
      fr: "Votre référent commercial Neve",
    },
    contactManager: { it: "Contatta", en: "Contact", fr: "Contacter" },
    shippingAddresses: { it: "Destinazioni Merce", en: "Shipping Destinations", fr: "Adresses de Livraison" },
    shippingDescription: {
      it: "Gestisci gli indirizzi di consegna",
      en: "Manage your delivery addresses",
      fr: "Gérez vos adresses de livraison",
    },
    recentOrders: { it: "Ordini Recenti", en: "Recent Orders", fr: "Commandes Récentes" },
    ordersDescription: {
      it: "Visualizza lo storico dei tuoi ordini",
      en: "View your order history",
      fr: "Consultez l'historique de vos commandes",
    },
    viewAllOrders: { it: "Vedi tutti gli ordini", en: "View all orders", fr: "Voir toutes les commandes" },
    companyName: { it: "Ragione Sociale", en: "Company Name", fr: "Raison Sociale" },
    vatNumber: { it: "Partita IVA", en: "VAT Number", fr: "Numéro de TVA" },
    fiscalCode: { it: "Codice Fiscale", en: "Fiscal Code", fr: "Code Fiscal" },
    address: { it: "Indirizzo", en: "Address", fr: "Adresse" },
    sdiCode: { it: "Codice SDI", en: "SDI Code", fr: "Code SDI" },
    pecEmail: { it: "Email PEC", en: "PEC Email", fr: "Email PEC" },
    editBilling: { it: "Modifica dati", en: "Edit data", fr: "Modifier les données" },
    billingUpdated: {
      it: "Dati di fatturazione aggiornati",
      en: "Billing information updated",
      fr: "Informations de facturation mises à jour",
    },
    defaultAddress: { it: "Indirizzo predefinito", en: "Default address", fr: "Adresse par défaut" },
    otherAddresses: { it: "Altri indirizzi", en: "Other addresses", fr: "Autres adresses" },
    noOrders: { it: "Nessun ordine recente", en: "No recent orders", fr: "Aucune commande récente" },
  },

// Quotes (Preventivi)
  quotes: {
    title: { it: "Preventivi", en: "Quotes", fr: "Devis" },
    subtitle: {
      it: "Gestisci i tuoi preventivi e richieste di offerta",
      en: "Manage your quotes and price requests",
      fr: "Gérez vos devis et demandes de prix",
    },
    newQuote: { it: "Nuovo Preventivo", en: "New Quote", fr: "Nouveau Devis" },
    saveAsQuote: { it: "Salva come Preventivo", en: "Save as Quote", fr: "Enregistrer comme Devis" },
    quoteNumber: { it: "N. Preventivo", en: "Quote #", fr: "N° Devis" },
    quoteDate: { it: "Data Preventivo", en: "Quote Date", fr: "Date du Devis" },
    validUntil: { it: "Valido fino al", en: "Valid until", fr: "Valide jusqu'au" },
    expired: { it: "Scaduto", en: "Expired", fr: "Expiré" },
    expiresIn: { it: "Scade tra", en: "Expires in", fr: "Expire dans" },
    days: { it: "giorni", en: "days", fr: "jours" },
    status: {
      pending: { it: "In attesa", en: "Pending", fr: "En attente" },
      accepted: { it: "Accettato", en: "Accepted", fr: "Accepté" },
      rejected: { it: "Rifiutato", en: "Rejected", fr: "Refusé" },
      expired: { it: "Scaduto", en: "Expired", fr: "Expiré" },
    },
    accept: { it: "Accetta Preventivo", en: "Accept Quote", fr: "Accepter le Devis" },
    reject: { it: "Rifiuta Preventivo", en: "Reject Quote", fr: "Refuser le Devis" },
    acceptConfirm: {
      it: "Sei sicuro di voler accettare questo preventivo? Verrà convertito in ordine.",
      en: "Are you sure you want to accept this quote? It will be converted to an order.",
      fr: "Êtes-vous sûr de vouloir accepter ce devis? Il sera converti en commande.",
    },
    rejectConfirm: {
      it: "Sei sicuro di voler rifiutare questo preventivo?",
      en: "Are you sure you want to reject this quote?",
      fr: "Êtes-vous sûr de vouloir refuser ce devis?",
    },
    rejectionReason: { it: "Motivo del rifiuto", en: "Rejection reason", fr: "Motif du refus" },
    rejectionReasonPlaceholder: {
      it: "Inserisci il motivo del rifiuto (opzionale)...",
      en: "Enter rejection reason (optional)...",
      fr: "Entrez le motif du refus (optionnel)...",
    },
    accepted: { it: "Preventivo Accettato", en: "Quote Accepted", fr: "Devis Accepté" },
    rejected: { it: "Preventivo Rifiutato", en: "Quote Rejected", fr: "Devis Refusé" },
    acceptedMessage: {
      it: "Il preventivo è stato accettato e convertito in ordine.",
      en: "The quote has been accepted and converted to an order.",
      fr: "Le devis a été accepté et converti en commande.",
    },
    rejectedMessage: {
      it: "Il preventivo è stato rifiutato.",
      en: "The quote has been rejected.",
      fr: "Le devis a été refusé.",
    },
    shareLink: { it: "Link Condivisione", en: "Share Link", fr: "Lien de Partage" },
    copyLink: { it: "Copia Link", en: "Copy Link", fr: "Copier le Lien" },
    linkCopied: { it: "Link copiato!", en: "Link copied!", fr: "Lien copié!" },
    viewHistory: { it: "Storico Visualizzazioni", en: "View History", fr: "Historique des Vues" },
    viewedOn: { it: "Visualizzato il", en: "Viewed on", fr: "Vu le" },
    noViews: { it: "Nessuna visualizzazione", en: "No views yet", fr: "Aucune vue" },
    totalViews: { it: "visualizzazioni", en: "views", fr: "vues" },
    createdBy: { it: "Creato da", en: "Created by", fr: "Créé par" },
    customer: { it: "Cliente", en: "Customer", fr: "Client" },
    admin: { it: "Admin", en: "Admin", fr: "Admin" },
    notes: { it: "Note", en: "Notes", fr: "Notes" },
    adminNotes: { it: "Note Admin", en: "Admin Notes", fr: "Notes Admin" },
    notesPlaceholder: {
      it: "Aggiungi note al preventivo...",
      en: "Add notes to the quote...",
      fr: "Ajouter des notes au devis...",
    },
    noQuotes: { it: "Nessun preventivo", en: "No quotes", fr: "Aucun devis" },
    noQuotesMessage: {
      it: "Non hai ancora preventivi. Puoi creare un preventivo dal carrello.",
      en: "You don't have any quotes yet. You can create a quote from the cart.",
      fr: "Vous n'avez pas encore de devis. Vous pouvez créer un devis depuis le panier.",
    },
    quoteSaved: { it: "Preventivo Salvato", en: "Quote Saved", fr: "Devis Enregistré" },
    quoteSavedMessage: {
      it: "Il tuo preventivo è stato salvato con successo.",
      en: "Your quote has been saved successfully.",
      fr: "Votre devis a été enregistré avec succès.",
    },
    goToQuotes: { it: "Vai ai Preventivi", en: "Go to Quotes", fr: "Aller aux Devis" },
    discount: { it: "Sconto", en: "Discount", fr: "Remise" },
    subtotal: { it: "Subtotale", en: "Subtotal", fr: "Sous-total" },
    total: { it: "Totale", en: "Total", fr: "Total" },
    items: { it: "articoli", en: "items", fr: "articles" },
    selectCustomer: { it: "Seleziona Cliente", en: "Select Customer", fr: "Sélectionner Client" },
    selectCustomerPlaceholder: {
      it: "Cerca cliente per nome o azienda...",
      en: "Search customer by name or company...",
      fr: "Rechercher client par nom ou entreprise...",
    },
    createForCustomer: {
      it: "Crea Preventivo per Cliente",
      en: "Create Quote for Customer",
      fr: "Créer Devis pour Client",
    },
    validityDays: { it: "Validità (giorni)", en: "Validity (days)", fr: "Validité (jours)" },
    allQuotes: { it: "Tutti i Preventivi", en: "All Quotes", fr: "Tous les Devis" },
    filterByStatus: { it: "Filtra per stato", en: "Filter by status", fr: "Filtrer par statut" },
    filterByCustomer: { it: "Filtra per cliente", en: "Filter by customer", fr: "Filtrer par client" },
    allStatuses: { it: "Tutti gli stati", en: "All statuses", fr: "Tous les statuts" },
    allCustomers: { it: "Tutti i clienti", en: "All customers", fr: "Tous les clients" },
    quotesFound: { it: "preventivi trovati", en: "quotes found", fr: "devis trouvés" },
    acceptedOn: { it: "Accettato il", en: "Accepted on", fr: "Accepté le" },
    rejectedOn: { it: "Rifiutato il", en: "Rejected on", fr: "Refusé le" },
    expiredOn: { it: "Scaduto il", en: "Expired on", fr: "Expiré le" },
    viewQuote: { it: "Vedi Preventivo", en: "View Quote", fr: "Voir le Devis" },
    backToQuotes: { it: "Torna ai Preventivi", en: "Back to Quotes", fr: "Retour aux Devis" },
    downloadPDF: { it: "Scarica PDF", en: "Download PDF", fr: "Télécharger PDF" },
    downloadingPDF: { it: "Scaricamento in corso...", en: "Downloading...", fr: "Téléchargement en cours..." },
  },
}

export function t(key: string, lang: Language): string {
  const keys = key.split(".")
  let value: any = translations

for (const k of keys) {
    if (value && typeof value === "object" && k in value) {
      value = value[k]
    } else {
      return key // Return key if translation not found
    }
  }

if (value && typeof value === "object" && lang in value) {
    return value[lang]
  }

return key
}</article></body></html>