import CenterLayout from "@/layouts/CenterLayout";
import DashboardLayouts from "@/layouts/dashboardLayouts";
import useUser from "@/lib/app/hooks/useUser";
import NavyForm from "./NavyForm";
import WelfareServicesForm from "./WelfareServicesForm";
import { Divider, Chip, Box } from "@mui/material";
import { useTranslations } from "next-intl";

const DashboardLoanRequestComponent = () => {
  const t = useTranslations();
  const { user } = useUser();

  return (
    <DashboardLayouts>
      <CenterLayout>
        <Box sx={{ width: "80%", my: 2 }}>
          <Divider>
            <Chip
              label={`${t("LoanRequest.loan_request_page")} | ${
                user.type_name
              }`}
            />
          </Divider>
        </Box>
        {user.type_id == 1 ? <NavyForm /> : <WelfareServicesForm />}
      </CenterLayout>
    </DashboardLayouts>
  );
};

export default DashboardLoanRequestComponent;