templates/home/basket.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block main_content %}
  4.     <div class="centered-content">
  5.         <h1>Warenkorb</h1>
  6.         {% for product in products %}
  7.             <div id="basket-display" >
  8.                 <div class="basket-img"><a href="/product/{{ product.product.getId }}"><img src="/image/{{ product.product.getImage }}" /></a></div>
  9.                 <div class="basket-data-cont">
  10.                     <div class="basket-item"><a href="/product/{{ product.product.getId }}">{{ product.product.getName }}</a></div>
  11.                     <div class="basket-item">{{ product.nr }} x</div>
  12.                     <div class="basket-item">{{ product.product.getPrice }} €</div>
  14.                     <div>
  15.                         <button class="add-basket-item" id="{{ product.product.getId }}" style="background-color: #ccc;color: white;font-size: 13px;border-radius: 0%;border:none; padding: 10px">+</button>
  16.                         <button class="delete-basket-item" id="{{ product.product.getId }}" style="background-color: #e6461c;color: white;font-size: 13px;border-radius: 0%;border:none; padding: 10px">-</button>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         {% endfor %}
  21.         <div><button style="background-color: #ccc;color: white;font-size: 13px;border-radius: 0%;border:none; padding: 15px">Checkout</button></div>
  22.     </div>
  23.     <script>
  24.         jQuery(".delete-basket-item").click(function(){$.ajax({
  25.                 type: "POST",
  26.                 url: "/basket/remove/" + jQuery(this).attr("id"),
  27.                 success: function (data) {
  28.                     location.reload();
  29.                 }
  30.             });
  31.         });
  33.         jQuery(".add-basket-item").click(function(){$.ajax({
  34.             type: "POST",
  35.             url: "/basket/addone/" + jQuery(this).attr("id"),
  36.             success: function (data) {
  37.                 location.reload();
  38.             }
  39.         });
  40.         });
  41.     </script>
  42. {% endblock %}