<footer class="content-info footer bg-secondary">
  <div class="container footer__container">
    <div class="footer__left">
      <div class="footer__logo">
        {!! get_custom_logo() !!}
      </div>

      @if (has_nav_menu('primary_navigation'))
        <nav class="footer__nav" aria-label="{{ wp_get_nav_menu_name('primary_navigation') }}">
          {!!
            wp_nav_menu([
              'theme_location' => 'primary_navigation',
              'menu_class' => 'nav nav-footer',
              'menu_id' => 'menu-footer',
              'echo' => false,
            ])
          !!}
        </nav>
      @endif
    </div>

    <div class="footer__right">
      <div class="footer__ctas">
        @php($shop_is_active = get_field('activer_le_shop', 'option'))
        <a href="{{ home_url('/line-up') }}" class="btn text-primary outline">Line-up</a>
        <a href="{{ home_url('/billetterie') }}" class="btn arrow-secondary">Billetterie</a>
        @if ($shop_is_active)
          <a
            href="{{ function_exists('wc_get_cart_url') ? wc_get_cart_url() : home_url('/panier') }}"
            class="btn not-arrow bg-light text-primary"
          >
            <svg aria-hidden="true" focusable="false">
              <use
                xlink:href="{{ get_template_directory_uri() }}/public/build/images/svg/icons.svg#cart"
              ></use>
            </svg>
          </a>
        @endif
      </div>

      <div class="footer__socials" aria-label="Réseaux sociaux">
        <a
          href="https://www.instagram.com"
          target="_blank"
          rel="noreferrer"
          class="footer__social-link"
        >
          <span class="screen-reader-text">Instagram</span>
          <svg aria-hidden="true" focusable="false">
            <use
              xlink:href="{{ get_template_directory_uri() }}/public/build/images/svg/icons.svg#instagram"
            ></use>
          </svg>
        </a>
        <a
          href="https://www.facebook.com"
          target="_blank"
          rel="noreferrer"
          class="footer__social-link"
        >
          <span class="screen-reader-text">Facebook</span>
          <svg aria-hidden="true" focusable="false">
            <use
              xlink:href="{{ get_template_directory_uri() }}/public/build/images/svg/icons.svg#facebook"
            ></use>
          </svg>
        </a>
        <a
          href="https://www.tiktok.com"
          target="_blank"
          rel="noreferrer"
          class="footer__social-link"
        >
          <span class="screen-reader-text">TikTok</span>
          <svg aria-hidden="true" focusable="false">
            <use
              xlink:href="{{ get_template_directory_uri() }}/public/build/images/svg/icons.svg#tiktok"
            ></use>
          </svg>
        </a>
      </div>
    </div>
  </div>

  <div class="container footer__bottom">
    <span class="footer__bottom-copy">Copyright © {{ date('Y') }} Agence Artemis</span>

    <div class="footer__bottom-links">
      <a href="{{ home_url('/politique-de-confidentialite') }}">Politique de confidentialité</a>
      <a href="{{ home_url('/mentions-legales') }}">Mentions Légales</a>
    </div>
  </div>
</footer>