"use client";

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

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

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

  return (
    <FarmerDashboardShell
      userPhone={user?.phone}
      gisVerified={Boolean(data?.identity?.hasGisMapping)}
    >
      <FinanceModule
        data={data?.finance ?? null}
        identity={data?.identity ?? null}
        trade={data?.trade ?? null}
      />
    </FarmerDashboardShell>
  );
}