'use client';
import {projectCoverImage} from '@/lib/project-cover';
import {ArrowRight,ArrowUpLeft,BookOpen,FileText,ShieldCheck,Info,Copyright} from 'lucide-react';
import '@/app/project-detail-tabs.css';
import {SiteFrame,FAQ,useSite} from './site-shell';
import {Tabs,TabsList,TabsTrigger,TabsContent} from '@/components/ui/tabs';
import {TokenTrade} from './token-trade';
import {AssetOrderBook} from './asset-order-book';
import {localized,n,categoryNames,type Project,type Catalog} from '@/lib/catalog';
export function ProjectPage({project,catalog}:{project:Project;catalog:Catalog}){return <SiteFrame content={catalog.content} mode={catalog.mode} detail><ProjectDetail p={project} catalog={catalog}/></SiteFrame>}
function ProjectDetail({p,catalog}:{p:Project;catalog:Catalog}){const {locale}=useSite();const demo=catalog.mode==='preview'||Boolean(p.is_demo);
 return <main id="project" className="project-page" dir={locale==='en'?'ltr':'rtl'}><div className="project-breadcrumb"><a href={catalog.mode==='preview'?'/market?preview=design':'/market'}><ArrowRight size={15}/>مارکت‌پلیس</a><span>/</span><span>{localized(p.title,locale)}</span></div><div className="project-layout"><article className="project-story"><div className="project-heading"><span className="small-pill">{localized(categoryNames[p.category],locale)}</span><span dir="ltr" className="project-symbol">{p.symbol} <span>•</span> PLANCK</span></div><h1>{localized(p.title,locale)}</h1><p className="project-location">{localized(p.location,locale)}</p><p className="project-intro">{localized(p.description,locale)}</p><div className="project-photo">{p.image_url?<img src={projectCoverImage(p.image_url)} alt={localized(p.title,locale)}/>:<Copyright size={100} strokeWidth={1}/>}<span className="image-caption">{demo?'تصویر مفهومی':localized(p.title,locale)}</span></div><div className="project-facts"><div><span>بازده فعلی</span><strong className={p.current_return>=0?"positive":"negative"} dir="ltr">{p.current_return>=0?"+":""}{n(p.current_return,locale)}%</strong></div><div><span>مدت پروژه</span><strong>{n(p.duration_months,locale)} <small>ماه</small></strong></div><div><span>تعداد کل واحدها</span><strong>{n(p.total_units,locale)}</strong></div></div></article>
 <TokenTrade key={p.id} project={p} catalog={catalog}/></div>
 <section className="project-information project-folder-information" aria-label="اطلاعات پروژه">
 <Tabs defaultValue="overview" className="project-folder">
 <TabsList className="detail-tabs project-folder-tabs" aria-label="بخش‌های اطلاعات پروژه">
 <TabsTrigger value="overview"><span className="project-folder-tab-icon"><BookOpen size={19} aria-hidden="true"/></span><span>درباره پروژه</span></TabsTrigger>
 <TabsTrigger value="documents"><span className="project-folder-tab-icon"><FileText size={19} aria-hidden="true"/></span><span>اسناد و مدارک</span></TabsTrigger>
 <TabsTrigger value="risk"><span className="project-folder-tab-icon"><ShieldCheck size={19} aria-hidden="true"/></span><span>ریسک‌ها و شرایط</span></TabsTrigger>
 </TabsList>
 <TabsContent value="overview" className="project-folder-panel"><h2>پشت هر توکن، یک دارایی.</h2><p>{localized(p.description,locale)}</p><div className="info-callout"><Info size={20}/><p>بازده نمایش‌داده‌شده، سود تضمین‌شده یا وعده درآمد آینده نیست. قیمت‌ها و شرایط عرضه را پیش از تأیید نهایی بررسی کنید.</p></div></TabsContent><TabsContent value="documents" className="project-folder-panel"><h2>اسناد پروژه</h2>{p.documents.length?p.documents.map((d,i)=><a className="document-link" key={i} href={d.url} target="_blank" rel="noopener noreferrer"><FileText size={20}/>{localized(d.title,locale)}<ArrowUpLeft size={17}/></a>):<p>هنوز مدرکی برای این پروژه منتشر نشده است. خرید واقعی تا تکمیل اطلاعات و شرایط عرضه فعال نمی‌شود.</p>}</TabsContent><TabsContent value="risk" className="project-folder-panel"><h2>با شناخت ریسک‌ها انتخاب کنید.</h2><p>{localized(p.risk,locale)}</p><p>کارمزد، شرایط خروج، متولی دارایی و حقوق دارندگان توکن باید در مدارک نهایی همین پروژه مشخص شوند.</p></TabsContent></Tabs></section><AssetOrderBook symbol={p.symbol} locale={locale} unavailableMessage={locale==='fa'?'دفتر سفارش این پروژه هنوز در دسترس نیست.':locale==='ar'?'دفتر أوامر هذا المشروع غير متاح حالياً.':'The order book for this project is not yet available.'}/><FAQ content={catalog.content}/>
</main>
}