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

export default function SvFooter() {
  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 Hotels</div>
          </li>
          <li className="global-footer-section">
            <div className="link-list-top-header">Kundservice</div>
          </li>
          <li className="global-footer-section">
            <div className="link-list-top-header">Snabblänkar</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 Hotels</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotelsgroup.com/sv/vart-foretag/">
                      Vårt företag | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotelsgroup.com/sv/sektion/investerare/">
                      Investerare | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotelsgroup.com/sv/hallbarhet/">
                      Hållbarhet | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="http://www.scandichotelsgroup.com/sv/media/local-pressroom/sweden/">
                      Pressrum
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/jobba-hos-oss">
                      Jobba hos oss
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/vara-samarbetspartner">
                      Våra samarbetspartner
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/vi-sponsrar">
                      Vi sponsrar
                    </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.se/kundservice">
                      Kundservice
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/kundservice/fragor-och-svar">
                      Frågor och svar
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/bokningsregler">
                      Bokningsregler
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/webbplatsvillkor">
                      Webbplatsvillkor
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/cookie-policy">
                      Cookie Policy
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/integritetspolicy">
                      Integritetspolicy
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Snabblänkar</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.se/hotell">
                      Hotell & destinationer
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/utforska-scandic">
                      Utforska Scandic
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/scandic-friends">
                      Scandic Friends
                    </a>
                  </li>
                  <li>
                    <a href="https://www.tripadvisor.se/UserReview-p2178">
                      Lämna ditt omdöme på TripAdvisor
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/utforska-scandic/basta-prisgaranti">
                      Bästa pris-garanti
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.se/utforska-scandic/speciella-behov">
                      Speciella behov
                    </a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div className="global-footer__content__bottom">
            <h5>Om Scandic</h5>
            <p>
              Scandic är den största hotelloperatören i Norden med ett nätverk
              av omkring 280 hotell i sex länder, fördelat på cirka 58 000
              hotellrum i drift och under utveckling. Varje dag arbetar över 15
              000 medarbetare med ett enda mål i åtanke: att skapa bra
              hotellupplevelser som gör att våra gäster vill komma tillbaka.
              <br />
              <br />
            </p>
            <h5 style={{ textAlign: "center" }}>LADDA NER SCANDICS APP</h5>
            <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/us/app/scandic-hotels/id1267218985"
                      target="_blank"
                      rel="noopener"
                    >
                      <img
                        src="/imageVault/publishedmedia/h1atrvlh5w7r4p492z3q/app_store_swedish.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/qm0yb8no57jeh33t4wet/android_swedish.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ölj oss i sociala medier</h3>
            <a
              href="https://www.facebook.com/scandicsverige"
              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/scandicsverige"
              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">Omdömen från</h3>
            <img
              src="/Static/img/tripadvisor_logo_white_160x24.png"
              alt="Trip Advisor logotype"
            />
          </div>
        </div>
      </div>
    </footer>
  );
}