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