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

const FooterDetails = () => {
    const t = useTranslations();
    return(
        <Box sx={{backgroundColor : 'black', color : 'white'}}>
            <Container sx={{py : 3}} maxWidth="xl">
                <Grid container sx={{py : 2}}>
                    <Grid item xs={12} md={8}>
                        <Button disabled startIcon={<img src='/icons/logoLandingPage.png' width={50} alt="Your Alt Text" />}>
                            <Typography color={'white'}>کلیه حقوق محفوظ و متعلق به شرکت ویرا ارتباطات یکتا تلفن می باشد</Typography>
                        </Button>
                    </Grid>
                    <Grid item xs={12} md={4}>
                        <Stack direction="row" alignItems="center" justifyContent="center">
                            <LinkRouting
                                sx={{margin: 0.5, fontSize: "20px", color : "white"}}
                                href={process.env.NEXT_PUBLIC_POWERED_BY_URL}
                                target="_blank"
                                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