import { getSettings } from '@/app/admin/settings/settings-actions';
import { getSession } from '@/lib/auth-server';
import { Share2 } from 'lucide-react';
import { Metadata } from 'next';
import { redirect } from 'next/navigation';
import SocialMediaClient from './SocialMediaClient';

export const metadata: Metadata = {
    title: 'Social Media | Admin Dashboard',
};

export default async function SocialMediaPage() {
    const session = await getSession();
    if (!session || (session.role !== 'SUPERUSER' && session.role !== 'ADMIN')) {
        redirect('/admin');
    }

    const initialSettings = await getSettings();

    return (
        <div className="space-y-8">
            <div className="flex items-center justify-between">
                <div>
                    <h1 className="text-3xl font-bold text-white flex items-center gap-3">
                        <Share2 className="text-amber-500" />
                        Social Media
                    </h1>
                    <p className="text-gray-400 mt-2">Configure global social media links for your website.</p>
                </div>
            </div>

            <SocialMediaClient initialSettings={initialSettings} />
        </div>
    );
}