"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Briefcase, ListTodo, FileText, HelpCircle } from 'lucide-react';

export default function TendersProcurementPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Tenders & Procurement", id: "/tenders-procurement" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <NavbarLayoutFloatingInline
        navItems={navItems}
        brandName="Webild"
        button={{ text: "Contact Us", href: "#footer" }}
      />
      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Tenders & Procurement"
          description="Explore current opportunities, guidelines, and application processes."
          tag="Opportunities"
          tagIcon={Briefcase}
          buttons={[{ text: "View Tenders", href: "#tenders" }]}
          dashboard={{
            title: "Procurement Dashboard",            stats: [
              { title: "Open Tenders", values: [5, 7, 10], description: "Active" },
              { title: "Contracts Awarded", values: [12, 15, 18], description: "Last Quarter" },
              { title: "Bidders", values: [50, 65, 80], description: "Registered" }
            ],
            logoIcon: ListTodo,
            sidebarItems: [{ icon: ListTodo, active: true }],
            buttons: [{ text: "Submit Inquiry", href: "#" }],
            listItems: [
              { title: "Upcoming IT Projects", status: "Planning phase", icon: Briefcase },
              { title: "Vendor Registration Drive", status: "Ongoing", icon: ListTodo },
              { title: "Audit of Current Contracts", status: "In progress", icon: FileText }
            ],
            imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
          }}
        />
      </div>

      <div id="tenders" data-section="tenders">
        <FeatureCardEight
          title="Current Tender Listings"
          description="Find detailed information about our active tenders."
          tag="Listings"
          tagIcon={ListTodo}
          features={[
            {
              title: "IT Infrastructure Upgrade",              description: "Procurement of new servers, networking equipment, and software licenses. Deadline: 2024-12-31.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            },
            {
              title: "Marketing Services Contract",              description: "Seeking agencies for digital marketing, social media management, and content creation. Deadline: 2024-11-15.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            },
            {
              title: "Office Supplies Vendor",              description: "Annual contract for various office supplies. Open to local and regional suppliers. Deadline: 2025-01-30.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="guidelines" data-section="guidelines">
        <FaqSplitMedia
          title="Procurement Guidelines"
          description="Understand our policies and procedures for fair and transparent procurement."
          tag="Guidelines"
          tagIcon={FileText}
          faqs={[
            { id: "faq1", title: "Eligibility Criteria", content: "Details on who can apply for tenders, including legal status, financial capacity, and experience requirements." },
            { id: "faq2", title: "Submission Requirements", content: "Instructions on required documents, format, and submission methods for tender applications." },
            { id: "faq3", title: "Evaluation Process", content: "Overview of how bids are evaluated, including scoring criteria and decision-making timelines." },
            { id: "faq4", title: "Ethical Conduct", content: "Our commitment to ethical procurement, anti-corruption policies, and conflict of interest guidelines." }
          ]}
          imageSrc="https://r2.webild.com/images/default-image.svg?_wi=1"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          mediaAnimation="opacity"
        />
      </div>

      <div id="application-process" data-section="application-process">
        <FeatureCardEight
          title="Application Processes"
          description="Step-by-step guide to submitting your tender application successfully."
          tag="Process"
          tagIcon={HelpCircle}
          features={[
            {
              title: "Step 1: Register Online",              description: "Create an account on our procurement portal to access tender documents and announcements.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            },
            {
              title: "Step 2: Review Documents",              description: "Download and carefully read the Invitation to Tender (ITT) and all supplementary documents.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            },
            {
              title: "Step 3: Prepare Your Bid",              description: "Assemble all required technical, financial, and legal documents as specified in the ITT.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            },
            {
              title: "Step 4: Submit Application",              description: "Submit your complete bid through the online portal before the specified deadline.",              imageSrc: "https://r2.webild.com/images/default-image.svg?_wi=1"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          columns={[
            {
              title: "Company",              items: [{ label: "Home", href: "/" }, { label: "Tenders & Procurement", href: "/tenders-procurement" }],
            },
            {
              title: "Support",              items: [{ label: "FAQ", href: "#guidelines" }, { label: "Contact", href: "#footer" }],
            },
          ]}
          logoText="Webild"
        />
      </div>
    </ThemeProvider>
  );
}
