@php
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Route;
$configData = Helper::appClasses();
$resolveMenuUrl = static function (?string $menuUrl): string {
  if (! $menuUrl) {
    return 'javascript:void(0);';
  }

  return preg_match('/^(https?:)?\/\//i', $menuUrl) ? $menuUrl : url($menuUrl);
};
$showWordmarkBrand = (Auth::user()?->isMariachi() ?? false) || request()->routeIs('mariachi.*');
$brandUrl = $showWordmarkBrand && Route::has('mariachi.metrics')
  ? route('mariachi.metrics')
  : url('/');
@endphp

<style>
  .partner-brand-toggle {
    border-radius: 0.85rem;
    padding: 0.42rem;
    color: #5a6678;
    transition:
      background-color 0.18s ease,
      color 0.18s ease,
      box-shadow 0.18s ease;
  }

  .partner-brand-toggle:hover {
    background: rgba(0, 86, 59, 0.08);
    color: #00563b;
    box-shadow: 0 10px 18px -16px rgba(0, 86, 59, 0.45);
  }

  .partner-brand-toggle__icon {
    font-size: 1.22rem;
    line-height: 1;
  }

  .partner-brand-toggle__icon--collapsed {
    display: none !important;
  }

  @media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-menu-hover) .partner-brand-toggle {
      display: none !important;
    }

    .layout-menu-collapsed:not(.layout-menu-hover) .partner-brand-toggle__icon--expanded {
      display: none !important;
    }

    .layout-menu-collapsed:not(.layout-menu-hover) .partner-brand-toggle__icon--collapsed {
      display: inline-block !important;
    }
  }
</style>

<aside id="layout-menu" class="layout-menu menu-vertical menu" @foreach ($configData['menuAttributes'] as $attribute=>
  $value)
  {{ $attribute }}="{{ $value }}" @endforeach>

  <!-- ! Hide app brand if navbar-full -->
  @if (!isset($navbarFull))
  <div class="app-brand demo">
    <a href="{{ $brandUrl }}" class="app-brand-link">
      @if ($showWordmarkBrand)
      <img
        src="{{ asset('marketplace/assets/logo-wordmark-390.webp') }}"
        alt="Mariachis.co"
        width="390"
        height="128"
        decoding="async"
        class="app-brand-img"
        style="max-height: 34px; width: auto;" />
      <img
        src="{{ asset('marketplace/logo.png') }}"
        alt="Mariachis.co"
        class="app-brand-img-collapsed"
        style="height: 32px; width: 32px; object-fit: contain;" />
      @else
      <span class="app-brand-logo demo">@include('_partials.macros')</span>
      <span class="app-brand-text demo menu-text fw-bold ms-3">{{ config('variables.templateName') }}</span>
      @endif
    </a>

    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto {{ $showWordmarkBrand ? 'partner-brand-toggle' : '' }}">
      @if ($showWordmarkBrand)
      <i class="icon-base ti tabler-layout-sidebar-left-collapse d-none d-xl-block partner-brand-toggle__icon partner-brand-toggle__icon--expanded"></i>
      <i class="icon-base ti tabler-layout-sidebar-left-expand d-none d-xl-block partner-brand-toggle__icon partner-brand-toggle__icon--collapsed"></i>
      @else
      <i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
      @endif
      <i class="icon-base ti tabler-x d-block d-xl-none"></i>
    </a>
  </div>
  @endif

  <div class="menu-inner-shadow"></div>

  <ul class="menu-inner py-1">
    @foreach ($menuData[0]->menu as $menu)
    {{-- adding active and open class if child is active --}}

    {{-- menu headers --}}
    @if (isset($menu->menuHeader))
    <li class="menu-header small">
      <span class="menu-header-text">{{ __($menu->menuHeader) }}</span>
    </li>
    @else
    {{-- active menu method --}}
    @php
    $activeClass = null;
    $currentRouteName = Route::currentRouteName() ?? '';
    $hasSubmenu = isset($menu->submenu);
    $activeStateClass = $hasSubmenu ? 'active open' : 'active';

    if ($currentRouteName === $menu->slug) {
    $activeClass = $activeStateClass;
    } elseif (is_string($menu->slug ?? null) && str_starts_with($currentRouteName, $menu->slug . '.')) {
    $activeClass = $activeStateClass;
    } elseif (isset($menu->submenu)) {
    if (gettype($menu->slug) === 'array') {
    foreach ($menu->slug as $slug) {
    if (str_contains($currentRouteName, $slug) and strpos($currentRouteName, $slug) === 0) {
    $activeClass = 'active open';
    }
    }
    } else {
    if (
    str_contains($currentRouteName, $menu->slug) and
    strpos($currentRouteName, $menu->slug) === 0
    ) {
    $activeClass = 'active open';
    }
    }
    }
    @endphp

    {{-- main menu --}}
    <li class="menu-item {{ $activeClass }}">
      <a href="{{ $resolveMenuUrl($menu->url ?? null) }}"
        class="{{ isset($menu->submenu) ? 'menu-link menu-toggle' : 'menu-link' }}" @if (isset($menu->target) and
        !empty($menu->target)) target="_blank" @endif>
        @isset($menu->icon)
        <i class="{{ $menu->icon }}"></i>
        @endisset
        <div>{{ isset($menu->name) ? __($menu->name) : '' }}</div>
        @isset($menu->badge)
        <div class="badge bg-{{ $menu->badge[0] }} rounded-pill ms-auto">{{ $menu->badge[1] }}</div>
        @endisset
      </a>

      {{-- submenu --}}
      @isset($menu->submenu)
      @include('layouts.sections.menu.submenu', ['menu' => $menu->submenu])
      @endisset
    </li>
    @endif
    @endforeach
  </ul>

</aside>