import {Box, Container, Grid, Stack, Typography} from "@mui/material";
import {useTranslations} from "next-intl";
import {LinkRouting} from "@witel/webapp-builder";

const LoanRegister = () => {
    const t = useTranslations();
    return (
        <Box sx={{backgroundSize: 'cover', backgroundImage: `url(/images/bg-firstpage-bus.png)`}}>
            <Container sx={{padding: 3, color: "white"}} maxWidth="xl">
                <Typography sx={{my: 3, textShadow: '1px 1px 2px #555555'}} variant={'h3'}>
                    {t("app_name")}
                </Typography>
                <Stack sx={{color: "white"}}>
                    <Grid sx={{py: 4}} container spacing={2}>
                        <Grid item xs={12} md={6}>
                            <Box sx={{paddingBottom: 4}}>
                                <Typography sx={{lineHeight: 2.7, textShadow: '1px 1px 2px black'}}>
                                    وام نوسازی ناوگان به هدف رشد و پیشرفت استان های کشور از طریق ارتقای بهره وری و توسعه
                                    اعطا میشود. برای استفاده از تسهیلات این سامانه و درخواست وام می بایست ابتدا وارد
                                    سامانه شوید.
                                </Typography>
                            </Box>
                        </Grid>
                        <Grid item xs={12} md={6}>
                            <Stack spacing={3} alignItems={'center'} justifyContent={'center'}>
                                <Container maxWidth={'xs'} sx={{
                                    backgroundColor: "primary.main",
                                    textAlign: "center",
                                    borderRadius: 2,
                                    padding: 1
                                }}>
                                    <LinkRouting underline="none" color="inherit" href={'/login'}>
                                        <Typography variant="h6">
                                            {t("firstPage.register_button")}
                                        </Typography>
                                    </LinkRouting>
                                </Container>
                            </Stack>
                        </Grid>
                    </Grid>
                </Stack>
            </Container>
        </Box>
    )
}
export default LoanRegister