Twig\Error\SyntaxError {#3343
  -lineno: 366
  -name: "shop/product-details.html.twig"
  -rawMessage: "Unexpected "variantquantity" tag (expecting closing tag for the "for" tag defined near line 358)."
  -sourcePath: "/home/demodump/anuppu.in/templates/shop/product-details.html.twig"
  -sourceCode: """
    {% extends 'site-base.html.twig' %}\n
    \n
    {% block title %} ANUPPU - {{title}}  {% endblock %}\n
    \n
    {% block body %}\n
    \n
    {%if app.request.attributes.get('_route') == "app_estb_products"%}\n
    <style>\n
    .switch {\n
      position: relative;\n
      display: inline-block;\n
      width: 60px;\n
      height: 34px;\n
    }\n
    \n
    .switch input { \n
      opacity: 0;\n
      width: 0;\n
      height: 0;\n
    }\n
    \n
    .slider {\n
      position: absolute;\n
      cursor: pointer;\n
      top: 0;\n
      left: 0;\n
      right: 0;\n
      bottom: 0;\n
      background-color: #ccc;\n
      -webkit-transition: .4s;\n
      transition: .4s;\n
    }\n
    \n
    .slider:before {\n
      position: absolute;\n
      content: "";\n
      height: 26px;\n
      width: 26px;\n
      left: 4px;\n
      bottom: 4px;\n
      background-color: white;\n
      -webkit-transition: .4s;\n
      transition: .4s;\n
    }\n
    \n
    input:checked + .slider {\n
      background-color: #2196F3;\n
    }\n
    \n
    input:focus + .slider {\n
      box-shadow: 0 0 1px #2196F3;\n
    }\n
    \n
    input:checked + .slider:before {\n
      -webkit-transform: translateX(26px);\n
      -ms-transform: translateX(26px);\n
      transform: translateX(26px);\n
    }\n
    \n
    /* Rounded sliders */\n
    .slider.round {\n
      border-radius: 34px;\n
    }\n
    \n
    .slider.round:before {\n
      border-radius: 50%;\n
    }\n
    </style>\n
    \n
    {% endif %}\n
    \n
    <style>\n
    \n
    <!-- product images slide show -->\n
    \n
    * {\n
      box-sizing: border-box;\n
    }\n
    \n
    /* Position the image container (needed to position the left and right arrows) */\n
    .container {\n
      position: relative;\n
    }\n
    \n
    /* Hide the images by default */\n
    .mySlides {\n
      display: none;\n
    }\n
    \n
    /* Add a pointer when hovering over the thumbnail images */\n
    .cursor {\n
      cursor: pointer;\n
    }\n
    \n
    /* Next & previous buttons */\n
    .prev,\n
    .next {\n
      cursor: pointer;\n
      position: absolute;\n
      top: 40%;\n
      width: auto;\n
      padding: 16px;\n
      margin-top: -50px;\n
      color: white;\n
      font-weight: bold;\n
      font-size: 20px;\n
      border-radius: 0 3px 3px 0;\n
      user-select: none;\n
      -webkit-user-select: none;\n
    }\n
    \n
    /* Position the "next button" to the right */\n
    .next {\n
      right: 0;\n
      border-radius: 3px 0 0 3px;\n
    }\n
    \n
    /* On hover, add a black background color with a little bit see-through */\n
    .prev:hover,\n
    .next:hover {\n
      background-color: rgba(0, 0, 0, 0.8);\n
    }\n
    \n
    /* Number text (1/3 etc) */\n
    .numbertext {\n
      color: #f2f2f2;\n
      font-size: 12px;\n
      padding: 8px 12px;\n
      position: absolute;\n
      top: 0;\n
    }\n
    \n
    /* Container for image text */\n
    .caption-container {\n
      text-align: center;\n
      background-color: #222;\n
      padding: 2px 16px;\n
      color: white;\n
    }\n
    \n
    .row:after {\n
      content: "";\n
      display: table;\n
      clear: both;\n
    }\n
    \n
    /* Six columns side by side */\n
    .column {\n
      float: left;\n
      width: 16.66%;\n
    }\n
    \n
    /* Add a transparency effect for thumnbail images */\n
    .demo {\n
      opacity: 0.6;\n
    }\n
    \n
    .active,\n
    .demo:hover {\n
      opacity: 1;\n
    }\n
    \n
    </style>\n
    \n
    <input type="hidden" id="shopid" value="{{shopid}}" />\n
    \n
    <!-- jQuery File -->\n
    <script src="{{ asset('assets/vendor/site/assets/vendor/jquery/js/jquery-3.7.1.js') }}"></script>\n
    <section class="section">\n
        <div class="row" style="padding:10px;">\n
            <div class="col-lg-6">\n
                <div class="card">\n
                    <div class="card-body">\n
                            <h5 class="card-title">Shop Product Images</h5>\n
                            <div class="row">\n
                                 <!-- Container for the image gallery -->\n
                                <div class="container">\n
                                  <!-- Full-width images with number text -->\n
    \n
                                  <!-- Thumbnail images -->\n
                                <!--\n
                                  <div class="row">\n
                                    <div class="column">\n
                                      <img class="demo cursor" src="img_woods.jpg" style="width:100%" onclick="currentSlide(1)" alt="The Woods">\n
                                    </div>\n
                                  </div>\n
                                -->\n
                                {% if shopProductImagesDetails is defined %}\n
                                  {% if shopProductImagesDetails | length > 1 %}\n
                                    {% for index, shopProductImagesDetail in shopProductImagesDetails %}\n
                                      \n
                                      <div class="mySlides">\n
                                        <div class="numbertext">{{ index + 1 }} / {{ shopProductImagesDetails | length }}</div>\n
                                        {% if index == 0 %}\n
                                            <img class="classimage" src="{{ asset('public\\uploads\\product_images') }}\{% if shopProductImagesDetail['productimagename'] is defined %}{{shopProductImagesDetail['productimagename']}}{% endif %}" style="width:100%;" alt="{% if shopProductImagesDetail['productimageid'] is defined %}{{shopProductImagesDetail['productimageid']}}{% endif %}" />\n
                                        {% else %}\n
                                            <img class="classimage" src="{{ asset('public\\uploads\\shop_product_images') }}\{% if shopProductImagesDetail['productimagename'] is defined %}{{shopProductImagesDetail['productimagename']}}{% endif %}" style="width:100%;" alt="{% if shopProductImagesDetail['productimageid'] is defined %}{{shopProductImagesDetail['productimageid']}}{% endif %}" />\n
                                        {% endif %}\n
                                      </div>\n
                                      \n
                                    {% endfor %}\n
                                    <!-- Next and previous buttons -->\n
                                    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>\n
                                    <a class="next" onclick="plusSlides(1)">&#10095;</a>\n
    \n
                                    <!-- Image text -->\n
                                    <div class="caption-container">\n
                                      <p id="caption"></p>\n
                                    </div>\n
                                  {% elseif shopProductImagesDetails | length == 1 %}\n
                                    <img class="classimage" src="{{ asset('public\\uploads\\product_images') }}\{% if shopProductImagesDetails[0]['productimagename'] is defined %}{{shopProductImagesDetails[0]['productimagename']}}{% endif %}" style="width:100%;" alt="{% if shopProductImagesDetails[0]['productimageid'] is defined %}{{shopProductImagesDetails[0]['productimageid']}}{% endif %}" />\n
                                  {% else %}\n
                                    No Product Images Added !!!\n
                                  {% endif %}\n
                                {% endif %}\n
    \n
                                \n
                                </div> \n
    \n
    \n
    \n
                            </div>\n
                    </div>\n
                </div>\n
            </div>\n
            <div class="col-lg-6">\n
                <div class="card">\n
                    <div class="card-body">\n
                            <!--<h5 class="card-title">Switch on the selling products</h5>-->\n
                            <div class="row">\n
                            <table>\n
                            <tr><td style="padding:10px;font-weight:bold;">\n
                                <!-- <label for="productname" class="form-label">Product Name</label> -->\n
                                {{proddetails.shopproductname}}\n
                                \n
                            </td></tr><tr><td style="padding:10px;"><span id="variantnamespan"></span></td></tr>\n
                            {% if discountDetails['productdiscountprice'] is defined and discountDetails['productdiscountprice'] > 0 %}\n
                            <tr><td style="font-size:16px;font-weight:bold;padding-left:10px;">\n
                                <!-- <label for="productprice" class="form-label">Product Price/Unit</label> -->\n
                                <s>Rs. <span id="pricespan">{{discountDetails['productdiscountprice']}}</span></s>\n
                            </td></tr>\n
                            {% endif %}\n
    \n
                            <tr><td style="padding:0px 10px 10px 10px;font-weight:bold;font-size:26px;">\n
                                <!-- <label for="productprice" class="form-label">Product Price/Unit</label> -->\n
                                Rs. <span id="pricespan">{{prodprice.productprice}}</span>\n
                            </td></tr>\n
                            <tr><td style="padding:10px;">\n
                                <form method="post" action="{{path('app_cart_add_service_to_cart')}}">\n
                                <input type="hidden" name="shopid" id="shopid" value="{{shopid}}" />\n
                                <input type="hidden" name="productid" id="productid" value="{{productid}}" />\n
                                <!--\n
                                <b>Select Appointment Time</b>\n
                                <table>\n
                                <tr><td>\n
                                    <input type="hidden" name="shopid" id="shopid" value="{{shopid}}" />\n
                                    <input type="hidden" name="productid" id="productid" value="{{productid}}" />\n
                                    <input type="date" name="fromDate" class="form-control" placeholder="dd/mm/YYYY" min="{{'now'|date('Y-m-d')}}" />\n
                                </td><td>\n
                                    <input type="text" name="fromtime" placeholder="10AM" maxlength="5" style="width:80px;" class="form-control" />\n
                                </td><td>\n
                                    <input type="text" name="totime" placeholder="5PM" maxlength="5" style="width:80px;" class="form-control" />\n
                                </td></tr>\n
                                </table>\n
                              -->\n
                                    <div style="height:10px;"></div>\n
                                <table style="width:90%">\n
    \n
                                  {% if proddetails.engravetext is defined %}\n
                                    {% if proddetails.engravetext == "yes" %}\n
                                  <tr><td style="padding:10px;" colspan="4">\n
                                        <input type="hidden" name="engravetext" class="form-control" value="{% if engravetext is defined %}{% if engravetext != "" %}{{engravetext}}{%endif%}{%endif%}" placeholder="Enter your text to engrave here !!!" />\n
                                  </td></tr>\n
                                    {% endif %}\n
                                  {% endif %}\n
                                  \n
                                {% set prodquantity = 0 %}\n
                                {% if quantity is defined %}\n
                                    {% if quantity != "" %}\n
                                        {% set prodquantity = quantity %}\n
                                    {% endif %}\n
                                {% endif %}\n
                                \n
                                <tr><td style="padding:5px;">\n
                                    <input type="number" name="productquantity" id="productquantity" value="{% if prodquantity is defined %}{% if prodquantity > 0 %}{{prodquantity}}{%endif%}{%endif%}" class="form-control" style="width:100px;" placeholder="{{prodquantity}}" />\n
                                    <input type="hidden" id="variantid" name="variantid" value="{% if productVariants.0.productvariantid is defined %}{{ productVariants.0.productvariantid }}{% endif %}" />\n
                                  </td>\n
                                <td style="margin:5px;">\n
                                  {% set addtocartstatus = "" %}\n
                                  {% if prodprice.productprice is defined %}\n
                                    {% if prodprice.productprice > 0 %}\n
                                      {% if proddetails.stockout == "1" %}\n
                                        {% set addtocartstatus = "disabled" %}\n
                                      {% endif %}\n
                                      <button class="btn btn-primary" {{addtocartstatus}}>Add to Cart</button>\n
                                    {% endif %}\n
                                  {% endif %}\n
                                </td>\n
                                <td></td><td></td><td></td>\n
                                </tr>\n
                                </table>\n
                                \n
                                </form>\n
                            </td></tr>\n
                            \n
                            {% if productStockRes is defined %}\n
                              {% if productStockRes | length > 0 %}\n
                                {% if productStockRes[0]['displaytodate'] | date('U') >= 'now' | date('U') %}\n
                                  <tr><td style="padding:10px;">\n
                                      <b>Limited Stock :</b> {{productStockRes[0]['stockvalue']}}\n
                                  </td></tr>\n
                                {% endif %}\n
                              {% endif %}\n
                            {% endif %}\n
                            \n
                            \n
                            {% if proddetails.sku is defined %}\n
                              {% if proddetails.sku != "" %}\n
                            <tr><td style="padding:10px;">\n
                                <b>SKU : </b> {{proddetails.sku}}\n
                            </td></tr>\n
                              {% endif %}\n
                            {% endif %}\n
                            {% if proddetails.isbn is defined %}\n
                              {% if proddetails.isbn != "" %}\n
                            <tr><td style="padding:10px;">\n
                                <b>ISBN : </b> {{proddetails.isbn}}\n
                            </td></tr>\n
                              {% endif %}\n
                            {% endif %}\n
                            {% if shopProductMOQDetails[0]['moq'] is defined %}\n
                              {% if shopProductMOQDetails[0]['moq'] > 1 %}\n
                              <tr><td style="padding:10px;font-weight:bold;" title="Minimum Order Quantity">\n
                              MOQ : {{ shopProductMOQDetails[0]['moq'] }}\n
                              </td></tr>\n
                              {% endif %}\n
                            {% endif %}\n
                            {% if proddetails.stockout == "1" %}\n
                              <tr><td style="color:red;padding:10px;">Out of Stock</td></tr>\n
                            {% endif %}\n
                            <tr><td style="padding:10px;">\n
                                {{proddetails.shopproductdesc}}\n
                            </td></tr>\n
                            </table>\n
                            <br />\n
                            {% set slno = 0 %}\n
                            <hr />\n
                            <h5 class="card-title">Products Variants</h5>\n
                            <div class="row">\n
                              {% set firstvariantid = 0 %}\n
                              {% set firstvariantprice = 0 %}\n
                              {% set firstvariantquantity = 0 %}\n
                              {% if productVariants is defined %}\n
                                {% if productVariants | length > 0 %}\n
                                    <table><tr>\n
                                    {% set slno = 0 %}\n
                                    {% for productVariant in productVariants %}\n
                                    {% if slno == 0 %} \n
                                      {% set firstvariantid = productVariant.productvariantid %}\n
                                      {% set firstvariantprice = productVariant.packagevariantprice %} \n
                                      {% set firstvariantname = productVariant.packvariantname %} \n
                                      {% if cartVariants[firstvariantid] > 0 %}\n
                                        {% set firstvariantquantity = cartVariants[firstvariantid] %}\n
                                      {% endif %}\n
                                    {% endif %}\n
                                    {% variantquantity = cartVariants[productVariant.productvariantid] %}\n
                                      {% set slno = slno + 1 %}\n
                                      <!-- border:solid 1px #d53b3c; -->\n
                                      <td style="width:20%;text-align:center;"><span id="span{{slno}}" style="display:block;font-weight:bold;CURSOR: pointer;width:90%;" onClick="return selectVariant(this.id,'{{productVariant.productvariantid}}','{{productVariant.packagevariantprice}}','{{productVariant.packvariantname}}',{{ variantquantity }})">{{productVariant.packvariantname}} <br /> {{productVariant.packagevariantprice}} </span></td>\n
                                      {% set modslno = slno % 4 %}\n
                                      {% if modslno == 0 %}\n
                                        </tr><tr>\n
                                      {% endif %}\n
                                    {% endfor %}\n
                                    </tr></table>\n
                                {% endif %}\n
                              {% endif %}\n
                            </div>\n
                            \n
                            </div>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
        {% set slno = 0 %}\n
        <!--\n
        <div class="row">\n
            <div class="col-lg-12">\n
                <div class="card">\n
                    <div class="card-body">\n
                            <h5 class="card-title">Products Variants</h5>\n
                            <div class="row">\n
                                {% set firstvariantid = 0 %}\n
                                {% set firstvariantprice = 0 %}\n
                                {% set firstvariantname = "" %}\n
                              {% if productVariants is defined %}\n
                                {% if productVariants | length > 0 %}\n
                                    <table><tr>\n
                                    \n
                                    {% for productVariant in productVariants %}\n
                                      {% if slno == 0 %} {% set firstvariantid = productVariant.productvariantid %} {% set firstvariantprice = productVariant.packagevariantprice %} {% set firstvariantname = productVariant.packvariantname %} {% endif %}\n
                                      {% set slno = slno + 1 %}\n
                                      \n
                                      <td style="width:20%;text-align:center;"><span id="span{{slno}}" style="display:block;font-weight:bold;CURSOR: pointer;width:90%;" onClick="return selectVariant(this.id,'{{productVariant.productvariantid}}','{{productVariant.packagevariantprice}}','{{productVariant.packagevariantprice}}')">{{productVariant.packvariantname}} <br /> {{productVariant.packagevariantprice}} </span></td>\n
                                      {% set modslno = slno % 4 %}\n
                                      {% if modslno == 0 %}\n
                                        </tr><tr>\n
                                      {% endif %}\n
                                    {% endfor %}\n
                                    </tr></table>\n
                                {% endif %}\n
                              {% endif %}\n
                            </div>\n
                    </div>\n
                </div>\n
            </div>\n
        </div>\n
        -->\n
    <script type="text/javascript">\n
    function unbordervariants(totalvariants){\n
      var count = totalvariants;\n
      //alert(totalvariants);\n
      for(i=1;i<=count;i++){\n
          //alert(i);\n
          document.getElementById('span'+i).style.border = 'none';\n
      }\n
    }\n
    selectVariant('span1','{{ firstvariantid }}','{{ firstvariantprice }}','{{ firstvariantname }}',{{ firstvariantquantity }});\n
    function selectVariant(thisval,variantid,variantprice,variantname,variantcartquantity){\n
        unbordervariants('{{ slno }}');\n
        //alert(variantprice);\n
        document.getElementById('pricespan').innerHTML = variantprice;\n
        document.getElementById('variantnamespan').innerHTML = variantname;\n
        alert(variantcartquantity);\n
        document.getElementById('productquantity').value = variantcartquantity;\n
        \n
        //alert(variantid);\n
        document.getElementById('variantid').value = variantid;\n
        document.getElementById(thisval).style.borderWidth = "1px";\n
        document.getElementById(thisval).style.borderStyle = "solid";\n
        document.getElementById(thisval).style.borderColor = "green";\n
    return false;\n
    }   \n
    </script>\n
    </section>\n
    <section class="section">\n
        <div class="row" style="padding:10px;">\n
            {% if productspecs | length > 0 %}\n
            <div class="col-lg-6">\n
                <div class="card">\n
                    <div class="card-body">\n
                        <h5 class="card-title">Specifications of the Product/Service</h5>\n
                        <div class="row">\n
                        <table>\n
                        {% for productspec in productspecs %}\n
                          <tr><td style="width:20%;"><b>{{productspec.caption}} :</b></td><td> {{productspec.value}} </td></tr>\n
                        {% endfor %}\n
                        </table>\n
                        </div>\n
                    </div>\n
                </div>\n
            </div>\n
            {% endif %}\n
            {% if serviceavailabletimes | length > 0 %}\n
            <div class="col-lg-6">\n
                <div class="card">\n
                    <div class="card-body">\n
                            <h5 class="card-title">Select Available Time of delivery or Service</h5>\n
                            <div class="row">\n
                            <table>\n
                            {% for serviceavailabletime in serviceavailabletimes %}\n
                                <tr><td style="width:20%;"><b>{{serviceavailabletime.day}}</b> :</td><td> {{serviceavailabletime.fromtime}} {% if serviceavailabletime.totime is defined %}{% if serviceavailabletime.totime != "" %}- {{serviceavailabletime.totime}}{% endif %}{% endif %} </td></tr>\n
                            {% endfor %}\n
                            </table>\n
                            </div>\n
                    </div>\n
                </div>\n
            </div>\n
            {% endif %}\n
        </div>\n
    </section>\n
    \n
    \n
        <section class="section">\n
          <div class="row" style="padding:10px;">\n
              <div class="col-lg-12">\n
                  <div class="card">\n
                      <div class="card-body">\n
                          <h5 class="card-title">Product Reviews</h5>\n
                          <div class="row">\n
                            {% if shopProductsReviewResult is defined %}\n
                                {% if shopProductsReviewResult | length > 0 %}\n
                                  <span style="font-size:32px;display: inline-block;width:5px;" onclick="productrating(1);" onmouseover="starmo(this,1);" onmouseleave="starleave();" class="productrating" id="star1">&#128969;</span>\n
                                  <span style="font-size:32px;display: inline-block;width:5px;" onclick="productrating(2);" onmouseover="starmo(this,2);" onmouseleave="starleave();" class="productrating" id="star2">&#128969;</span>\n
                                  <span style="font-size:32px;display: inline-block;width:5px;" onclick="productrating(3);" onmouseover="starmo(this,3);" onmouseleave="starleave();" class="productrating" id="star3">&#128969;</span>\n
                                  <span style="font-size:32px;display: inline-block;width:5px;" onclick="productrating(4);" onmouseover="starmo(this,4);" onmouseleave="starleave();" class="productrating" id="star4">&#128969;</span>\n
                                  <span style="font-size:32px;display: inline-block;width:5px;" onclick="productrating(5);" onmouseover="starmo(this,5);" onmouseleave="starleave();" class="productrating" id="star5">&#128969;</span> \n
                                  <form method="post" action="{{path('app_review_add_review')}}">\n
                                    <textarea class="form-control" id="productreview" name="productreview" style="max-width:60%;height:100px;" placeholder="Enter your review here"></textarea>\n
                                    <input type="hidden" name="reviewshopid" value="{{shopid}}" />\n
                                    <input type="hidden" name="reviewproductid" value="{{productid}}" />\n
                                    <input type="hidden" name="productratingid" id="productratingid" value="0" autocomplete="off" />\n
                                    \n
                                    <button class="btn btn-primary" style="max-width:200px;margin-top:5px;">Submit</button>\n
                                  <form>\n
                                {% endif %}\n
                            {% endif %}\n
    <br /><br />\n
                          {% if shopProductReviewDetails is defined %}\n
                            {% if shopProductReviewDetails | length > 0 %}\n
                              <table style="width:90%;">\n
                              {% for shopProductReviewDetail in shopProductReviewDetails %}\n
                                <tr><td style="font-size:24px;">\n
                                  {% if shopProductReviewDetail.productrating is defined %}\n
                                    {% if shopProductReviewDetail.productrating > 0 %}\n
                                      {% set ratingcount = shopProductReviewDetail.productrating %}\n
                                      {% for i in 1..ratingcount %}\n
                                        &#128969; \n
                                      {% endfor %}\n
                                    {% endif %}\n
                                  {% endif %}\n
                                </td></tr>\n
                                <tr><td>{{shopProductReviewDetail.orderreview}}</td></tr>\n
                                <!-- <tr><td>&#128077;</td></tr> -->\n
                                <tr><td><hr /></td></tr>\n
                              {% endfor %}\n
                              </table>\n
                              {% else %}\n
                                No Reviews Yet\n
                            {%endif%}\n
                          {%endif%}\n
                          \n
                          </div>\n
                      </div>\n
                  </div>\n
              </div>          \n
          </div>\n
      </section>\n
    \n
    \n
    \n
    \n
    \n
    <script type="text/javascript">\n
    function toggledisplay(thisval,shopid){\n
        var shopproductid = $("#"+thisval.id).val();\n
        //console.log(thisval.id);\n
        //console.log(shopproductid);\n
        //$("#"+thisval.id).prop('checked', true).trigger("change");\n
        var display = "";\n
        if($("#"+thisval.id).prop('checked')) display = '0'; else display = '1';\n
        //console.log(display);\n
        //var data = '&shopid='+shopid+'&productid='+productid+'&action=sub';\n
        var data = 'shopid='+shopid+'&shopproductid='+shopproductid+'&display='+display;\n
        $.ajax({\n
            type: 'POST',\n
            url: "{{ path('app_estb_editproducts') }}",\n
            data: data,\n
            //$('#searchproductsform').serialize()\n
        })\n
        .done(function (data) {\n
            //$('#searchresults').html(data);\n
            //console.log("132-"+data);\n
            if(data == "1") $("#"+thisval.id).prop('checked', false).trigger("change");\n
            if(data == "0") $("#"+thisval.id).prop('checked', true).trigger("change");\n
        })\n
        .fail(function (jqXHR) {\n
          console.log(jqXHR.status);\n
            if(jqXHR.status === 302) {\n
                console.log("fail if");\n
            } else {\n
                console.log("fail else");\n
            }\n
        });\n
    } \n
    \n
    \n
    <!-- Product Images slider -->\n
    \n
    let slideIndex = 1;\n
    showSlides(slideIndex);\n
    \n
    // Next/previous controls\n
    function plusSlides(n) {\n
      showSlides(slideIndex += n);\n
    }\n
    \n
    // Thumbnail image controls\n
    function currentSlide(n) {\n
      showSlides(slideIndex = n);\n
    }\n
    \n
    function showSlides(n) {\n
      let i;\n
      let slides = document.getElementsByClassName("mySlides");\n
      let captionText = document.getElementById("caption");\n
      if (n > slides.length) {slideIndex = 1}\n
      if (n < 1) {slideIndex = slides.length}\n
      for (i = 0; i < slides.length; i++) {\n
        slides[i].style.display = "none";\n
      }\n
      slides[slideIndex-1].style.display = "block";\n
    } \n
    \n
    function productrating(ratingno){\n
      document.getElementById('productratingid').value = ratingno;\n
      starleave();\n
    }\n
    function starmo(thisval,ratingno){\n
      var starcount = Number(thisval.id.replace("star",""));\n
      var targetid = "";\n
      for(var i = 1;i <= 5; i++){\n
        targetid = "star"+i;\n
        console.log(i);\n
        if(starcount <= i + 1)\n
          document.getElementById(targetid).style.color = "#000000";\n
        else\n
          document.getElementById(targetid).style.color = "#8b7dde";\n
      }\n
    }\n
    function starleave(){\n
      var productrating = document.getElementById('productratingid').value;\n
      var targetid = "";\n
      for(var i = 1;i <= 5; i++){\n
        targetid = "star"+i;\n
        if(productrating >= i)\n
          document.getElementById(targetid).style.color = "#8b7dde";\n
        else\n
          document.getElementById(targetid).style.color = "#000000";\n
          \n
      }\n
    }\n
    </script>\n
    {% endblock %}
    """
}