import "./footer.scss";
import React from "react";
import {useTranslation} from 'react-i18next';
import DemokritosLogo from "../../SVG/DemokritosLogo";
import {useMediaQuery} from "react-responsive";

interface FooterProps {
    noLogo?: boolean;
    hideLinks?: boolean;
}

const Footer = ({ noLogo = false, hideLinks = false}: FooterProps) => {
    const {t} = useTranslation();


    const isDesktop = useMediaQuery({query: '(min-width: 992px)'})
    // Get the current year
    const currentYear = new Date().getFullYear();
    return (
        <footer id={`footer`} className=
            {`${(noLogo) ? (isDesktop ? "" : "container-fluid") : (isDesktop ? "container" : "container-fluid") }`}
        >
            <div>
                <div className="footer-inner">
                    <div className={'d-flex align-items-end'}>
                        {noLogo || (
                            <div className="logo-wrapper">
                                <a href={'https://www.demokritos.gr/el/'}  rel="noreferrer" target={'_blank'}>
                                    <DemokritosLogo
                                    color={'var(--generic-block-border-hover)'}
                                    />
                                </a>
                            </div>
                        )}
                        <p className="footer_copyrights">
                            &#169; {currentYear} {t('footer.footer_text')}
                           <>
                            &nbsp;|&nbsp;

                            <a href="https://bff.egov.demokritos.gr/pdf/privacy_notice.pdf" target="_blank" rel="noopener noreferrer">
                                Personal Data
                            </a>
                            &nbsp;|&nbsp;
                            <a href="https://bff.egov.demokritos.gr/pdf/cookies_policy.pdf" target="_blank" rel="noopener noreferrer">
                                Cookies Policy
                            </a>
                            &nbsp;|&nbsp;
                            <a href="https://bff.egov.demokritos.gr/pdf/dua_terms_and_conditions.pdf" target="_blank" rel="noopener noreferrer">
                                Terms and Conditions
                            </a></>
                        </p>
                    </div>
                </div>

            </div>
        </footer>
    );
};

function areEqual(prevProps: FooterProps, nextProps: FooterProps) {
    /*
    return true if passing nextProps to render would return
    the same result as passing prevProps to render,
    otherwise return false
    */
    return prevProps.noLogo === nextProps.noLogo;
}

export default React.memo(Footer, areEqual);