import CenterLayout from "@/layouts/CenterLayout";
import DashboardLayouts from "@/layouts/dashboardLayouts";
import useUser from "@/lib/app/hooks/useUser";
import {Box, Chip, Divider} from "@mui/material";
import {useTranslations} from "next-intl";
import AddFormComponent from "@/components/dashboard/navgan/add-request-loan/forms/AddForm";

const LoanRequestComponent = () => {
    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>
                <AddFormComponent/>
            </CenterLayout>
        </DashboardLayouts>
    );
};

export default LoanRequestComponent;
