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"

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

            <Tabs defaultValue="site-info" className="space-y-4">
                <TabsList>
                    <TabsTrigger value="site-info">Site Bilgileri</TabsTrigger>
                    <TabsTrigger value="banners">Bannerlar</TabsTrigger>
                    <TabsTrigger value="settings">Genel 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">
                    <div className="rounded-md border p-6">
                        <SiteSettingsForm />
                    </div>
                </TabsContent>
            </Tabs>
        </div>
    )
}
