"use client"

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { SiteSettingsForm, SettingsFormValues } from "@/components/dashboard/site-settings-form"
import { SmsSettingsForm } from "@/components/dashboard/sms-settings-form"
import { AppearanceForm } from "@/components/dashboard/appearance-form"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"

interface SettingsTabsProps {
    siteSettings: Partial<SettingsFormValues> | null
    smsSettings: {
        username: string
        header: string
    } | null
}

export function SettingsTabs({ siteSettings, smsSettings }: SettingsTabsProps) {
    return (
        <Tabs defaultValue="general" className="space-y-4">
            <TabsList>
                <TabsTrigger value="general">Genel</TabsTrigger>
                <TabsTrigger value="sms">SMS / Bildirimler</TabsTrigger>
                <TabsTrigger value="appearance">Görünüm</TabsTrigger>
                <TabsTrigger value="security">Güvenlik</TabsTrigger>
            </TabsList>

            <TabsContent value="general" className="space-y-4">
                <SiteSettingsForm initialData={siteSettings} />
            </TabsContent>

            <TabsContent value="sms" className="space-y-4">
                <SmsSettingsForm initialData={smsSettings} />
            </TabsContent>

            <TabsContent value="appearance" className="space-y-4">
                <AppearanceForm />
            </TabsContent>

            <TabsContent value="security" className="space-y-4">
                <Card>
                    <CardHeader>
                        <CardTitle>Hesap Güvenliği</CardTitle>
                        <CardDescription>
                            Şifre ve oturum yönetimi.
                        </CardDescription>
                    </CardHeader>
                    <CardContent className="space-y-4">
                        <Button variant="outline" className="w-full">Şifre Değiştir</Button>
                        <Button variant="destructive" className="w-full">Hesabı Sil</Button>
                    </CardContent>
                </Card>
            </TabsContent>
        </Tabs>
    )
}
