import Link from 'next/link';
import { LayoutDashboard, Users, Briefcase, Settings, FileText, LogOut, Handshake } from 'lucide-react';
import { logout } from '../actions';

export default function AdminLayout({ children }: { children: React.ReactNode }) {
    return (
        <div className="min-h-screen bg-black text-white flex">
            {/* Sidebar */}
            <aside className="w-64 border-r border-white/10 flex flex-col bg-zinc-950 p-4">
                <div className="mb-8 px-4">
                    <h1 className="text-xl font-black uppercase tracking-widest text-[#1e9a83]">Muğla Dijital</h1>
                    <p className="text-xs text-white/40 uppercase tracking-widest">Admin Panel</p>
                </div>
                
                <nav className="flex-1 space-y-2">
                    <Link href="/admin" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
                        <LayoutDashboard className="w-5 h-5 text-white/60" />
                        Dashboard
                    </Link>
                    <Link href="/admin/leads" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
                        <Users className="w-5 h-5 text-white/60" />
                        Mesajlar & Başvurular
                    </Link>
                    <Link href="/admin/projects" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
                        <Briefcase className="w-5 h-5 text-white/60" />
                        Projeler
                    </Link>
                    <Link href="/admin/services" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
                        <FileText className="w-5 h-5 text-white/60" />
                        Hizmetler
                    </Link>
                    <Link href="/admin/settings" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
                        <Settings className="w-5 h-5 text-white/60" />
                        Site Ayarları
                    </Link>
                    <Link href="/admin/partners" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
                        <Handshake className="w-5 h-5 text-white/60" />
                        Partnerler
                    </Link>
                </nav>

                <div className="mt-auto border-t border-white/10 pt-4">
                    <form action={logout}>
                        <button type="submit" className="flex w-full items-center gap-3 px-4 py-3 rounded-xl hover:bg-red-500/10 hover:text-red-500 transition-colors text-sm font-medium text-white/60">
                            <LogOut className="w-5 h-5" />
                            Çıkış Yap
                        </button>
                    </form>
                </div>
            </aside>

            {/* Main Content */}
            <main className="flex-1 overflow-y-auto">
                <div className="max-w-6xl mx-auto p-8">
                    {children}
                </div>
            </main>
        </div>
    );
}