// IMPORT MODULES
import React from "react";
import { Link } from "react-router-dom";
import { withTranslation } from "react-i18next";

// IMPORT IMAGES
import rightArrow from "../../svg/rightArrow.svg";

const Footer = (props) => {
  const { t } = props;
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-inner">
          <div className="footer-top">
            <ul className="footer-links">
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t("О центре")}</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/etalons" className="footer-link-text">
                        {t("Эталоны")}
                      </Link>
                    </li>
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/news" className="footer-link-text">
                        {t("Новости")}
                      </Link>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t("Услуги")}</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/service" className="footer-link-text">
                        {t("Информация")}
                      </Link>
                    </li>
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/prices" className="footer-link-text">
                        {t("Стоимость")}
                      </Link>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t("Нормативная база")}</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link to="/legislation" className="footer-link-text">
                        {t("Законодательная база")}
                      </Link>
                    </li>
                    <li>
                      <div className="footer-link-img">
                        <img src={rightArrow} alt="ARROW" />
                      </div>
                      <Link
                        to="/measuring_register"
                        className="footer-link-text"
                      >
                        {t("Государственный реестр средств измерений")}
                      </Link>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t("Контакты")}:</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <h6 className="footer-link-text">Тел.: +993 12 422304</h6>
                    </li>
                    <li>
                      <h6 className="footer-link-text">
                        {t("E-mail: dem-turkm@online.tm")}
                      </h6>
                    </li>
                  </ul>
                </div>
              </li>
              <li className="footer-link">
                <div className="footer-link-wrapper">
                  <h4 className="footer-link-title">{t("Наш адрес")}:</h4>
                  <ul className="footer-link-inner">
                    <li>
                      <h6 className="footer-link-text">
                        {t("Туркменистан, г. Ашхабад")}
                      </h6>
                    </li>
                    <li>
                      <h6 className="footer-link-text">
                        {t("ул.1953, д.76 (Молодежная)")}
                      </h6>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div className="footer-middle">
            <a
              href="https://turkmenstandartlary.gov.tm/"
              className="footer-middle-link"
            >
              {t("Главная государственная служба 'Туркменстандартлары'")}
            </a>
          </div>
          <div className="footer-bottom">
            <h4>© 2019 - 2022 {t("Государственный эталонный центр")}</h4>
            <a
              href="https://etalon.gov.tm:8080/rss"
              target={"_blank"}
              rel={"noreferrer noopener"}
            >
              RSS
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
};

// export default Footer;
export default withTranslation()(Footer);
