import { createFileRoute } from "@tanstack/react-router";
import { Navbar } from "@/components/site/Navbar";
import { Footer } from "@/components/site/Footer";
import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion";

export const Route = createFileRoute("/faq")({
  head: () => ({
    meta: [
      { title: "FAQ — Fighter Bull's Trading Academy" },
      {
        name: "description",
        content:
          "Frequently asked questions about Fighter Bull's trading courses, mentorship, funding, payments and more.",
      },
      { property: "og:title", content: "FAQ — Fighter Bull's Trading Academy" },
      {
        property: "og:description",
        content:
          "Answers to common questions about our trading education programs in Crypto, Forex, Commodities and Indian Options.",
      },
    ],
  }),
  component: FaqPage,
});

type QA = { q: string; a: React.ReactNode };
type Section = { title: string; items: QA[] };

const sections: Section[] = [
  {
    title: "General Questions",
    items: [
      {
        q: "What is Fighter Bulls?",
        a: "Fighter Bulls is a professional trading education platform designed to teach beginners and advanced traders institutional-level trading concepts in Crypto, Forex, Commodities, and Indian Options markets.",
      },
      {
        q: "Who can join Fighter Bulls?",
        a: (
          <>
            Anyone interested in learning trading can join: beginners, working
            professionals, students, existing traders and funding challenge
            traders. No prior experience is required.
          </>
        ),
      },
      {
        q: "What markets do you teach?",
        a: (
          <ul className="list-disc pl-5 space-y-1">
            <li>Cryptocurrency Trading</li>
            <li>Forex Trading</li>
            <li>Commodity Markets</li>
            <li>Indian Options Trading</li>
            <li>Institutional Trading Concepts</li>
          </ul>
        ),
      },
      {
        q: "Is this course beginner friendly?",
        a: "Yes. Our course starts from the basics and gradually moves to advanced institutional trading concepts.",
      },
      {
        q: "Do I need any technical background?",
        a: "No technical or financial background is required to start learning.",
      },
    ],
  },
  {
    title: "Course & Learning",
    items: [
      {
        q: "What topics are covered in the course?",
        a: (
          <ul className="list-disc pl-5 space-y-1">
            <li>Candlestick Mastery</li>
            <li>SMC / ICT Concepts</li>
            <li>CRT (Candle Range Theory)</li>
            <li>Order Blocks & Liquidity</li>
            <li>BOS & CHoCH</li>
            <li>Technical Indicators</li>
            <li>Forex & Crypto Trading</li>
            <li>Trading Psychology</li>
            <li>Risk Management</li>
            <li>Live Market Sessions</li>
          </ul>
        ),
      },
      {
        q: "Do you teach SMC & ICT concepts?",
        a: (
          <>
            Yes. We teach advanced Smart Money Concepts (SMC) and ICT-based
            market structure concepts including Order Blocks, Fair Value Gaps
            (FVG), Liquidity, Market Structure and Premium & Discount Zones.
          </>
        ),
      },
      {
        q: "Do you teach CRT (Candle Range Theory)?",
        a: (
          <>
            Yes. Our advanced module includes CRH & CRL, Power of Three (PO3),
            Multi-Timeframe Analysis, Liquidity & Imbalances and Turtle Body
            Soup Concepts.
          </>
        ),
      },
      {
        q: "Will I get live trading sessions?",
        a: "Yes. We conduct live market sessions and real-time chart analysis for practical understanding.",
      },
      {
        q: "Are recorded classes available?",
        a: "Yes. Students receive recorded access to sessions depending on their selected plan.",
      },
      {
        q: "How long is the course duration?",
        a: (
          <ul className="list-disc pl-5 space-y-1">
            <li>Basic Crypto Plan — 3 Months</li>
            <li>Crypto + Forex Plan — 4 Months</li>
            <li>Complete Trading Plan — 5 Months</li>
            <li>Premium Mentorship Plan — 6 Months</li>
          </ul>
        ),
      },
      {
        q: "Will I receive mentorship support?",
        a: "Yes. Premium plans include direct guidance and mentorship support.",
      },
    ],
  },
  {
    title: "Trading & Strategy",
    items: [
      {
        q: "Do you provide trading signals?",
        a: "Our main focus is education and skill development. Some mentorship plans may include market guidance and educational trade discussions.",
      },
      {
        q: "Will I become profitable after the course?",
        a: "Profitability depends on practice, discipline, risk management, emotional control and market experience. We provide the education and strategies, but results vary from trader to trader.",
      },
      {
        q: "Do you guarantee profits?",
        a: "No. Trading always involves financial risk. We do not guarantee profits or fixed returns.",
      },
      {
        q: "Do you teach risk management?",
        a: "Yes. Risk management is one of the most important parts of our training program.",
      },
      {
        q: "Do you teach trading psychology?",
        a: "Yes. We help traders develop emotional discipline, consistency, patience and fear & greed management.",
      },
    ],
  },
  {
    title: "Funding Account",
    items: [
      {
        q: "What is a funding account?",
        a: "A funding account allows traders to trade using capital provided by proprietary trading firms after passing evaluation challenges.",
      },
      {
        q: "Do you help with funding challenges?",
        a: "Yes. Advanced mentorship plans include guidance for funding challenges and evaluation models.",
      },
      {
        q: "Do you guarantee funded accounts?",
        a: "No. Funding approval depends on trader performance, discipline, and consistency.",
      },
      {
        q: "Which funding firms are supported?",
        a: "Our strategies can be applied to most popular prop trading firms and funding models.",
      },
    ],
  },
  {
    title: "Technical & Access",
    items: [
      {
        q: "How will classes be conducted?",
        a: (
          <ul className="list-disc pl-5 space-y-1">
            <li>Online live sessions</li>
            <li>Recorded videos</li>
            <li>Chart analysis sessions</li>
            <li>Community support groups</li>
          </ul>
        ),
      },
      {
        q: "Can I access the course on mobile?",
        a: "Yes. The course can be accessed from mobile, laptop, or desktop devices.",
      },
      {
        q: "Is lifetime access available?",
        a: "Some plans include lifetime recorded access to learning materials and sessions.",
      },
      {
        q: "Will I get support after joining?",
        a: "Yes. Students receive support and guidance throughout the learning journey.",
      },
    ],
  },
  {
    title: "Payment & Enrollment",
    items: [
      {
        q: "What payment methods do you accept?",
        a: "We may accept UPI, Bank Transfer, Crypto Payments and Online Payment Gateways.",
      },
      {
        q: "How do I enroll?",
        a: "You can enroll directly through the website or contact our support team for assistance.",
      },
      {
        q: "Is there any refund policy?",
        a: "Please contact support regarding refund eligibility and terms before enrollment.",
      },
    ],
  },
  {
    title: "Risk Disclaimer",
    items: [
      {
        q: "Is trading risky?",
        a: "Yes. Trading in Crypto, Forex, Commodities, and Options involves substantial financial risk.",
      },
      {
        q: "Should I trade with borrowed money?",
        a: "No. Never trade with money you cannot afford to lose.",
      },
      {
        q: "Is this financial advice?",
        a: "No. Fighter Bulls provides educational content only and not financial or investment advice.",
      },
    ],
  },
];

