{{--
  Template Name: Trgovina (Elit Gastro)
  Brand-styled product catalog page.

  Renders a branded hero, a sticky toolbar (search + category chips + sort),
  and the WooCommerce products grid. If the page editor has its own content
  (e.g. a [products] shortcode or Products block) it's rendered as-is below
  the toolbar. Otherwise the template auto-renders [products] with the
  current orderby / category from the URL — so the sort dropdown and
  category chips work out of the box.
--}}

@extends('layouts.app')

@section('content')
  @php
    /* ---------------------------------------------------------------
     * URL state — orderby + active category + search query
     * --------------------------------------------------------------- */
    $sortKey = sanitize_key($_GET['orderby'] ?? 'menu_order');
    $sortMap = [
        'menu_order'  => ['orderby' => 'menu_order',           'order' => 'asc',  'label' => __('Zadano',           'elit-gastro')],
        'date'        => ['orderby' => 'date',                 'order' => 'desc', 'label' => __('Najnovije',        'elit-gastro')],
        'price'       => ['orderby' => 'price',                'order' => 'asc',  'label' => __('Cijena: rastuće',  'elit-gastro')],
        'price-desc'  => ['orderby' => 'price',                'order' => 'desc', 'label' => __('Cijena: padajuće', 'elit-gastro')],
        'popularity'  => ['orderby' => 'popularity',           'order' => 'desc', 'label' => __('Najpopularnije',   'elit-gastro')],
        'rating'      => ['orderby' => 'rating',               'order' => 'desc', 'label' => __('Najbolje ocjene',  'elit-gastro')],
    ];
    $current = $sortMap[$sortKey] ?? $sortMap['menu_order'];

    $searchQ = sanitize_text_field(wp_unslash($_GET['s'] ?? ''));
    $activeCatSlug = sanitize_key($_GET['product_cat'] ?? '');

    /* ---------------------------------------------------------------
     * Top-level product categories (chips)
     * --------------------------------------------------------------- */
    $shopCats = [];
    if (taxonomy_exists('product_cat')) {
        $terms = get_terms([
            'taxonomy' => 'product_cat',
            'hide_empty' => true,
            'parent' => 0,
            'orderby' => 'menu_order',
            'number' => 12,
            'exclude' => [(int) get_option('default_product_cat')],
        ]);
        if (! is_wp_error($terms) && ! empty($terms)) {
            $shopCats = $terms;
        }
    }

    /* ---------------------------------------------------------------
     * Walk the main loop once to capture everything we need
     * (title, excerpt, hero image, custom editor content). After this
     * block, we rely on the captured variables — not the global $post.
     * --------------------------------------------------------------- */
    $pageTitle = '';
    $pageExcerpt = '';
    $heroImg = null;
    $hasCustomContent = false;
    $customContent = '';

    if (have_posts()) {
        while (have_posts()) {
            the_post();
            $pageTitle = get_the_title();
            $pageExcerpt = has_excerpt() ? get_the_excerpt() : '';
            if (has_post_thumbnail()) {
                $heroImg = get_the_post_thumbnail_url(null, 'large') ?: null;
            }
            $customContent = trim((string) get_the_content());
            $hasCustomContent = ($customContent !== '');
        }
        wp_reset_postdata();
    }

    /* ---------------------------------------------------------------
     * Build the [products] shortcode args from URL state
     * --------------------------------------------------------------- */
    $atts = [
        'limit'    => 12,
        'columns'  => 4,
        'paginate' => 'true',
        'orderby'  => $current['orderby'],
        'order'    => $current['order'],
    ];
    if ($activeCatSlug) {
        $atts['category'] = $activeCatSlug;
    }
    $shortcode = '[products';
    foreach ($atts as $k => $v) {
        $shortcode .= ' '.$k.'="'.esc_attr($v).'"';
    }
    $shortcode .= ']';

    $pageUrl = get_permalink();
    $pagedNow = max(1, (int) get_query_var('paged'), (int) get_query_var('page'));
  @endphp

  <header class="post-hero post-hero--page">
    <div class="post-hero__bg">
      @if ($heroImg)
        <img class="post-hero__img" src="{{ $heroImg }}" alt="" loading="eager" />
      @endif
    </div>
    <div class="post-hero__overlay"></div>
    <div class="container post-hero__inner">
      <div class="post-hero__eyebrow">
        <span>{{ __('Katalog', 'elit-gastro') }}</span>
        @if ($activeCatSlug)
          @php($activeTerm = get_term_by('slug', $activeCatSlug, 'product_cat'))
          @if ($activeTerm)
            <span class="dot-sep">·</span>
            <span>{{ $activeTerm->name }}</span>
          @endif
        @endif
      </div>
      <h1 class="post-hero__title">{{ $pageTitle ?: __('Trgovina', 'elit-gastro') }}</h1>
      @if ($pageExcerpt)
        <p class="post-hero__sub">{{ $pageExcerpt }}</p>
      @else
        <p class="post-hero__sub">
          {{ __('Profesionalna ugostiteljska oprema za hotele, restorane i rekreacijske centre — od termičkih linija LAINOX do Scotsman ledomata.', 'elit-gastro') }}
        </p>
      @endif
    </div>
  </header>

  @include('partials.shop-toolbar', [
      'baseUrl'       => $pageUrl,
      'searchQ'       => $searchQ,
      'activeCatSlug' => $activeCatSlug,
      'cats'          => $shopCats,
      'showSort'      => true,
      'sortMap'       => $sortMap,
      'sortKey'       => $sortKey,
      'useTermLinks'  => false,
  ])

  <section class="shop-page">
    <div class="container">

      {{-- Active filter pill (lets user clear category) --}}
      @if ($activeCatSlug || $searchQ)
        <div class="shop-active">
          <span class="shop-active__label">{{ __('Aktivni filter:', 'elit-gastro') }}</span>
          @if ($activeCatSlug)
            @php($activeTerm = get_term_by('slug', $activeCatSlug, 'product_cat'))
            @if ($activeTerm)
              <a href="{{ $pageUrl }}" class="shop-active__pill">
                {{ $activeTerm->name }}
                <span aria-hidden="true">×</span>
              </a>
            @endif
          @endif
          @if ($searchQ)
            <a href="{{ $activeCatSlug ? add_query_arg(['product_cat' => $activeCatSlug], $pageUrl) : $pageUrl }}" class="shop-active__pill">
              "{{ $searchQ }}"
              <span aria-hidden="true">×</span>
            </a>
          @endif
        </div>
      @endif

      <div class="shop-page__body">
        @if ($hasCustomContent)
          <div class="entry-content shop-page__custom">
            {!! apply_filters('the_content', $customContent) !!}
          </div>
        @else
          @if ($searchQ)
            {{-- pre_get_posts doesn't run on Page templates, so we render a
                 dedicated WP_Query for product keyword matches. --}}
            @php
              $searchQuery = new WP_Query([
                  'post_type' => 'product',
                  'posts_per_page' => 12,
                  'paged' => $pagedNow,
                  's' => $searchQ,
                  'orderby' => $current['orderby'],
                  'order' => $current['order'],
                  'tax_query' => $activeCatSlug ? [[
                      'taxonomy' => 'product_cat',
                      'field' => 'slug',
                      'terms' => $activeCatSlug,
                  ]] : [],
              ]);
            @endphp

            @if ($searchQuery->have_posts())
              <ul class="products columns-4">
                @while ($searchQuery->have_posts()) @php($searchQuery->the_post())
                  @php(wc_get_template_part('content', 'product'))
                @endwhile
              </ul>

              @if ($searchQuery->max_num_pages > 1)
                <nav class="woocommerce-pagination">
                  {!! paginate_links([
                      'total' => $searchQuery->max_num_pages,
                      'current' => $pagedNow,
                      'prev_text' => '←',
                      'next_text' => '→',
                      'add_args' => array_filter([
                          's' => $searchQ,
                          'product_cat' => $activeCatSlug ?: null,
                          'orderby' => $sortKey !== 'menu_order' ? $sortKey : null,
                      ]),
                  ]) !!}
                </nav>
              @endif
            @else
              <div class="shop-empty">
                <x-icon.search stroke-width="1.5" />
                <h2>{{ sprintf(__('Nema rezultata za "%s"', 'elit-gastro'), $searchQ) }}</h2>
                <p>{{ __('Pokušaj s drugim pojmom ili pregledaj kategorije iznad.', 'elit-gastro') }}</p>
                <a href="{{ $pageUrl }}" class="btn btn-ink">{{ __('Pokaži sve proizvode', 'elit-gastro') }}</a>
              </div>
            @endif
            @php(wp_reset_postdata())
          @else
            {!! do_shortcode($shortcode) !!}
          @endif
        @endif
      </div>
    </div>
  </section>
@endsection