
import { SMTPSettingsCard } from "@/components/admin/SMTPSettingsCard";
import { AiSettingsCard } from "@/components/admin/AiSettingsCard";
import { useTranslation } from "react-i18next";
import { Button } from "@/components/ui/button";
import { ArrowLeft } from "lucide-react";
import { useLocation } from "wouter";

export default function AdminSettings() {
    const { t } = useTranslation();
    const [, setLocation] = useLocation();

    return (
        <div className="space-y-6 container mx-auto p-4 max-w-5xl">
            <div className="flex items-center gap-4">
                <Button variant="ghost" size="icon" onClick={() => setLocation("/settings")}>
                    <ArrowLeft className="w-5 h-5" />
                </Button>
                <div>
                    <h1 className="text-3xl font-bold tracking-tight">{t('settings.admin.title')}</h1>
                    <p className="text-muted-foreground">{t('settings.admin.description')}</p>
                </div>
            </div>

            <div className="grid gap-6">
                <AiSettingsCard />
                <SMTPSettingsCard />
            </div>
        </div>
    );
}
