"use client";

import { useParams, useRouter } from "next/navigation";
import { useEffect, useState } from "react";
import ComponentCard from "@/src/components/admin/common/ComponentCard";
import PageProtection from "@/src/components/admin/common/PageProtection";
import AdminUserForm from "../add-admin";

export default function EditAdminUserPage() {
  const params = useParams();
  const router = useRouter();
  const [itemId, setItemId] = useState<number | undefined>(undefined);

  useEffect(() => {
    if (params?.id) {
      setItemId(Number(params.id));
    }
  }, [params?.id]);

  return (
    <PageProtection pageSlug="admin-user.add-admin-user">
      <ComponentCard
        title="Edit Admin User"
        desc="Update admin user information"
        onBack={() => router.push("/admin/admin-user")}
      >
        <div className="space-y-1 border p-6 rounded-lg bg-white">
          <AdminUserForm id={itemId} />
        </div>
      </ComponentCard>
    </PageProtection>
  );
}