Twig\Error\RuntimeError {#1243
  -lineno: 68
  -rawMessage: "An exception has been thrown during the rendering of a template ("Offset must be a positive integer or zero, -15 given")."
  -source: Twig\Source {#1235
    -code: """
      {% extends 'base.html.twig' %}\n
      \n
      {% block body %}\n
      <!-- ░░░\u{A0}Navigation\u{A0}░░░ -->\n
        {{include('section/nav.html.twig')}}\n
      <section class="cat-hero position-relative">\n
          <img src="{{ asset('img/bg/bg-category.png') }}" class="img-fluid w-100 heigh-350" alt="{{ category.name }} banner">\n
          <div class="cat-hero-caption position-absolute start-0 bottom-0 p-4">\n
              {<h1 class="h2  text-white fw-bold mb-1">{{ category.name }}</h1>}\n
              <p class="small text-white mb-0">Découvrez nos produits {{ category.name  }}</p>\n
          </div>\n
      </section>\n
      \n
      {# ░░░ MAIN CONTENT ░░░ #}\n
      <section class="py-5">\n
          <div class="container">\n
              <div class="row g-5">\n
      \n
                  {# ——— LEFT SIDEBAR ——— #}\n
                  <aside class="col-md-3">\n
                      <!-- sous-categories -->\n
                      <h6 class="fw-bold text-uppercase small mb-3">choisissez une sous catégories des {{ category.name|default('Équipements et accessoires') }}S</h6>\n
                      <ul class="list-unstyled small mb-5">\n
                         {% for sub in subCategories %}\n
                              <li class="mb-1">\n
                                  {% if category is null %}\n
                                      <a href="{{ path('sub_category_show', { slug: sub.slug }) }}" class="text-decoration-none }}">\n
                                          {{ sub.name }}\n
                                      </a>\n
                                  {% else %}\n
                                      <a href="{{ path('sub_category_show', { slug: sub.slug }) }}" class="text-decoration-none {{ sub.id == category.id ? 'fw-bold text-acti-blue' }}">\n
                                          {{ sub.name }}\n
                                      </a>\n
                                  {% endif %}\n
                              </li>\n
                          {% endfor %}\n
                      </ul>\n
      \n
                      <!-- marques -->\n
                      <h6 class="fw-bold text-uppercase small mb-3">Les marques</h6>\n
                      <form method="get" class="brand-filter">\n
                         {#{% for brand in brands %}\n
                              <div class="form-check mb-1">\n
                                  <input class="form-check-input" type="checkbox" name="brand[]" value="{{ brand.slug }}" id="b{{ loop.index }}" {{ brand.selected ? 'checked' }}>\n
                                  <label class="form-check-label small" for="b{{ loop.index }}">{{ brand.name }}</label>\n
                              </div>\n
                          {% endfor %} #}\n
                          <button type="submit" class="btn btn-outline-secondary btn-sm mt-2">Filtrer</button>\n
                      </form>\n
                  </aside>\n
      \n
                  {# ——— RIGHT CONTENT ——— #}\n
                  <div class="col-md-9">\n
                      <div class="d-flex justify-content-end mb-3">\n
                          <form method="get" class="ms-auto d-flex align-items-center gap-2">\n
                              <label class="small mb-0" for="sort">Trier</label>\n
                              <select name="sort" id="sort" class="form-select form-select-sm" style="max-width:160px;">\n
                                {# <option value="popularity" {% if sort=='popularity' %}selected{% endif %}>Popularité</option>\n
                                  <option value="price_asc" {% if sort=='price_asc' %}selected{% endif %}>Prix croissant</option>\n
                                  <option value="price_desc" {% if sort=='price_desc' %}selected{% endif %}>Prix décroissant</option>\n
                                  <option value="new" {% if sort=='new' %}selected{% endif %}>Nouveautés</option> #}\n
                              </select>\n
                          </form>\n
                      </div>\n
      \n
                      <!-- grille produits -->\n
                      <div class="row row-cols-2 row-cols-md-3 g-4">\n
                          {% for product in products %}\n
                              <div class="col">\n
                                  <div class="card h-100 product-card border-0">\n
                                      <a href="{{ path('produit', { slug: product.getSlug() }) }}" class="ratio ratio-1x1">\n
                                          <img src="/img/products/{{product.getImageFilename()}}" class="img-fluid object-fit-cover" alt="{{ product.getProductName() }}">\n
                                      </a>\n
                                      <div class="card-body px-0">\n
                                          <h6 class="card-title small mb-1 fw-bold text-dark">{{ product.getProductName() }}</h6>\n
                                          <p class="card-text small text-muted mb-1">{{ product.getDescription() }}</p>\n
                                          <div class="flex-space-beetween">\n
                                              <span class="fw-bold mb-0">{{ product.getPrice()|number_format(2, ',', ' ') }} €</span>\n
                                              <div style="float: inline-end;">\n
      \n
                                                  <span\n
                                                         class="fw-bold mb-0 add-to-favorite"\n
                                                         data-product-image="{{ product.getImageFilename() }}"\n
                                                         data-product-name="{{ product.getProductName() }}"\n
                                                         data-product-id="{{ product.id }}"\n
                                                         role="button">\n
                                                        <i class="fa fa-heart fa-lg red" id="{{ product.id }}fav"></i>\n
                                                  </span>\n
                                                  <span\n
                                                        class="fw-bold mb-0 add-to-cart"\n
                                                        data-product-price="{{ product.getPrice() }}"\n
                                                        data-product-image="{{ product.getImageFilename() }}"\n
                                                        data-product-name="{{ product.getProductName() }}"\n
                                                        data-product-id="{{ product.id }}"\n
                                                        data-product-slug="{{ product.slug }}"\n
                                                        data-product-sizes="{{ product.getclothesSizesAsString }}"\n
                                                        data-product-parent-category="{{ product.getCategory.getParent.slug }}"\n
                                                        role="button" >\n
                                                      <i class="fa fa-shopping-bag fa-lg" id="{{ product.id }}cart"></i>\n
                                                  </span>\n
                                              </div>\n
                                          </div>\n
                                      </div>\n
                                  </div>\n
                              </div>\n
                          {% endfor %}\n
                      </div>\n
      \n
                      <nav aria-label="pagination">\n
                        <ul class="pagination flex-wrap">\n
                          {% if currentPage > 1 %}\n
                          <li class="page-item ">\n
                              <a class="page-link" href="{{ path('app_category_show', {slug: categorySlug, page: currentPage - 1}) }}">\n
                                  précédent\n
                              </a>\n
                          </li>\n
                          {% endif %}\n
      \n
                          {% for i in 1..totalPages %}\n
                          <li class="page-item ">\n
                              <a class="page-link {{ currentPage == i ? 'active' : '' }}" href="{{ path('app_category_show', {slug: categorySlug, page: i}) }}" >{{ i }}</a>\n
                          </li>\n
                          {% endfor %}\n
      \n
                          {% if currentPage < totalPages %}\n
                          <li class="page-item">\n
                              <a class="page-link" href="{{ path('app_category_show', {slug: categorySlug,page: currentPage + 1}) }}">\n
                                  Suivant\n
                              </a>\n
                          </li>\n
                          {% endif %}\n
                      </ul>\n
                      </nav>\n
      \n
                      {# pagination #}\n
                 {#     {% if pagination is defined %}\n
                          <div class="mt-4">\n
                              #}{#{ knp_pagination_render(pagination) }#}{#\n
                          </div>\n
                      {% endif %}#}\n
                  </div>\n
              </div>\n
          </div>\n
      </section>\n
      <!-- ░░░\u{A0}MARQUES\u{A0}░░░ -->\n
        {{include('section/marque.html.twig')}}\n
      <!-- ░░░\u{A0}FOOTER\u{A0}░░░ -->\n
        {{include('section/footer.html.twig')}}\n
      {% endblock %}\n
      """
    -name: "default/parentCategory.html.twig"
    -path: "/var/www/acti-dev/templates/default/parentCategory.html.twig"
  }
  -phpFile: "/var/www/acti-dev/vendor/twig/twig/src/Template.php"
  -phpLine: 460
}