"use client";

import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSignup from '@/components/sections/hero/HeroSignup';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Settings, Workflow, Home, Users, UserPlus, CreditCard, Star, Globe, ClipboardEdit, Gift, ShieldAlert, BarChart2, Monitor } from "lucide-react";

export default function AdminPage() {
    const navItems = [
        { name: "Features", id: "features" },
        { name: "Pricing", id: "pricing" },
        { name: "Docs", href: "/docs" },
        { name: "Contact", id: "contact" },
        { name: "Admin", href: "/admin" }
    ];

    const managementFeatures = [
        {
            title: "Salon Management",            description: "Manage salon profiles, services, schedules, and capacity.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature1.webp",            imageAlt: "Salon Management"
        },
        {
            title: "Barber Management",            description: "Oversee barber profiles, availability, performance, and commission.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature2.webp",            imageAlt: "Barber Management"
        },
        {
            title: "Client Management",            description: "Handle client accounts, booking history, preferences, and communication.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature3.webp",            imageAlt: "Client Management"
        },
        {
            title: "Payment Management",            description: "Track transactions, process refunds, manage subscriptions, and view financial reports.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature4.webp",            imageAlt: "Payment Management"
        },
        {
            title: "Review Management",            description: "Monitor customer feedback, respond to reviews, and manage ratings.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature5.webp",            imageAlt: "Review Management"
        },
        {
            title: "Language Management",            description: "Control multi-language support for the platform and content.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature6.webp",            imageAlt: "Language Management"
        },
        {
            title: "Content Management",            description: "Update and manage website content, promotions, and announcements.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature1.webp",            imageAlt: "Content Management"
        },
        {
            title: "Promotion Management",            description: "Create, schedule, and track marketing campaigns and discounts.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature2.webp",            imageAlt: "Promotion Management"
        },
        {
            title: "Fraud Detection",            description: "Implement tools and alerts to detect and prevent fraudulent activities.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature3.webp",            imageAlt: "Fraud Detection"
        },
        {
            title: "Global Analytics",            description: "Access comprehensive data insights and reports for informed decision-making.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature4.webp",            imageAlt: "Global Analytics"
        },
        {
            title: "System Monitoring",            description: "Monitor system health, performance, and security in real-time.",            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/feature5.webp",            imageAlt: "System Monitoring"
        }
    ];

    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="background-highlight"
            borderRadius="rounded"
            contentWidth="medium"
            sizing="medium"
            background="none"
            cardStyle="gradient-bordered"
            primaryButtonStyle="gradient"
            secondaryButtonStyle="layered"
            headingFontWeight="semibold"
        >
            <NavbarStyleFullscreen
                navItems={navItems}
                brandName="AgentFlow"
                bottomLeftText="Build Smarter"
                bottomRightText="hello@agentflow.ai"
            />
            <HeroSignup
                background={{ variant: "canvas-reveal" }}
                tag="Management Platform"
                tagIcon={Settings}
                title="Super Admin Panel"
                description="Centralized control for salon and barber operations, client management, payments, and global analytics."
                buttons={[
                    { text: "Access Panel", href: "#" }
                ]}
            />
            <FeatureCardSix
                tag="Key Modules"
                tagIcon={Workflow}
                title="Comprehensive Management Features"
                description="Our Super Admin Panel offers a complete suite of tools to efficiently manage every aspect of your business."
                textboxLayout="default"
                useInvertedBackground={false}
                features={managementFeatures.map(f => ({
                    title: f.title,
                    description: f.description,
                    imageSrc: f.imageSrc,
                    imageAlt: f.imageAlt,
                    buttons: [{ text: "Learn More", href: "#" }]
                }))}
            />
        </ThemeProvider>
    );
}
