"use client";

import { Loader2 } from "lucide-react";
import FarmerDashboardShell from "@/components/farmer/FarmerDashboardShell";
import IdentityModule from "@/components/farmer/modules/IdentityModule";
import { useFarmerDashboard } from "@/components/farmer/hooks/useFarmerDashboard";

export default function IdentityPage() {
  const { loading, data, user } = useFarmerDashboard();

  if (loading) {
    return (
      <FarmerDashboardShell>
        <div className="flex items-center justify-center py-20">
          <Loader2 className="size-8 animate-spin text-green-deep" />
        </div>
      </FarmerDashboardShell>
    );
  }

  return (
    <FarmerDashboardShell
      userPhone={user?.phone}
      gisVerified={Boolean(data?.identity?.gis)}
    >
      <IdentityModule data={data?.identity ?? null} />
    </FarmerDashboardShell>
  );
}