import { ArrowLeft, ArrowRight, Bot, Building2, CheckCircle2, Database, FlaskConical, Gauge, MessageSquareText, ShieldCheck, Sparkles } from "lucide-react";
import { MarketingFooter, MarketingHeader } from "@/components/marketing-shell";
import type { ChatGPTUser } from "@/app/chatgpt-auth";

const steps = [
  [Building2,"جهّز شركتك","Set up your company"],[Bot,"اختر دور الوكيل","Choose the agent role"],
  [Database,"أضف معرفة معتمدة","Add approved knowledge"],[FlaskConical,"اختبر قبل التشغيل","Test before launch"],
] as const;

export default function AgentEntry({isAr,user,entry}:{isAr:boolean;user:ChatGPTUser|null;entry:{mode:string;labelAr:string;labelEn:string;trialDays?:number;requiresPaymentMethod?:boolean|null;signupEnabled?:boolean}}) {
  const label=isAr?entry.labelAr:entry.labelEn; const Arrow=isAr?ArrowLeft:ArrowRight;
  const href=user?(isAr?"/create-agent/setup":"/en/create-agent/setup"):`/signin-with-chatgpt?return_to=${encodeURIComponent(isAr?"/create-agent/setup":"/en/create-agent/setup")}`;
  const nav=[["journey",isAr?"الرحلة":"Journey"],["safety",isAr?"التحكم":"Controls"],["start",isAr?"ابدأ":"Start"]] as const;
  return <main className="oa-entry" dir={isAr?"rtl":"ltr"} lang={isAr?"ar":"en"}>
    <MarketingHeader isAr={isAr} navLinks={nav} languageHref={isAr?"/en/create-agent":"/create-agent"} menuId="agent-entry-menu" createHrefOverride={href} createLabelOverride={user?(isAr?"متابعة الإعداد":"Continue setup"):label} />
    <section className="oa-entry-hero"><div className="pf-container oa-entry-grid"><div className="oa-entry-copy"><span className="pf-kicker"><Sparkles />{isAr?"إنشاء موجّه خطوة بخطوة":"Guided setup, step by step"}</span><h1>{isAr?"أنشئ أول موظف رقمي لشركتك":"Create your company’s first digital employee"}</h1><p>{isAr?"أخبر NEXORA بما تريد من وكيلك، ثم راجع التعليمات والمعرفة والصلاحيات واختبره قبل التشغيل.":"Tell NEXORA what you need, then review instructions, knowledge and permissions and test the agent before launch."}</p><div className="pf-actions"><a className="pf-button primary large" href={href} target={user?undefined:"_top"}>{user?(isAr?"متابعة إعداد الوكيل":"Continue agent setup"):label}<Arrow /></a><a className="pf-button secondary large" href="#journey">{isAr?"شاهد رحلة الإعداد":"See the setup journey"}</a></div><div className="oa-truth-note"><ShieldCheck /><span>{entry.mode==="free"?(isAr?"الخطة المجانية مفعلة حاليًا وفق حدود الباقة.":"The free plan is currently enabled within its published limits."):entry.mode==="trial"?(isAr?`تجربة لمدة ${entry.trialDays} يومًا وفق إعدادات الباقات${entry.requiresPaymentMethod?" وتتطلب وسيلة دفع.":"."}`:`${entry.trialDays}-day trial under current pricing settings${entry.requiresPaymentMethod?"; a payment method is required.":"."}`):(isAr?"إنشاء الحساب متاح؛ تشغيل الوكيل يتطلب باقة أو تجربة مفعلة.":"Account creation is available; agent activation requires an enabled plan or trial.")}</span></div></div>
    <div className="oa-entry-board" aria-label={isAr?"معاينة رحلة إنشاء الوكيل":"Agent creation journey preview"}><div className="oa-board-head"><span><Bot /></span><div><small>NEXORA Agent Builder</small><strong>{isAr?"مسودة آمنة قبل النشر":"Safe draft before publishing"}</strong></div><i>{isAr?"مراجعة مطلوبة":"Review required"}</i></div><div className="oa-board-flow">{[[MessageSquareText,isAr?"الهدف":"Goal"],[Database,isAr?"المعرفة":"Knowledge"],[ShieldCheck,isAr?"الضوابط":"Guardrails"],[FlaskConical,isAr?"الاختبار":"Test"],[Gauge,isAr?"الجاهزية":"Readiness"]].map(([Icon,title],index)=>{const I=Icon as typeof Bot;return <div key={title as string} style={{"--delay":`${index*.16}s`} as React.CSSProperties}><span><I /></span><b>{title as string}</b>{index<4&&<em />}</div>})}</div><div className="oa-board-status"><CheckCircle2 /><span><b>{isAr?"لا نشر تلقائي":"No automatic publishing"}</b><small>{isAr?"كل مسودة تحتاج مراجعتك قبل التشغيل":"Every generated draft needs your review before launch"}</small></span></div></div></div></section>
    <section id="journey" className="pf-section oa-journey"><div className="pf-container"><div className="oa-heading"><span>{isAr?"من الفكرة إلى أول اختبار":"From idea to first test"}</span><h2>{isAr?"خطوات واضحة لغير المتخصصين":"Clear steps for non-technical teams"}</h2></div><div className="oa-step-grid">{steps.map(([Icon,ar,en],index)=>{const I=Icon;return <article key={ar}><i>{String(index+1).padStart(2,"0")}</i><span><I /></span><h3>{isAr?ar:en}</h3><p>{isAr?["بيانات الشركة والقطاع واللغة في مساحة عمل خاصة.","ابدأ بقالب أو وصف طبيعي ثم راجع المسودة.","استخدم نصًا أو FAQ جاهزًا فورًا؛ الملفات تبقى قيد المعالجة حتى توفر الفهرسة.","جرّب سؤالًا معروفًا وآخر غير معروف وتحقق من التحويل البشري."][index]:["Company, industry and language in an isolated workspace.","Start from a template or natural-language brief, then review the draft.","Use text or FAQs immediately; files remain pending until indexing is available.","Test known and unknown questions and verify human handoff."][index]}</p></article>})}</div></div></section>
    <section id="safety" className="pf-section oa-safety"><div className="pf-container oa-safety-grid"><div><span className="pf-kicker"><ShieldCheck />{isAr?"تحكم بشري":"Human control"}</span><h2>{isAr?"أنت تحدد ما يفعله الوكيل وما لا يفعله":"You decide what the agent can and cannot do"}</h2><p>{isAr?"كل إجراء حساس يبدأ معطّلًا أو يحتاج موافقة بشرية. القنوات غير المتصلة تظهر بوضوح «قريبًا»، والاختبار يعرض المصادر وقرار التحويل دون كشف الاستدلال الداخلي.":"Sensitive actions start disabled or require human approval. Unconnected channels are clearly marked coming soon, while testing shows sources and handoff decisions without exposing hidden reasoning."}</p></div><div className="oa-control-list">{(isAr?["إجابة من المعرفة المعتمدة فقط","تحويل عند انخفاض الثقة","موافقة بشرية للإجراءات الحساسة","حد الوكلاء مفروض من الخادم"]:["Approved knowledge only","Handoff below the confidence threshold","Human approval for sensitive actions","Agent limits enforced server-side"]).map((item)=><span key={item}><CheckCircle2 />{item}</span>)}</div></div></section>
    <section id="start" className="pf-final"><div className="pf-container"><span><Bot /></span><h2>{isAr?"ابدأ بمسودة، ثم اختبر قبل التشغيل":"Start with a draft, then test before launch"}</h2><p>{isAr?"سيُحفظ تقدمك تلقائيًا لتعود إلى آخر خطوة مكتملة.":"Your progress is saved so you can return to the last completed step."}</p><div className="pf-actions"><a className="pf-button primary large" href={href} target={user?undefined:"_top"}>{user?(isAr?"أكمل إعداد وكيلك":"Continue setup"):label}<Arrow /></a><a className="pf-button secondary large" href={isAr?"/pricing":"/en/pricing"}>{isAr?"راجع الباقات":"Review plans"}</a></div></div></section>
    <MarketingFooter isAr={isAr} navLinks={nav} />
  </main>;
}