import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { SiteInfoList } from "@/features/site-management/components/SiteInfoList"
import { BannerList } from "@/features/site-management/components/BannerList"
import { SiteSettingsForm } from "@/features/site-management/components/SiteSettingsForm"
import { Settings as SettingsIcon, Image, Globe, Info } from "lucide-react"

export default function SettingsPage() {
    return (
        <div className="space-y-6">
            <div>
                <h1 className="text-3xl font-bold tracking-tight">Site Yönetimi</h1>
                <p className="text-muted-foreground">
                    Genel site ayarlarını, bannerları ve firma bilgilerini buradan yönetebilirsiniz.
                </p>
            </div>

            <Tabs defaultValue="site-info" className="space-y-4">
                <TabsList>
                    <TabsTrigger value="site-info" className="flex items-center gap-2">
                        <Info className="h-4 w-4" />
                        Site Bilgileri
                    </TabsTrigger>
                    <TabsTrigger value="banners" className="flex items-center gap-2">
                        <Image className="h-4 w-4" />
                        Banner Yönetimi
                    </TabsTrigger>
                    <TabsTrigger value="settings" className="flex items-center gap-2">
                        <SettingsIcon className="h-4 w-4" />
                        Genel Ayarlar
                    </TabsTrigger>
                    <TabsTrigger value="cors" className="flex items-center gap-2">
                        <Globe className="h-4 w-4" />
                        CORS Ayarları
                    </TabsTrigger>
                </TabsList>

                <TabsContent value="site-info" className="space-y-4">
                    <SiteInfoList />
                </TabsContent>

                <TabsContent value="banners" className="space-y-4">
                    <BannerList />
                </TabsContent>

                <TabsContent value="settings" className="space-y-4">
                    <SiteSettingsForm />
                </TabsContent>

                <TabsContent value="cors">
                    {/* CORS management will be moved here or linked */}
                    <div className="p-4 border rounded-md bg-muted/20">
                        <p>CORS Yönetimi için sol menüdeki "CORS Yönetimi" sayfasını kullanabilirsiniz.</p>
                        {/* Optionally integrate CORS components here if refactoring */}
                    </div>
                </TabsContent>
            </Tabs>
        </div>
    )
}
