import { AdminShellServer } from "@/components/admin-shell-server";
import Link from "next/link";
import {
  Card,
  CardHeader,
  CardTitle,
  CardDescription,
} from "@/components/ui/card";
import { ClipboardList, Server } from "lucide-react";

export default function AdminPage() {
  return (
    <AdminShellServer>
      <div className="p-6 space-y-6 max-w-6xl mx-auto w-full">
        <div>
          <h1 className="text-3xl font-bold tracking-tight">Dashboard</h1>
          <p className="text-muted-foreground mt-1">Admin control panel</p>
        </div>

        <div className="grid gap-4 sm:grid-cols-2">
          <Link href="/admin/form">
            <Card className="hover:border-primary/50 transition-colors cursor-pointer">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <ClipboardList className="w-5 h-5 text-primary" />
                  <div>
                    <CardTitle>Forms</CardTitle>
                    <CardDescription>
                      Manage custom forms and view submissions
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
            </Card>
          </Link>

          <Link href="/admin/backend">
            <Card className="hover:border-primary/50 transition-colors cursor-pointer">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <Server className="w-5 h-5 text-primary" />
                  <div>
                    <CardTitle>Backend</CardTitle>
                    <CardDescription>
                      Follower API settings and cache management
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
            </Card>
          </Link>
        </div>
      </div>
    </AdminShellServer>
  );
}