"use client"; import React, { useEffect, useState } from "react"; import { useRouter, useParams } from "next/navigation"; import Image from "next/image"; import useSWR from 'swr'; import { toPersianDigitsDecimal } from '@/lib/utl/toPersianDigitsDecimal'; import { MdOutlineInvertColors } from "react-icons/md"; import { SiSpringsecurity } from "react-icons/si"; import { IoResizeSharp } from "react-icons/io5"; import { ArrowPathRoundedSquareIcon, ArrowRightIcon, CheckCircleIcon, ClipboardDocumentCheckIcon, TruckIcon, CheckIcon } from "@heroicons/react/24/outline"; import { FaStar } from "react-icons/fa"; import { MdOutlineDocumentScanner } from "react-icons/md"; import { IoCloseCircleOutline } from "react-icons/io5"; import Link from "next/link"; import { motion, AnimatePresence } from "framer-motion"; import GlobalDigitConverter from '@/lib/utl/GlobalDigitConverter'; // ---------- Helpers ---------- const apiFetch = async (url, options = {}) => fetch(url, { headers: { "Content-Type": "application/json" }, credentials: "include", ...options, }); const swrFetcher = (url) => apiFetch(url).then(res => res.json()); const formatPrice = (price) => { if (!price) return "۰"; return new Intl.NumberFormat('fa-IR').format(price); }; const formatDate = (dateString) => { try { return new Intl.DateTimeFormat('fa-IR', { day: 'numeric', month: 'long', year: 'numeric', }).format(new Date(dateString)); } catch (e) { return "تاریخ نامشخص"; } }; // ---------- UI Components ---------- const LoadingSpinner = () => (
); // هدر صفحه const DetailHeader = ({ onBack }) => (

جزئیات سفارش

); // --- کامپوننت نوار پیشرفت (اصلاح شده) --- const OrderProgressTracker = ({ order }) => { const steps = [ { id: 1, label: 'دریافت سفارش', // اصلاح ۱: اگر مراحل بعدی (پست یا آرشیو) انجام شده باشند، مرحله اول هم تیک میخورد isCompleted: order.seen || order.isOrderdGot || order.isDeliveredPost || order.isArchived }, { id: 2, label: 'تحویل به پست', // اصلاح ۲: اگر آرشیو (تحویل مشتری) شده باشد، یعنی حتما پست هم شده است isCompleted: order.isDeliveredPost || order.isArchived }, { id: 3, label: 'تحویل به مشتری', isCompleted: order.isArchived }, ]; const activeStepFind = steps.find(s => !s.isCompleted); // اصلاح ۳: اگر همه مراحل تمام شده باشند، activeStep را null میکنیم تا آخری قرمز نماند const activeStep = activeStepFind ? activeStepFind.id : null; const completedSteps = steps.filter(s => s.isCompleted).length; let progressWidth = "0%"; if (completedSteps === 1) { progressWidth = "50%"; } else if (completedSteps >= 2) { progressWidth = "100%"; } const allDone = completedSteps === 3; return (

وضعیت سفارش

{steps.map((step, index) => { const isCompleted = step.isCompleted; const isActive = step.id === activeStep; return ( {index > 0 && (
)}
{isCompleted ? ( ) : ( {step.id} )} {step.label}
); })}
); }; // کامپوننت نمایش اطلاعات محصول const OrderProductInfo = ({ order }) => (
{order.productTitle} { e.target.onerror = null; e.target.src="https://placehold.co/100x100/f0f0f0/ccc?text=Img"; }} />

{order.productTitle}

{order.productColor !== 'freeColor' && (

رنگ: {order.productColor}

)} {order.productSize !== 'freeSize' && (

سایز: {order.productSize}

)}

گارانتی اصالت محصول

); // کامپوننت ردیف اطلاعات const InfoRow = ({ label, value, valueClass = "font-medium" }) => (
{label} {value}
); // کامپوننت اطلاعات پرداخت const OrderPaymentInfo = ({ order }) => { const totalPrice = order.productPrice + (order.productShippingCost || 0); return (
{/* --- بخش جدید اضافه شده: وضعیت پرداخت --- */}
); }; function PersianDateDisplay(baseDate, daysToAdd) { if (!baseDate || typeof daysToAdd !== "number") return "ورودی نامعتبر"; try { const date = new Date( typeof baseDate === "string" && !baseDate.endsWith("Z") ? baseDate + "Z" : baseDate ); if (isNaN(date.getTime())) return "تاریخ نامعتبر"; date.setDate(date.getDate() + daysToAdd); const formatter = new Intl.DateTimeFormat("fa-IR", { weekday: "long", month: "long", day: "numeric", timeZone: "Asia/Tehran", }); return formatter.format(date); } catch (error) { console.error("Error converting date:", error); return "تاریخ نامعتبر"; } } // کامپوننت وضعیت مرسوله const TrackingSection = ({ order }) => { const [isCopied, setIsCopied] = useState(false); const handleCopy = () => { if (!order.postSystemCode || isCopied) return; navigator.clipboard.writeText(order.postSystemCode) .then(() => { setIsCopied(true); setTimeout(() => { setIsCopied(false); }, 3000); }) .catch(err => { console.error('خطا در کپی کردن: ', err); alert("خطا در کپی کردن کد رهگیری"); }); }; return (
{order.isArchived === true && (
تحویل مرسوله به مشتری
)}

با استفاده از سامانه رهگیری پست می‌توانید از وضعیت مرسوله باخبر شوید.

{order.shippingCompany === "mahax"? ورود به سامانه رهگیری › : order.shippingCompany === "dekapost"? ورود به سامانه رهگیری › : order.shippingCompany === "tipax"? ورود به سامانه رهگیری › : order.shippingCompany === "pishtaz"? ورود به سامانه رهگیری › :null }
کد رهگیری:
{order.postSystemCode || "کد رهگیری ثبت نشده"} {isCopied ? ( کپی شد! ) : ( )}
); }; // کامپوننت امتیازدهی const RatingSection = () => (
امتیاز دهید!
{[5, 4, 3, 2, 1].map(star => ( ))}
ثبت دیدگاه
); // ---------- صفحه اصلی جزئیات سفارش ---------- export default function OrderDetailPage() { const router = useRouter(); const params = useParams(); const { orderId } = params; const { data: userData, error: userError, isLoading: authLoading } = useSWR( '/api/auth/me', swrFetcher ); const { data: orderData, error: orderError, isLoading: orderLoading } = useSWR( orderId ? `/api/orders/${orderId}` : null, swrFetcher ); const order = orderData?.order; useEffect(() => { if (!authLoading && userError) { router.push("/login"); } }, [authLoading, userError, router]); if (authLoading || orderLoading) return ; if (orderError || !order) { return (
router.back()} />

{orderError ? "خطا در دریافت اطلاعات لطفا صفحه را رفرش نمایید." : " سفارش یافت نشد لطفا صفحه را رفرش نمایید."}

); } return (
router.back()} /> {/* نوار پیشرفت */}
{/* بخش ۱: جزئیات سفارش */}
آخرین وضعیت محصول {order.productShippingStatu}
آدرس

{order.customerExactAddress}

{/* بخش ۲: اطلاعات پرداخت */} {/* بخش ۳: مرسوله */}

مرسوله ۱ از ۱

ارسال با {order.shippingCompany}
); }