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

export default function EnFooter() {
  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">About Scandic</div>
          </li>
          <li className="global-footer-section">
            <div className="link-list-top-header">Customer Service</div>
          </li>
          <li className="global-footer-section">
            <div className="link-list-top-header">Quick 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">About Scandic</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotelsgroup.com/our-company/">
                      Our company | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotelsgroup.com/en/category/investors/">
                      Investors | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotelsgroup.com/en/sustainability/">
                      Sustainability | Scandic Hotels Group AB
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotelsgroup.com/media/">
                      Press room
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/work-with-us">
                      Work with us
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/partners">
                      Partners
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/sponsoring">
                      Sponsoring
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Customer Service</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.com/customer-service">
                      Contact us
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/customer-service/frequently-asked-questions">
                      FAQ - Frequently Asked Questions
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/customer-service/rates-and-policies/cookie-policy">
                      Cookie Policy
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/customer-service/rates-and-policies/privacy-policy">
                      Privacy Policy
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/customer-service/rates-and-policies/website-terms-conditions">
                      Website Terms & Conditions
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/customer-service/rates-and-policies">
                      Rates and other policies
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li className="global-footer-section">
              <div className="link-list">
                <h3 className="link-list-header">Quick links</h3>
                <ul className="list-footer-pages">
                  <li>
                    <a href="https://www.scandichotels.com/hotels">
                      Hotels & Destinations
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/conferences-meetings/better-meetings">
                      Meeting concept
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/explore-scandic">
                      Explore Scandic
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/scandic-friends">
                      Scandic Friends
                    </a>
                  </li>
                  <li>
                    <a href="https://www.tripadvisor.com/UserReview-p2178">
                      Review us on TripAdvisor
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/explore-scandic/best-price-guaranteed">
                      Best Price Guaranteed
                    </a>
                  </li>
                  <li>
                    <a href="https://www.scandichotels.com/explore-scandic/accessibility">
                      Special needs
                    </a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div className="global-footer__content__bottom">
            <p className="newFooterTitle">
              <strong>ABOUT US</strong>
            </p>
            <div className="padTop15">
              <p>
                Scandic is the largest Nordic hotel operator with a network of
                about 280 hotels with 58,000 hotel rooms in operation and under
                development in six countries. Every day over 15 000 team members
                go to work with one thought on their mind: to create great hotel
                experiences that keep our guests coming back.
              </p>
              <p style={{ textAlign: "center" }}>
                <strong>GET THE SCANDIC APP</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/us/app/scandic-hotels/id1267218985"
                        target="_blank"
                        rel="noopener"
                      >
                        <img
                          src="/contentassets/8738808a3a9541d798f95ada5bc92f15/app-store-english.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="/contentassets/8738808a3a9541d798f95ada5bc92f15/android-english.png"
                          alt=""
                        />
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <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">Follow us on social media</h3>
            <a
              href="https://www.facebook.com/scandic"
              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">Reviews from</h3>
            <img
              src="/Static/img/tripadvisor_logo_white_160x24.png"
              alt="Trip Advisor logotype"
            />
          </div>
        </div>
      </div>
    </footer>
  );
}
