Twig\Error\RuntimeError {#16041
  -lineno: 172
  -rawMessage: "An exception has been thrown during the rendering of a template ("Unexpected value for parameter "filter": expecting "array", got "string".")."
  -source: Twig\Source {#17220
    -code: """
      {% extends 'base.html.twig' %}\n
      \n
      {% block stylesheets %}\n
          {{ parent() }}\n
          {{ encore_entry_link_tags('productListingPage') }}\n
      {% endblock %}\n
      \n
      \n
      {% block content %}\n
      \n
          {% set colMap = {\n
              'four':  'col-6 col-md-4 col-xl-3',\n
              'three': 'col-6 col-md-4',\n
              'two':   'col-6',\n
              'one':   'col-12'\n
          } %}\n
          {% set presentAs = view.productListing.presentAs ?? 'four' %}\n
          {% set colClass  = colMap[presentAs] ?? 'col-6 col-md-4 col-xl-3' %}\n
          {% set isListView = presentAs == 'one' %}\n
      \n
          {% set listing = content.productListing ?? [] %}\n
      \n
          {% set currentSort = app.request.query.get('sort', 'recommended') %}\n
          {% set sortLabels = {\n
              'price_asc':   'Cijena: niža → viša',\n
              'price_desc':  'Cijena: viša → niža',\n
          } %}\n
      \n
      \n
          {# ════════════════════════════════════════════════════════════════════════\n
             SHOP HEADER\n
          ════════════════════════════════════════════════════════════════════════ #}\n
          <div class="pk-shop-header">\n
              <div class="container">\n
                  <div class="pk-shop-header-inner pb-5">\n
      \n
                      <div class="pk-shop-header-left">\n
                          {% include 'partials/breadcrumbs.html.twig' %}\n
                          <h1 class="pk-shop-title">{{ content.title }}</h1>\n
                          {% if content.description %}\n
                              <div class="pk-shop-desc mt-3 text-secondary lh-lg">{{ content.description | raw }}</div>\n
                          {% endif %}\n
                      </div>\n
      \n
                      <div class="pk-shop-toolbar">\n
      \n
                          <span class="pk-shop-count">\n
                              {{ listing | length }}\n
                              {{ listing | length == 1 ? 'proizvod' : 'proizvoda' }}\n
                          </span>\n
      \n
                          {# Gumb za mobilni sidebar #}\n
                          <button class="pk-filter-toggle d-lg-none" id="pkFilterToggle" aria-label="Kategorije">\n
                              <i class="bi bi-funnel"></i>\n
                              <span>Kategorije</span>\n
                          </button>\n
      \n
                          {# Sort dropdown #}\n
                          <div class="pk-sort-wrap">\n
                              <button class="pk-sort-btn" id="pkSortBtn" aria-haspopup="listbox" aria-expanded="false">\n
                                  <i class="bi bi-arrow-down-up"></i>\n
                                  <span>{{ sortLabels[currentSort] ?? 'Sortiraj' }}</span>\n
                                  <i class="bi bi-chevron-down pk-sort-chevron"></i>\n
                              </button>\n
                              <ul class="pk-sort-dropdown" id="pkSortDropdown" role="listbox">\n
                                  {% for key, label in sortLabels %}\n
                                      <li role="option" aria-selected="{{ key == currentSort ? 'true' : 'false' }}">\n
                                          <a href="{{ app.request.pathInfo }}?sort={{ key }}"\n
                                             class="pk-sort-option {{ key == currentSort ? 'pk-sort-option--active' }}">\n
                                              {% if key == currentSort %}\n
                                                  <i class="bi bi-check2"></i>\n
                                              {% endif %}\n
                                              {{ label }}\n
                                          </a>\n
                                      </li>\n
                                  {% endfor %}\n
                              </ul>\n
                          </div>\n
      \n
                          {# View toggle #}\n
                          <div class="pk-view-toggle" role="group" aria-label="Način prikaza">\n
                              <button class="pk-view-btn pk-view-btn--grid pk-view-btn--active"\n
                                      id="pkViewGrid" aria-label="Grid prikaz" aria-pressed="true">\n
                                  <i class="bi bi-grid"></i>\n
                              </button>\n
                              <button class="pk-view-btn pk-view-btn--list"\n
                                      id="pkViewList" aria-label="Lista prikaz" aria-pressed="false">\n
                                  <i class="bi bi-list-ul"></i>\n
                              </button>\n
                          </div>\n
      \n
                      </div>\n
                  </div>\n
              </div>\n
          </div>\n
      \n
      \n
          {# ════════════════════════════════════════════════════════════════════════\n
             OVERLAY za mobilni sidebar\n
          ════════════════════════════════════════════════════════════════════════ #}\n
          <div class="pk-sidebar-overlay" id="pkSidebarOverlay"></div>\n
      \n
      \n
          {# ════════════════════════════════════════════════════════════════════════\n
             LAYOUT — sidebar + main\n
          ════════════════════════════════════════════════════════════════════════ #}\n
          <div class="pk-shop-layout">\n
              <div class="container-fluid px-0">\n
                  <div class="row g-0">\n
      \n
                      {# ── SIDEBAR ──────────────────────────────────────────────── #}\n
                      <aside class="col-lg-3 col-xl-2 pk-shop-sidebar-col" id="pkShopSidebarCol" aria-label="Filteri i kategorije">\n
                          <div class="pk-shop-sidebar" id="pkShopSidebar">\n
      \n
                              {# Zaglavlje drawer-a — vidljivo samo na mobilnom #}\n
                              <div class="pk-sidebar-drawer-header d-flex d-lg-none align-items-center justify-content-between px-3 py-3 border-bottom">\n
                                  <span class="fw-bold">Kategorije</span>\n
                                  <button class="pk-sidebar-close btn btn-sm" id="pkSidebarClose" aria-label="Zatvori">\n
                                      <i class="bi bi-x-lg"></i>\n
                                  </button>\n
                              </div>\n
      \n
                              {# Kategorije #}\n
                              <div class="pk-sidebar-section">\n
                                  <ul class="pk-sidebar-cats" role="list">\n
      \n
                                      <li>\n
                                          <a href="/shop"\n
                                             class="pk-sidebar-cat {{ app.request.pathInfo == '/shop' ? 'pk-sidebar-cat--active' }}">\n
                                              <i class="bi bi-grid-3x3-gap pk-sidebar-cat-grid-icon"></i>\n
                                              <span>Sve kategorije</span>\n
                                          </a>\n
                                      </li>\n
      \n
                                      {% set shopCategories = sulu_page_navigation_root_tree('shop', 15, {\n
                                          'title': 'title',\n
                                          'url':   'url',\n
                                          'uuid':  'object.resource.uuid',\n
                                          'icon':  'icon',\n
                                      }) ?? [] %}\n
      \n
                                      {% for item in shopCategories %}\n
                                          <li>\n
                                              <a href="{{ item.url }}"\n
                                                 class="pk-sidebar-cat {{ app.request.pathInfo starts with item.url ? 'pk-sidebar-cat--active' }}">\n
      \n
                                                  {% if item.icon is not empty %}\n
                                                      <img src="{{ item.icon.thumbnails['sulu-100x100'] }}"\n
                                                           alt="{{ item.title }}" loading="lazy" class="pk-sidebar-cat-img">\n
                                                  {% else %}\n
                                                      <i class="bi bi-arrow-right-short pk-sidebar-cat-arrow"></i>\n
                                                  {% endif %}\n
      \n
                                                  <span>{{ item.title }}</span>\n
      \n
                                              </a>\n
                                          </li>\n
                                      {% endfor %}\n
      \n
                                  </ul>\n
                              </div>\n
      \n
                          </div>\n
                      </aside>\n
      \n
      \n
                      {# ── MAIN CONTENT ─────────────────────────────────────────── #}\n
                      <main class="col-lg-9 col-xl-10 pk-shop-main-col">\n
                          <div class="pk-shop-main">\n
      \n
                              {# Aktivni filteri #}\n
                              {% set activeFilters = app.request.query.all('filter') ?? [] %}\n
                              {% if activeFilters is not empty %}\n
                                  <div class="pk-active-filters" aria-label="Aktivni filteri">\n
                                      <span class="pk-active-filters-label">Filteri:</span>\n
                                      {% for f in activeFilters %}\n
                                          {% set removeFilter = 'filter[]=' ~ f %}\n
                                          <a href="{{ app.request.pathInfo }}?{{ app.request.queryString|replace({(removeFilter): ''}) }}"\n
                                             class="pk-filter-tag">\n
                                              {{ f|capitalize }}\n
                                              <i class="bi bi-x"></i>\n
                                          </a>\n
                                      {% endfor %}\n
                                      <a href="{{ app.request.pathInfo }}" class="pk-filter-clear">Ukloni sve</a>\n
                                  </div>\n
                              {% endif %}\n
      \n
      \n
                              {# Product grid #}\n
                              {% if listing is not empty %}\n
      \n
                                  <div class="pk-product-grid" id="pkProductGrid"\n
                                       data-view="{{ presentAs }}" role="list">\n
                                      <div class="row g-3 g-lg-4">\n
                                          {% for page in listing %}\n
                                              <div class="{{ colClass }}">\n
                                                  {% include 'partials/productBox.html.twig' with {\n
                                                      presentAs: presentAs\n
                                                  } %}\n
                                              </div>\n
                                          {% endfor %}\n
                                      </div>\n
                                  </div>\n
      \n
                                  {# Paginacija #}\n
                                  {% if pages is defined and pages > 1 %}\n
                                      <nav class="pk-pagination" aria-label="Navigacija stranicama">\n
      \n
                                          {% if currentPage > 1 %}\n
                                              <a href="?p={{ currentPage - 1 }}&sort={{ currentSort }}"\n
                                                 class="pk-page-btn" aria-label="Prethodna">\n
                                                  <i class="bi bi-chevron-left"></i>\n
                                              </a>\n
                                          {% endif %}\n
      \n
                                          {% for i in 1..pages %}\n
                                              {% if i == 1 or i == pages or (i >= currentPage - 2 and i <= currentPage + 2) %}\n
                                                  <a href="?p={{ i }}&sort={{ currentSort }}"\n
                                                     class="pk-page-btn {{ i == currentPage ? 'pk-page-btn--active' }}"\n
                                                     aria-current="{{ i == currentPage ? 'page' : 'false' }}">\n
                                                      {{ i }}\n
                                                  </a>\n
                                              {% elseif i == currentPage - 3 or i == currentPage + 3 %}\n
                                                  <span class="pk-page-ellipsis">…</span>\n
                                              {% endif %}\n
                                          {% endfor %}\n
      \n
                                          {% if currentPage < pages %}\n
                                              <a href="?p={{ currentPage + 1 }}&sort={{ currentSort }}"\n
                                                 class="pk-page-btn" aria-label="Sljedeća">\n
                                                  <i class="bi bi-chevron-right"></i>\n
                                              </a>\n
                                          {% endif %}\n
      \n
                                      </nav>\n
                                  {% endif %}\n
      \n
                              {% else %}\n
      \n
                                  <div class="pk-listing-empty">\n
                                      <i class="bi bi-inbox"></i>\n
                                      <p>Trenutno nema proizvoda u ovoj kategoriji.</p>\n
                                      <a href="/shop" class="pk-btn pk-btn--outline mt-3">\n
                                          Pregledaj sve kategorije\n
                                      </a>\n
                                  </div>\n
      \n
                              {% endif %}\n
      \n
                          </div>\n
                      </main>\n
      \n
                  </div>\n
              </div>\n
          </div>\n
      \n
      \n
          {% if content.contents is not empty %}\n
              {% include 'partials/contents.html.twig' %}\n
          {% endif %}\n
      \n
      {% endblock %}\n
      \n
      {% block javascripts %}\n
          {{ parent() }}\n
          {{ encore_entry_script_tags('productListingPage') }}\n
      {% endblock %}\n
      """
    -name: "pages/productListingPage.html.twig"
    -path: "/home/pakomel/pakom/templates/pages/productListingPage.html.twig"
  }
  -phpFile: "/home/pakomel/pakom/vendor/twig/twig/src/Template.php"
  -phpLine: 470
}