@php
  $hideMobileAppNav = request()->query('editor') === 'fullscreen' || request()->routeIs('mariachi.listings.create', 'mariachi.listings.edit');
  $isInboxRoute = request()->routeIs('mariachi.quotes.*') || request()->routeIs('mariachi.leads.*') || request()->routeIs('mariachi.reviews.*');
  $isAccountRoute = request()->routeIs('mariachi.provider-profile.*')
    || request()->routeIs('mariachi.account.*')
    || request()->routeIs('mariachi.verification.*');
@endphp

@unless($hideMobileAppNav)
  <div class="d-lg-none">
    <a href="{{ route('mariachi.listings.create', ['editor' => 'fullscreen']) }}" class="artist-mobile-fab" aria-label="Crear anuncio">
      <span class="artist-mobile-fab__label">Publicar</span>
      <i class="icon-base ti tabler-plus"></i>
    </a>

    <nav class="artist-mobile-tabbar" aria-label="Navegación móvil del portal de artistas">
      <a href="{{ route('mariachi.metrics') }}" class="artist-mobile-tabbar__item {{ request()->routeIs('mariachi.metrics') ? 'is-active' : '' }}">
        <span class="artist-mobile-tabbar__icon">
          <i class="icon-base ti tabler-home-2"></i>
        </span>
        <span>Inicio</span>
      </a>

      <a href="{{ route('mariachi.listings.index') }}" class="artist-mobile-tabbar__item {{ request()->routeIs('mariachi.listings.*') ? 'is-active' : '' }}">
        <span class="artist-mobile-tabbar__icon">
          <i class="icon-base ti tabler-speakerphone"></i>
        </span>
        <span>Anuncios</span>
      </a>

      <a href="{{ route('mariachi.quotes.index') }}" class="artist-mobile-tabbar__item {{ $isInboxRoute ? 'is-active' : '' }}">
        <span class="artist-mobile-tabbar__icon">
          <i class="icon-base ti tabler-message-circle"></i>
        </span>
        <span>Clientes</span>
      </a>

      <a href="{{ route('mariachi.provider-profile.edit') }}" class="artist-mobile-tabbar__item {{ $isAccountRoute ? 'is-active' : '' }}">
        <span class="artist-mobile-tabbar__icon">
          <i class="icon-base ti tabler-user-circle"></i>
        </span>
        <span>Perfil</span>
      </a>
    </nav>
  </div>
@endunless