function FaqPage() {
  return (
    <div className="min-h-screen bg-background">
      <Navbar />
      <main className="mx-auto max-w-4xl px-4 py-16 md:px-8 md:py-24">
        <header className="text-center">
          <div className="inline-flex items-center rounded-full border border-border bg-surface px-4 py-1.5 text-xs font-semibold uppercase tracking-widest text-muted-foreground">
            Help Center
          </div>
          <h1 className="mt-6 text-4xl font-bold tracking-tight md:text-5xl">
            Frequently Asked <span className="text-gradient-gold">Questions</span>
          </h1>
          <p className="mx-auto mt-4 max-w-2xl text-muted-foreground">
            Everything you need to know about Fighter Bull's courses, mentorship
            and trading education.
          </p>
        </header>

        <div className="mt-14 space-y-12">
          {sections.map((section) => (
            <section key={section.title}>
              <h2 className="mb-4 text-xl font-bold">{section.title}</h2>
              <Accordion type="single" collapsible className="rounded-2xl border border-border bg-surface px-2">
                {section.items.map((item, i) => (
                  <AccordionItem
                    key={item.q}
                    value={`${section.title}-${i}`}
                    className="border-border"
                  >
                    <AccordionTrigger className="text-left text-base font-semibold hover:no-underline">
                      {item.q}
                    </AccordionTrigger>
                    <AccordionContent className="text-muted-foreground leading-relaxed">
                      {item.a}
                    </AccordionContent>
                  </AccordionItem>
                ))}
              </Accordion>
            </section>
          ))}
        </div>
      </main>
      <Footer />
    </div>
  );
}