'use client';

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { MoviesAdminTab } from "@/components/admin/MoviesAdminTab";
import { GamesAdminTab } from "@/components/admin/GamesAdminTab";
import { MenuAdminTab } from "@/components/admin/MenuAdminTab";
import { GeneralAdminTab } from "@/components/admin/GeneralAdminTab";
import { useAutenticacion } from "@/proveedores/autenticacion";
import { UsersAdminTab } from "@/components/admin/UsersAdminTab";
import { StatisticsAdminTab } from "@/components/admin/StatisticsAdminTab";
import { InvoicesAdminTab } from "@/components/admin/InvoicesAdminTab";


export default function AdminPage() {
    const { usuario } = useAutenticacion();

    const isSuperAdmin = usuario?.rol === 'superadmin';
    const isAdmin = usuario?.rol === 'admin';

    return (
        <div className="container mx-auto px-4 py-12">
            <div className="mb-8">
                <h1 className="text-3xl md:text-4xl font-bold font-headline">Panel de Administración</h1>
                <p className="mt-2 text-muted-foreground">Gestiona el contenido y las operaciones de la aplicación.</p>
            </div>
             <Tabs defaultValue="general">
                <TabsList className="mb-6 grid w-full grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-7 h-auto p-2">
                    <TabsTrigger value="general">General</TabsTrigger>
                    <TabsTrigger value="movies">Películas</TabsTrigger>
                    <TabsTrigger value="games">Juegos</TabsTrigger>
                    <TabsTrigger value="menu">Menú</TabsTrigger>
                    <TabsTrigger value="stats">Estadísticas</TabsTrigger>
                    <TabsTrigger value="invoices">Añadir Boleta</TabsTrigger>
                    {isSuperAdmin && <TabsTrigger value="users">Usuarios</TabsTrigger>}
                </TabsList>
                <TabsContent value="general">
                    <GeneralAdminTab />
                </TabsContent>
                <TabsContent value="movies">
                    <MoviesAdminTab />
                </TabsContent>
                <TabsContent value="games">
                   <GamesAdminTab />
                </TabsContent>
                <TabsContent value="menu">
                    <MenuAdminTab />
                </TabsContent>
                <TabsContent value="stats">
                    <StatisticsAdminTab />
                </TabsContent>
                 <TabsContent value="invoices">
                    <InvoicesAdminTab />
                </TabsContent>
                {isSuperAdmin && (
                    <TabsContent value="users">
                        <UsersAdminTab />
                    </TabsContent>
                )}
            </Tabs>
        </div>
    )
}