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

const FooterDetails = () => {
    const t = useTranslations();
    return (
        <Box sx={{backgroundColor: 'black', color: 'white'}}>
            <Container sx={{py: 2}} maxWidth="xl">
                <Grid container sx={{py: 2}}>
                    <Grid item xs={12} md={8}>
                        <Button disabled>
                            <Typography color={'white'}>کلیه حقوق محفوظ و متعلق به سازمان راهداری و حمل و نقل جاده ای می
                                باشد</Typography>
                        </Button>
                    </Grid>
                    <Grid item xs={12} md={4}>
                        <Stack direction="row" alignItems="center" justifyContent="center">
                            <img src='/icons/bpms.png' width={50} alt={t("powered_by_witel")}/>
                            <LinkRouting
                                sx={{margin: 0.5, fontSize: "16px", color: "white"}}
                                href={'#'}
                                underline="hover"
                            >
                                {t("powered_by_witel")}
                            </LinkRouting>
                        </Stack>
                        <Stack direction="row" alignItems="center" justifyContent="center">
                            <Typography variant={"caption"}
                                        sx={{
                                            color: 'white',
                                            fontFamily: 'Arial',
                                            fontWeight: 'bold'
                                        }}
                            >
                                v{process.env.NEXT_PUBLIC_API_VERSION}
                            </Typography>
                        </Stack>
                    </Grid>
                </Grid>
            </Container>
        </Box>
    )
}
export default FooterDetails