Twig\Error\RuntimeError {#1569
  -lineno: 24
  -rawMessage: "An exception has been thrown during the rendering of a template ("Symfony\Bridge\Twig\Extension\AssetExtension::getAssetUrl(): Argument #1 ($path) must be of type string, null given, called in /var/www/acti-dev/var/cache/dev/twig/55/558354e54a35217659cea341f2cb4e32.php on line 123")."
  -source: Twig\Source {#1597
    -code: """
      {% extends 'base.html.twig' %}\n
      \n
      {% block body %}\n
      <!-- ░░░\u{A0}Navigation\u{A0}░░░ -->\n
        {{include('section/nav.html.twig')}}\n
      {# ░░░ BREADCRUMB ░░░ #}\n
      <nav class="small mb-3 container" aria-label="breadcrumb">\n
          <ol class="breadcrumb mb-0">\n
              <li class="breadcrumb-item"><a href="{{ path('home') }}">Accueil</a></li>\n
              {% for crumb in breadcrumbs %}\n
                  <li class="breadcrumb-item"><a href="{{ crumb.url }}">{{ crumb.label }}</a></li>\n
              {% endfor %}\n
              <li class="breadcrumb-item active" aria-current="page">{{ product.getProductName() }}</li>\n
          </ol>\n
      </nav>\n
      \n
      {# ░░░ PRODUCT MAIN ░░░ #}\n
      <section class="pb-5">\n
          <div class="container">\n
              <div class="row g-5">\n
                  {# ——— IMAGES ——— #}\n
                  <div class="col-md-5">\n
                      <div class="ratio ratio-1x1 border rounded overflow-hidden mb-3">\n
                          <img  src="/img/products/{{asset(product.getImageFilename) }}" class="img-fluid object-fit-cover" alt="{{ product.getProductName }} image principale">\n
                      </div>\n
      \n
                      {# thumbnails #}\n
                     {# <div class="d-flex gap-2 flex-wrap">\n
                          {% for img in product.gallery %}\n
                              <a href="#" class="d-block ratio ratio-1x1 thumb border rounded overflow-hidden" style="width:72px;">\n
                                  <img src="{{ asset(img) }}" class="img-fluid object-fit-cover" alt="thumb">\n
                              </a>\n
                          {% endfor %}\n
                      </div>#}\n
                  </div>\n
      \n
                  {# ——— DETAILS ——— #}\n
                  <div class="col-md-7">\n
                      <h1 class="h3 fw-bold text-acti-blue">{{ product.getProductName() }}</h1>\n
                      <p class="small text-muted mb-1">Référence {{ product.getItemCode() }}</p>\n
      \n
                      <div class="mb-4 lh-sm" style="max-width:500px;">\n
                          {{ product.description|raw }}\n
                      </div>\n
      \n
      \n
                     <div class="row g-3 mb-4" style="max-width:320px;">\n
                              {% if product.getProductSizes() is not empty %}\n
                              <div class="col-6">\n
                                  <label for="size" class="form-label small">Taille :</label>\n
                                  <select name="size" id="size" class="form-select form-select-sm" required>\n
                                      {% for size in product.getProductSizes() %}\n
                                          <option value="{{ size }}">{{ size }}</option>\n
                                      {% endfor %}\n
                                  </select>\n
                              </div>\n
                              {% endif %}\n
                              <div class="col-6">\n
                                  <label for="qty" class="form-label small">Quantité</label>\n
                                  <input type="number"\n
                                         name="qty"\n
                                         id="{{ product.id}}detail-qty"\n
                                         class="product-detail-qty form-control form-control-sm"\n
                                         value="1"\n
                                         min="1"\n
                                         style="max-width:80px;"\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
                                  >\n
                              </div>\n
                          </div>\n
                          <button\n
                              id="add-to-cart-btn"\n
                              type="submit"\n
                              class="btn btn-primary px-4"\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
                          >Ajouter au panier</button>\n
                  </div>\n
              </div>\n
          </div>\n
      </section>\n
      \n
      {# ░░░ RELATED PRODUCTS ░░░ #}\n
      <section class="py-5 bg-light">\n
          <div class="container">\n
              <h2 class="h5 fw-bold text-acti-blue mb-4">Produits liés à cet article</h2>\n
              <div class="row row-cols-2 row-cols-md-4 g-4">\n
                  {% for p in related %}\n
                      <div class="col">\n
                          <div class="card h-100 border-0 product-card">\n
                              <a href="{#{ path('app_product_show', { slug:p.slug }) }#}" class="ratio ratio-1x1">\n
                                  <img src="/img/products/{{asset(p.getImageFilename()) }}" class="img-fluid object-fit-cover" alt="{{ p.getProductName() }}">\n
                              </a>\n
                              <div class="card-body p-0 pt-2">\n
                                  <h6 class="small fw-bold mb-1 text-dark">{{ p.getProductName() }}</h6>\n
                                  <p class="small text-muted mb-1">{{ p.description }}</p>\n
                                  <p class="fw-bold mb-0">{{ p.price|number_format(2, ',', ' ') }} €</p>\n
                              </div>\n
                          </div>\n
                      </div>\n
                  {% endfor %}\n
              </div>\n
              <div class="text-center mt-4">\n
                  <a href="{#{ path('app_new_products') }#}" class="small text-acti-blue text-decoration-underline">Voir les nouveaux produits</a>\n
              </div>\n
          </div>\n
      </section>\n
      <!-- ░░░\u{A0}FOOTER\u{A0}░░░ -->\n
        {{include('section/footer.html.twig')}}\n
      {% endblock %}\n
      """
    -name: "default/produit.html.twig"
    -path: "/var/www/acti-dev/templates/default/produit.html.twig"
  }
  -phpFile: "/var/www/acti-dev/vendor/twig/twig/src/Template.php"
  -phpLine: 460
}