/* eslint-disable @next/next/no-img-element */
import Script from "next/script";

export default function DaFooter() {
  return (
    <footer className="global-footer">
      <div className="global-footer__content">
        <h2 className="global-footer__content__heading">
          <img
            src="/Static/img/scandic-logotype-white.svg"
            data-js="scandiclogoimg"
            alt="Scandic hotels logo"
            height="22"
            data-nosvgsrc="/Static/img/scandic-logotype-white.png"
          />
          <span className="hidden--accessible">Scandic</span>
        </h2>
        <ul className="l-footer-sections">
          <li className="global-footer-section">
            <div className="link-list-top-header">Om Scandic</div>
          </li>
          <li className="global-footer-section">
            <div className="link-list-top-header">Kundeservice</div>
          </li>
          <li className="global-footer-section">
            <div className="link-list-top-header">Hurtige links</div>
          </li>
        </ul>
        <div
          data-js-collapsible="global-footer"
          className="collapsible-global-footer"
        >
          <ul className="l-footer-sections global-footer__content__sections">
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Om Scandic</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotelsgroup.com/our-company/">
                      Vores firma | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/oplev-scandic/baeredygtighed">
                      Bæredygtighed
                    </a>
                  </li>
                  <li>
                    <a href="http://www.scandichotelsgroup.com/da/media/local-pressroom/denmark/">
                      Pressehenvendelser
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/job-hos-scandic">
                      Job hos Scandic - Danmarks bedste arbejdsplads til
                      inklusion
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/vare-samarbeidspartnere">
                      Vores samarbejdspartnere
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/sponsorering">
                      Vi sponsorerer
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Kundservice</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice">
                      Kontakt os
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice/sporgsmal-og-svar">
                      FAQ - Ofte stillede spørgsmål
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice/sporgsmal-og-svar/kaledyr-pa-scandic">
                      Kæledyr på Scandic
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice/priser-og-bookingvilkar/cookiepolitik">
                      Cookiepolitik
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice/priser-og-bookingvilkar/persondatapolitik">
                      Persondatapolitik
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice/priser-og-bookingvilkar">
                      Priser og bookingvilkår
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Hurtige links</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.dk/hoteller">
                      Hoteller & destinationer
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/oplev-scandic">
                      Altid på Scandic
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/scandic-friends">
                      Scandic Friends - Få fordele
                    </a>
                  </li>
                  <li>
                    <a href="https://www.tripadvisor.dk/Search?q=scandic&geo=189512&pid=3826&typeaheadRedirect=true&redirect=&startTime=1460358392897&uiOrigin=MASTHEAD&returnTo=http%253A__2F____2F__www__2E__tripadvisor__2E__dk__2F__&searchSessionId=98F0A837F27C505A0DBF6FE003B6563A1460365582994ssid">
                      Vores anbefalinger på TripAdvisor
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/oplev-scandic/garanti-for-bedste-pris">
                      Garanti for bedste pris
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.dk/kundeservice/lost-found">
                      Lost & Found
                    </a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div className="global-footer__content__bottom">
            <p>
              <strong>OM SCANDIC</strong>
            </p>
            <p>
              Scandic er Nordens største hotelkæde med et netværk af 280
              hoteller med 58.000 hotelværelser i drift og under udvikling,
              fordelt i seks lande. Hver dag har vores 15.000 team members ét
              fælles mål for øje; nemlig at sikre unikke hoteloplevelser, som
              giver vores gæster lyst til at komme igen.
              <br />
              <br />
            </p>
            <p style={{ textAlign: "center" }}>
              <strong>HENT SCANDIC APP&apos;EN</strong>
            </p>
            <table
              style={{
                height: "62px",
                width: "100%",
                borderCollapse: "collapse",
              }}
            >
              <tbody>
                <tr style={{ height: "62px" }}>
                  <td
                    style={{ width: "50%", height: "62px", textAlign: "right" }}
                  >
                    <a
                      title="Appstore"
                      href="https://apps.apple.com/dk/app/scandic-hotels/id1267218985"
                      target="_blank"
                      rel="noopener"
                    >
                      <img
                        src="/imageVault/publishedmedia/yailhjw5c75x6aocmedo/app_store_danish.png"
                        alt=""
                      />
                    </a>
                  </td>
                  <td
                    style={{ width: "50%", height: "62px", textAlign: "left" }}
                  >
                    <a
                      title="Google Play"
                      href="https://play.google.com/store/apps/details?id=com.scandichotels.app"
                      target="_blank"
                      rel="noopener"
                    >
                      <img
                        src="/imageVault/publishedmedia/rtihmdtlmpefspf57yns/android_danish.png"
                        alt=""
                      />
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
            <style
              dangerouslySetInnerHTML={{
                __html: `#map-destinations-list .hotel-teaser .hotel-teaser__body + .special-alerts.special-alerts--inline-block {
display: none;
}`,
              }}
            />
            <p>
              <Script
                id="inline-script"
                dangerouslySetInnerHTML={{
                  __html: `const isNetsHotel = location.href.match(/hotel=((389)|(365)|(374)|(888)|(891)|(340))/g) != null;
                    let removeSavedCardElem = function () {
                    if (!isNetsHotel) {
                        return;
                    }
                    if (document.querySelector(".credit-card-form__saved-select")) {
                        if (!document.querySelector(".credit-card-form__new")) {
                            document.querySelector(".credit-card-form").classNameList.add("hidden");
                        }
                        document.querySelector(".credit-card-form__saved-select").remove();
                        document.querySelector(".credit-card-form__select input[type=radio]").checked = "checked";
                    }
                    setTimeout( function() {
                        if (document.querySelector(".credit-card-form__select")) {
                            document.querySelector(".credit-card-form__select input[type=radio]").checked = "checked";
                            document.querySelector(".credit-card-form__select").classNameList.add("hidden");
                        }
                        if (document.querySelector(".credit-card-form__new")) {
                            document.querySelector(".credit-card-form__new").classNameList.remove("ng-hide");
                        }
                    }, 300);
                    }
                    removeSavedCardElem();
                    setTimeout(removeSavedCardElem, 500);
                    const confirmPgHotelId = document.getElementById("adm-hotelOperaId") && document.getElementById("adm-hotelOperaId").value;
                    const isNetsHotelConfnPg = ["389","365","374","888","891","340"].indexOf(confirmPgHotelId) != -1;
                    if (isNetsHotelConfnPg && document.querySelector(".save-credit-card__form")) {
                    document.querySelector(".save-credit-card__form").style.display = "none";
                    document.querySelector(".save-credit-card__form").remove();
                    }`,
                }}
              />
            </p>
          </div>
          <div className="global-footer__social-media" id="social-icons">
            <h3 className="heading-5 u-uppercase">
              Følg os på de sociale medier
            </h3>
            <a
              href="https://www.facebook.com/ScandicDanmark/"
              rel="noopener"
              target="_blank"
              className="social-media-icon"
              title="Scandic on Facebook"
            >
              <svg
                focusable="false"
                className="icon icon--facebook icon--white"
                viewBox="0 0 150 150"
                role="img"
                aria-labelledby="social-icons facebook-icon"
              >
                <title id="facebook-icon">Facebook</title>
                <use xlinkHref="/Static/img/icons/sprites.svg#icon-facebook"></use>
              </svg>
            </a>
            <a
              href="https://twitter.com/scandicglobal"
              rel="noopener"
              target="_blank"
              className="social-media-icon"
            >
              <span className="hidden--accessible">{`Model.SafeGet(m => m.FooterHeader) on Twitter`}</span>
              <svg
                focusable="false"
                className="icon icon--twitter icon--white"
                viewBox="0 0 150 150"
                role="img"
                aria-labelledby="social-icons twitter-icon"
              >
                <title id="twitter-icon">Twitter</title>
                <use xlinkHref="/Static/img/icons/sprites.svg#icon-twitter"></use>
              </svg>
            </a>
            <a
              href="https://www.instagram.com/scandichotels/"
              rel="noopener"
              target="_blank"
              className="social-media-icon"
              title="Scandic on Instagram"
            >
              <svg
                focusable="false"
                className="icon icon--instagram icon--white"
                viewBox="0 0 150 150"
                role="img"
                aria-labelledby="social-icons instagram-icon"
              >
                <title id="instagram-icon">Instagram</title>
                <use xlinkHref="/Static/img/icons/sprites.svg#icon-instagram"></use>
              </svg>
            </a>
          </div>
          <div className="global-footer__trip-advisor">
            <h3 className="heading-5 u-uppercase">Anmeldelser fra</h3>
            <img
              src="/Static/img/tripadvisor_logo_white_160x24.png"
              alt="Trip Advisor logotype"
            />
          </div>
        </div>
      </div>
    </footer>
  );
}
