"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function AdminReservationsPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Admin Panel", id: "/admin" },
              { name: "Reservations", id: "/admin/reservations" },
              { name: "Orders", id: "/admin/orders" },
              { name: "Menu", id: "/admin/menu" },
              { name: "Events", id: "/admin/events" },
              { name: "Blogs", id: "/admin/blogs" },
              { name: "Customers", id: "/admin/customers" }
            ]}
            brandName="ReservaFlow Admin"
            button={{ text: "Logout", href: "#" }}
          />
        </div>

        <main className="container mx-auto p-8">
          <h1 className="text-4xl font-bold mb-8">Reservations Management</h1>
          <p className="text-lg">This page will contain features for managing restaurant reservations.</p>
          {/* Admin Reservations management features go here */}
        </main>
      </ReactLenis>
    </ThemeProvider>
  );
}