import Script from "next/script";

export default function NoFooter() {
  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">Snarveier</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/">Om oss | Scandic Hotels Group AB</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotelsgroup.com/en/category/investors/">Investorer | Scandic Hotels Group AB</a>
                  </li>
                  <li>
                    <a href="http://www.scandichotelsgroup.com/no/media/local-pressroom/norway/">Presse og media</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/jobb-hos-oss">Jobb hos oss</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/partnere">Partnere</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/vi-sponser">Vi sponser</a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Kundeservice</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.no/kundeservice">Kontakt oss</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/kundeservice/sporsmal-og-svar">Spørsmål og svar</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar/cookie-policy">Cookie Policy</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar/personvernpolicy">Personvern</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar/betingelser-for-nettstedet">Betingelser for nettstedet</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar">Priser og bestillingsvilkår</a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Snarveier</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.no/hotell">Hoteller og destinasjoner</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/utforsk-scandic">Utforsk Scandic</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/scandic-friends">Om Scandic Friends</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/utforsk-scandic/garanti-for-beste-pris">Scandics Best Rate Guarantee</a>
                  </li>
                  <li>
                    <a href="https://www.tripadvisor.com/UserReview-p2178">Vurder oss på Trip Advisor</a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.no/utforsk-scandic/spesielle-behov">Spesielle behov</a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div className="global-footer__content__bottom">
            <h5>OM SCANDIC</h5>
            <p>Scandic er Nordens ledende hotellkjede med et nettverk av 280 hoteller, i drift eller under oppføring, fordelt på nærmere 58 000 hotellrom i 6 land.</p>
            <p>Hver dag går over 15 000 teammedlemmer på jobb med én tanke i hodet: å skape gode hotellopplevelser slik at gjestene våre ønsker å komme tilbake.</p>
            <p>Som Nordens mest bærekraftige hotellkjede fokuserer vi alltid på miljøet, samfunnsansvar og tilgjengelighet.</p>
            <h5 style={{ textAlign: "center" }}><strong>LAST NED SCANDICS APP</strong></h5>
            <table style={{ width: "100%", borderCollapse: "collapse" }}>
              <tbody>
                <tr>
                  <td style={{ width: "50%", textAlign: "right" }}>
                    <img src="/imageVault/publishedmedia/0tafgfwoub4e11f1ruxe/app_store_norwegian.png" alt="" />
                  </td>
                  <td style={{ width: "50%", textAlign: "left" }}>
                    <img src="/imageVault/publishedmedia/i744peso0pw2dpss4lqs/android_norwegian.png" alt="" />
                  </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 oss på sosiale medier</h3>
            <a href="https://www.facebook.com/ScandicNorge/" 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">Omtaler fra</h3>
            <img src="/Static/img/tripadvisor_logo_white_160x24.png" alt="Trip Advisor logotype" />
          </div>
        </div>
      </div>
    </footer>
  )
}
