{{-- <nav class="nav-menu">
    <a href="#">Template</a>
    <a href="#">Preset+</a>
    <a href="#">Motion Graphics</a>
    <a href="#">Sound Effect</a>
    <a href="#">LUTS</a>
    <a href="#">Tài nguyên VIP</a>
    <a href="#">Tài nguyên Free</a>
</nav> --}}

<header>
    <nav class="navbar ">
        <ul class="menu container">
            @foreach ($menus as $menu)
                <li class="menu-item" style="{{ count($menu->types) == 0 ? 'position: static;' : '' }}">
                    @if ($menu->type == 'tai-nguyen-mien-phi')
                        <a class="main-item"
                            href="{{ route('member.data', ['sale' => 'free', 'title' => '']) }}">{{ $menu->name }}
                        @else
                            <a class="main-item"
                                href="{{ route('member.data', ['menu' => $menu->type]) }}">{{ $menu->name }}
                    @endif
                    {{-- <a class="main-item" href="{{ route('member.data', ['menu' => $menu->type]) }}">{{ $menu->name }} --}}
                        @if (count($menu->types) > 0)
                            <img src="{{ asset('assets/images/arrow-down.svg') }}" alt="Down arrow" width="16"
                                height="16" />
                        @endif
                    </a>
                    @if (!empty($menu->types))
                        <div class="submenu">
                            @foreach ($menu->types as $type)
                                <a
                                    href="{{ route('member.data', ['menu' => $menu->type, 'type_menu' => $type->type]) }}">{{ $type->name }}</a>
                            @endforeach
                        </div>
                    @endif
                </li>
            @endforeach
            {{-- <li class="menu-item">
          <a class="main-item" href="#"
            >PRESET
            <img
              src="{{asset('assets/images/arrow-down.svg')}}"
              alt="Down arrow"
              width="16"
              height="16"
          /></a>
          <div class="submenu">
            <a href="#">Premiere Pro</a>
            <a href="#">Final Cut</a>
            <a href="#">DaVinci Resolve</a>
          </div>
        </li>
        <li class="menu-item">
          <a class="main-item" href="#">MOTION GRAPHICS</a>
        </li>
        <li class="menu-item">
          <a class="main-item" href="#">SOUND EFFECT</a>
        </li>
        <li class="menu-item">
          <a class="main-item" href="#"
            >LUTS
            <img
              src="{{asset('assets/images/arrow-down.svg')}}"
              alt="Down arrow"
              width="16"
              height="16"
          /></a>
          <div class="submenu">
            <a href="#">Premiere Pro</a>
            <a href="#">Final Cut</a>
            <a href="#">DaVinci Resolve</a>
          </div>
        </li>
        <li class="menu-item">
          <a class="main-item" href="#"
            >TÀI NGUYÊN VIP
            <img
              src="{{asset('assets/images/arrow-down.svg')}}"
              alt="Down arrow"
              width="16"
              height="16"
          /></a>
          <div class="submenu">
            <a href="#">Premiere Pro</a>
            <a href="#">Final Cut</a>
            <a href="#">DaVinci Resolve</a>
          </div>
        </li>
        <li class="menu-item">
          <a class="main-item" href="#"
            >TÀI NGUYÊN FREE
            <img
              src="{{asset('assets/images/arrow-down.svg')}}"
              alt="Down arrow"
              width="16"
              height="16"
          /></a>
          <div class="submenu">
            <a href="#">Premiere Pro</a>
            <a href="#">Final Cut</a>
            <a href="#">DaVinci Resolve</a>
          </div>
        </li> --}}
        </ul>
    </nav>
</header>