import s from './styles.module.scss';
import Link from 'next/link';
import Image from 'next/image';
import { ROUTES, ROUTES_EXTERNAL } from '@shared/const/route';
import { Icons } from '@shared/ui/icon';
import dtrLogo from '@public/images/logo-dtr-white.png';
import { CONTACTS } from '@shared/const/contacts';
import { phoneBeautify } from '@shared/lib/phoneBeautify/phoneBeautify';

function Footer() {
  return (
    <footer className={s.Footer}>
      <div className={s.Container_green}>
        <div className={s.Grid}>
          <div className={s.About}>
            <Link href={ROUTES.HOME}>
              <Image className={s.Image} src={dtrLogo} alt='ДиТрасо' />
            </Link>
            <p className={s.Description}>
              В соответствии с п.5.1 ст.18 №128-фз лицензия для оценочной
              деятельности не требуется с 01.07.2006г.
            </p>
          </div>
          <div className={s.LinksA}>
            <h3 className={s.Title}>Оценка имущества</h3>
            <ol className={s.List}>
              <li className={s.ListItem}>
                <Link href={ROUTES.OCENKA_NEDVIGA}>
                  Оценка жилой недвижимости
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.OCENKA_ZDANIE}>
                  Оценка коммерческой недвижимости
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.OCENKA_USCHERB_NEDVIGI}>
                  Оценка ущерба недвижимости
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.OCENKA_SOORUZHENIE}>Оценка сооружений</Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.OCENKA_MASHINES}>
                  Оценка машин и оборудования
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.OCENKA_BUSINESS}>
                  Оценка стоимости предприятия (бизнеса)
                </Link>
              </li>
            </ol>
          </div>
          <div className={s.LinksB}>
            <h3 className={s.Title}>Экспертиза</h3>
            <ol className={s.List}>
              <li className={s.ListItem}>
                <Link href={ROUTES.EXPERTIZA_AUTOTECH}>
                  Автотехническая экспертиза
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.EXPERTIZA_TOVAR}>
                  Товароведческая экспертиза
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.EXPERTIZA_TRASOLOGIA}>
                  Трасологическая экспертиза
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.EXPERTIZA_KADASTR}>
                  Кадастровая экспертиза
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.EXPERTIZA_STROIT}>
                  Строительно-техническая экспертиза
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.EXPERTIZA_OCENKI}>Оценочная экспертиза</Link>
              </li>
            </ol>
          </div>
          <div className={s.LinksC}>
            <h3 className={s.Title}>Юриспруденция</h3>
            <ol className={s.List}>
              <li className={s.ListItem}>
                <Link href={ROUTES.JURIST_NASLEDSTVO}>
                  Семейные и наследственные споры
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.JURIST_ZEMLYA_IMUSHESTVO}>
                  Земельные и имущественные споры
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.JURIST_DOLGI}>
                  Взыскание долгов с юридических лиц
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.JURIST_STRAHOVKA}>Страховые споры</Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.JURIST_SDELKI_DOGOVORA}>
                  Сопровождение сделок и составление договоров
                </Link>
              </li>
              <li className={s.ListItem}>
                <Link href={ROUTES.JURIST_PREDSTAVITELSTVO}>
                  Представительство в суде
                </Link>
              </li>
            </ol>
          </div>
          <div className={s.Contacts}>
            <h3 className={s.Title}>Контакты и адреса</h3>
            <div className={s.Icons}>
              <div className={s.IconBox}>
                <a href={`mailto: ${CONTACTS.EMAIL}`}>
                  <Icons.Envelope className={s.Icon} />
                </a>
                <p className={s.Text}>
                  <a href={`mailto: ${CONTACTS.EMAIL}`}>{CONTACTS.EMAIL}</a>
                </p>
              </div>
              <div className={s.IconBox}>
                <a href={ROUTES_EXTERNAL.YANDEX_MAP}>
                  <Icons.Map className={s.Icon} />
                </a>
                <p className={s.Text}>
                  <a href={ROUTES_EXTERNAL.YANDEX_MAP}>{CONTACTS.ADDRESS}</a>
                </p>
              </div>
              <div className={s.IconBox}>
                <a href={`tel:${CONTACTS.PHONE}`}>
                  <Icons.Phone className={s.Icon} />
                </a>
                <p className={s.Text}>
                  <a href={`tel:${CONTACTS.PHONE}`}>
                    {phoneBeautify(CONTACTS.PHONE)}
                  </a>
                </p>
              </div>
            </div>
          </div>
          <div className={s.Social}>
            <h3 className={s.Title}>Социальные сети:</h3>
            <div className={s.Row}>
              <a href={`${CONTACTS.WHATSAPP}&text=${CONTACTS.TEXT}`}>
                <Icons.Whatsapp className={s.Icon} width={48} height={48} />
              </a>
              <a href={`${CONTACTS.TELEGRAM}`}>
                <Icons.Telegram className={s.Icon} width={48} height={48} />
              </a>
              <a href={ROUTES_EXTERNAL.VK}>
                <Icons.Vk className={s.Icon} width={48} height={48} />
              </a>
              <a href={CONTACTS.YOUTUBE}>
                <Icons.Youtube className={s.Icon} width={48} height={48} />
              </a>
            </div>
          </div>
        </div>
      </div>

      <div className={s.Container_gray}>
        <div className={s.Bottom}>
          <ul className={s.List}>
            <li className={s.ListItem}>© ООО “ДИ ТРАСО”</li>
            <li className={s.ListItem}>
              <Link href={ROUTES.PRIVACY_POLICY}>
                Политика конфиденциальности
              </Link>
            </li>
            <li className={s.ListItem}>
              <Link href={ROUTES.SITEMAP}>Карта сайта</Link>
            </li>
          </ul>
        </div>
      </div>
    </footer>
  );
}

export { Footer };