{{--
  Shop toolbar partial — used by:
   - template-shop.blade.php (custom page with [products])
   - woocommerce.blade.php   (native WC shop / product-category archive)

  Inputs (all optional, sensible defaults provided):
    $baseUrl       — where the search and sort forms post to
    $searchQ       — current search query (?s=)
    $activeCatSlug — current active product_cat slug
    $cats          — array of WP_Term (top-level product_cat terms)
    $showSort      — render the sort dropdown (template-shop true, WC archive false)
    $sortMap       — keyed array of sort options (see template-shop)
    $sortKey       — currently selected key from $sortMap
    $useTermLinks  — when true, category chips link to native term archives;
                     when false, they append ?product_cat=slug to $baseUrl
--}}

@php
  $baseUrl       = $baseUrl       ?? (function_exists('get_permalink') ? get_permalink() : home_url('/'));
  $searchQ       = $searchQ       ?? '';
  $activeCatSlug = $activeCatSlug ?? '';
  $cats          = $cats          ?? [];
  $showSort      = $showSort      ?? false;
  $sortMap       = $sortMap       ?? [];
  $sortKey       = $sortKey       ?? 'menu_order';
  $useTermLinks  = $useTermLinks  ?? false;
  $showFilterBtn = $showFilterBtn ?? false;

  $allLink = $useTermLinks
      ? (function_exists('wc_get_page_permalink') ? wc_get_page_permalink('shop') : $baseUrl)
      : $baseUrl;
  $isAllActive = ! $activeCatSlug && ! (function_exists('is_product_category') && is_product_category());
@endphp

<div class="shop-toolbar">
  <div class="container shop-toolbar__inner">

    {{-- The shop archive no longer renders its own search input — searching
         is handled site-wide by the header search button (🔍) which opens
         the full overlay with live results. --}}

    @if (! empty($cats))
      <ul class="shop-cats" aria-label="{{ __('Kategorije', 'elit-gastro') }}">
        <li class="shop-cats__item @if ($isAllActive) is-active @endif">
          <a href="{{ $allLink }}">{{ __('Sve', 'elit-gastro') }}</a>
        </li>
        @foreach ($cats as $cat)
          @php
            $url = $useTermLinks
                ? get_term_link($cat)
                : add_query_arg(['product_cat' => $cat->slug], $baseUrl);
            $isActive = $useTermLinks
                ? (function_exists('is_product_category') && is_product_category($cat->term_id))
                : ($activeCatSlug === $cat->slug);
          @endphp
          <li class="shop-cats__item @if ($isActive) is-active @endif">
            <a href="{{ $url }}">
              {{ $cat->name }}
              <span class="shop-cats__count">{{ $cat->count }}</span>
            </a>
          </li>
        @endforeach
      </ul>
    @endif

    @if ($showFilterBtn)
      <button type="button" class="shop-toolbar__filter-btn" data-shop-filters-open aria-label="{{ __('Otvori filtere', 'elit-gastro') }}">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <line x1="4" y1="6" x2="20" y2="6"/>
          <line x1="6" y1="12" x2="18" y2="12"/>
          <line x1="9" y1="18" x2="15" y2="18"/>
        </svg>
        <span>{{ __('Filtriraj', 'elit-gastro') }}</span>
      </button>
    @endif

    @if ($showSort && ! empty($sortMap))
      <form class="shop-sort" method="get" action="{{ $baseUrl }}">
        <label for="shop-sort-select">{{ __('Sortiraj', 'elit-gastro') }}</label>
        <select id="shop-sort-select" name="orderby" onchange="this.form.submit()">
          @foreach ($sortMap as $key => $opt)
            <option value="{{ $key }}" @selected($sortKey === $key)>{{ $opt['label'] }}</option>
          @endforeach
        </select>
        @if ($searchQ)
          <input type="hidden" name="s" value="{{ $searchQ }}" />
          <input type="hidden" name="post_type" value="product" />
        @endif
        @if ($activeCatSlug)
          <input type="hidden" name="product_cat" value="{{ $activeCatSlug }}" />
        @endif
      </form>
    @endif

  </div>
</div>