{% extends 'base.html.twig' %}
{% block body %}
 <div class="breadcumb-wrapper col d-none d-lg-block" data-bg-src="../../assets/img/breadcumb/breadcumb-bg.jpg">
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Cart</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>Cart</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="space vs-cart-wrapper">
    <div class="container">
      <div class="woocommerce-notices-wrapper">
        <div class="woocommerce-message">Cart</div>
      </div>
      <form action="/cart" method="post" class="woocommerce-cart-form">
        <div class="table-responsive">
          <table class="cart_table">
            <thead>
              <tr>
                <th class="cart-col-image" style="text-align:left;">Image</th>
                <th class="cart-col-productname" style="text-align:left;">Product Name</th>
                <th class="cart-col-price" style="text-align:right;">Price</th>
                <th class="cart-col-quantity" style="text-align:center;">Quantity</th>
                <th class="cart-col-total" style="text-align:right;">Total</th>
                <th class="cart-col-remove" style="text-align:center;">Remove</th>
              </tr>
            </thead>
            <tbody>
		{% set p=1 %}
		{% set pd = 0 %}
		{% if(FTCHCart|length)>0 %}
		{% for prodcrt in FTCHCart %}
		{#% set pd = pd+(prodcrt.prd_qty*prodcrt.prod_cost) %#}
		{% set pd = pd+(prodcrt.prd_qty*price_arr[prodcrt.weight_id]) %}
<tr class="cart_item"  id="cart_{{prodcrt.cart_id}}">
  <input type="hidden" id="crtid_{{p}}" value="{{prodcrt.cart_id}}">
  <td data-title="Product" style="text-align:left;">
  	<a class="cart-productimage" href="product/{{prodcrt.product_name}}/{{prodcrt.product_id}}">
  		<img src="{{pro_img_url}}{{prodcrt.prd_image}}" alt="Product image" width="80" height="80" class="col d-none d-lg-block" />
  		<img src="{{pro_img_url}}{{prodcrt.prd_image}}" alt="Product image" width="120" height="120" style="max-width: 100%;" class="d-inline-block d-lg-none" />
  	</a>
  </td>
  <td data-title="Name" style="text-align:left;">
	<a class="cart-productname" href="product/{{prodcrt.product_name}}/{{prodcrt.product_id}}">
		{{prodcrt.product_name}}<br>
		({{packname[prodcrt.weight_id]}} - {{weigh_arr[prodcrt.weight_id]}}g)
	</a>
  </td>
  <td data-title="Price" style="text-align:right;">
	  <span class="amount">
		<bdi><span>Rs. </span>{{price_arr[prodcrt.weight_id]}}
		  <input type="hidden" size="3" id="prc_{{p}}" value="{{price_arr[prodcrt.weight_id]}}">
		</bdi>
	  </span>
  </td>
  <td data-title="Quantity" style="text-align:center;">
  	<div class="quantity">
      <button class="quantity-minus qut-btn" onclick="cal_price_dec({{prodcrt.product_id}},{{prodcrt.weight_id}},{{p}});"> <i class="far fa-minus"></i> </button>
      <input type="hidden" name="cart_ids[]" value="{{prodcrt.cart_id}}">
      <input type="hidden" name="cprice{{prodcrt.cart_id}}" value="{{(prodcrt.prod_cost)}}">
      <input type="number" pattern="[0-9]*" id="quantity{{p}}" class="qty-input qIt{{p}}" value="{{prodcrt.prd_qty}}" min="0" max="99" name="cart_{{prodcrt.cart_id}}" readonly />
      <button class="quantity-plus qut-btn" onclick="cal_price_inc({{prodcrt.product_id}},{{prodcrt.weight_id}},{{p}});"> <i class="far fa-plus"></i> </button>
    </div>
  </td>
  <td data-title="Total" style="text-align:right;">
  	<span class="amount">
    	<bdi><span>Rs. </span><span id="tot_price{{p}}" class="tot_price">{{prodcrt.total_price | number_format(2)}}</span></bdi>
    </span> 
  </td>
  <td data-title="Remove" style="text-align:center;">
  	<a href="javascript:;" class="remove" onclick="remove_cart('{{prodcrt.cart_id}}');"><i class="fal fa-trash-alt"></i></a>
  </td>
</tr>

			  {% set p=p+1 %}
			  {% endfor %}
			  {% else %}
			  <tr><td colspan="6" style="text-align:center;">There are no itemes in your cart. </td></tr>
				{% endif %}
              <tr>
                <td colspan="6" class="actions">
                  <!--<div class="vs-cart-coupon">
                    <input type="text" class="form-control" placeholder="Coupon Code..." />
                    <button type="submit" class="vs-btn style4">
                      Apply Coupon
                    </button>
                  </div>
                  <button type="submit" class="vs-btn style4">
                    Update cart
                  </button>-->
                  <a href="/index" class="vs-btn style4">Continue Shopping</a>
                </td>
              </tr>
            </tbody><span style="font-size:15px; color:red; font-weight:600;"><u>Note:</u> Price Shows without Discount, Discount calculated below</span>
          </table>
        </div>
      </form>
      
{#      
<div class="table-responsive">
  <table class="cart_table">
    <thead>
      <tr>
        <th class="cart-col-image" style="text-align:left;">Image</th>
        <th class="cart-col-productname" style="text-align:left;">Product Name</th>
        <!--<th class="cart-col-price" style="text-align:right;">Price</th>-->
        <th class="cart-col-quantity" style="text-align:center;">Quantity</th>
        <th class="cart-col-total" style="text-align:right;">Total</th>
        <!--<th class="cart-col-remove" style="text-align:center;">Remove</th>-->
      </tr>
    </thead>
    <tbody>
      <tr class="cart_item"  id="cart_55">
        <input type="hidden" id="crtid_1" value="55">
        <td colspan="3" style="text-align:left;" data-title="Product"><a class="cart-productimage" href="product/Freeze - Dried Sugarcane Juice Powder – Naturally Sweet/8"></a><a class="cart-productname" href="product/Freeze - Dried Sugarcane Juice Powder – Naturally Sweet/8">Freeze - Dried Sugarcane Juice Powder – Naturally Sweet</a> </td>
        <td data-title="Remove" style="text-align:center;"><a href="javascript:;" class="remove" onClick="remove_cart('57');"><i class="fal fa-trash-alt"></i></a> </td>
        <!--<td style="text-align:left;" data-title="Product">&nbsp;</td>-->
        <!--<td style="text-align:left;" data-title="Product">&nbsp;</td>-->
      </tr>
      <tr class="cart_item"  id="cart_57">
        <input type="hidden" id="crtid_2" value="57">
        <td data-title="Product" style="text-align:left;"><a class="cart-productimage" href="product/Freeze - Dried Sugarcane Juice Powder – Naturally Sweet/8"> <img src="https://mngpro.fotindia.com/products/8-1-25-01-18-11-48-35.jpeg" alt="Product image" width="80" height="80" class="col d-none d-lg-block" /> <img src="https://mngpro.fotindia.com/products/8-1-25-01-18-11-48-35.jpeg" alt="Product image" width="120" height="120" style="max-width: 100%;" class="d-inline-block d-lg-none" /> </a> </td>
        <td data-title="Name" style="text-align:left;"><p><a class="cart-productname" href="product/Freeze - Dried Sugarcane Juice Powder – Naturally Sweet/8"> (Pack of 3 - 105g) </a> </p>
        <p><span class="amount">
        <bdi><span>Rs. </span>420.00
          <input name="hidden" type="hidden" id="hidden" value="420.00" size="3">
        </bdi>
        </span></p></td>
        <!--<td data-title="Price" style="text-align:right;"><span class="amount">
          <bdi><span>Rs. </span>420.00
            <input type="hidden" size="3" id="prc_2" value="420.00">
          </bdi>
          </span> </td>-->
        <td data-title="Quantity" style="text-align:center;"><div class="quantity">
            <button class="quantity-minus qut-btn" onClick="cal_price_dec(8,306,2);"> <i class="far fa-minus"></i> </button>
            <input type="hidden" name="cart_ids[]" value="57">
            <input type="hidden" name="cprice57" value="">
            <input type="number" pattern="[0-9]*" id="quantity2" class="qty-input qIt2" value="1" min="0" max="99" name="cart_57" readonly />
            <button class="quantity-plus qut-btn" onClick="cal_price_inc(8,306,2);"> <i class="far fa-plus"></i> </button>
          </div></td>
        <td data-title="Total" style="text-align:right;"><span class="amount">
          <bdi><span>Rs. </span><span id="tot_price2" class="tot_price">420.00</span></bdi>
          </span> </td>
        <!--<td data-title="Remove" style="text-align:center;"><a href="javascript:;" class="remove" onClick="remove_cart('57');"><i class="fal fa-trash-alt"></i></a> </td>-->
      </tr>
      <tr>
        <td colspan="6" class="actions"><!--<div class="vs-cart-coupon">
                    <input type="text" class="form-control" placeholder="Coupon Code..." />
                    <button type="submit" class="vs-btn style4">
                      Apply Coupon
                    </button>
                  </div>
                  <button type="submit" class="vs-btn style4">
                    Update cart
                  </button>-->
          <a href="/index" class="vs-btn style4">Continue Shopping</a> </td>
      </tr>
    </tbody>
    <span style="font-size:15px; color:red; font-weight:600;"><u>Note:</u> Price Shows without Discount, Discount calculated below</span>
  </table>
</div>      
#}      
      
      <div class="row justify-content-end">
        <div class="col-md-8 col-lg-7 col-xl-6">
          <h2 class="h4 summary-title">&nbsp;<!--Cart Totals--></h2>
          <table class="cart_totals">
            <tbody>
              <tr>
                <td style="text-align:right;"> Cart Total</td>
                <td data-title="Cart Total" style="text-align:right;">
                  <span class="amount"><bdi><span>Rs. </span> <span id="stotal">{{pd | number_format(2)}}</span></bdi></span>
                </td>
              </tr>
			  
			  {% set shprice = 0%}
			  {% set tot_ord = 0%}
			  {% if(pd<420) %}
			  {% set shprice = shipping_cost %}
			  {% endif %}
			  {% if(shprice ==0)%}
			  {% set sp = "Free Shipping" %}
			  {% set sp1 = '' %}
			  {% set sp2 = 0 %}
			  {% set tot_ord = pd%}
			  {% else %}
			  {% set sp = shprice | number_format(2) %}
			  {% set sp1 = 'Rs. ' %}
			  {% set tot_ord = pd+sp %}
			  {% set sp2 = shprice %}
			  {% endif %}
			  {% if(pd==0) %}
			  {% set tot_ord = 0 %}
			  {% set sp = 0 %}
			  {% endif %}
			  {% if(FTCHDisc|length >0) %}
			  {% set dsc = (tot_ord*FTCHDisc[0]['discount_value'])/100 %}
			  {% set tot_ord = tot_ord-dsc%}
			  {% else %}
			  {% set dsc = 0 %}
			  {% endif %}
			  
			  <input type="hidden" id="disc_val" value="{{FTCHDisc[0]['discount_value']}}">
			  {% if(FTCHDisc|length >0) %}
			  
				<tr class="Discount">
                <th style="text-align:right;">Discount <small style="color:gray; font-size:10px;">({{FTCHDisc[0]['discount_value']}}%)</small></th>
                <td data-title="Discount" style="text-align:right;">
                <span class="amount"><bdi><span>(-)</span> <span id="dstotal">Rs. {{dsc| number_format(2)}}</span></bdi></span> 
                </td>
              </tr>
			  {% endif %}
              <tr class="shipping">
                <th style="text-align:right;">Shipping Cost</th>
                <td data-title="Shipping Cost" style="text-align:right;">
                <span class="amount"><bdi><span>(+)</span> <span id="shtotal">{{sp1}}{{sp | number_format(2)}}</span></bdi></span> 
                </td>
              </tr>
			  
			  <tr class="shipping">
				<input type="hidden" id="ship_price" value="{{sp2}}">
				<input type="hidden" id="ship_cost" value="{{shipping_cost}}">
                <th style="text-align:right;">Order Total</th>
                <td data-title="Shipping Cost" style="text-align:right;">
                <span class="amount"><bdi><span>Rs. </span> <span id="stotal1">{{tot_ord | number_format(2)}}</span></bdi></span> 
                </td>
              </tr>
            </tbody>
            <tfoot>
              <!--<tr class="order-total">
                <td>Order Total</td>
                <td data-title="Total">
                  <strong><span class="amount"><bdi><span>Rs. </span><span id="stotal1">{{pd | number_format(2)}}</span></bdi></span></strong>
                </td>
              </tr>-->
            </tfoot>
          </table>
		  {% if(FTCHCart|length)>0 %}
          <a href="/checkout" class="vs-btn w-100 style4" id="chkout_btn">Proceed to checkout</a>
		  {% endif %}
        </div>
      </div>
    </div>
  </div>
{% endblock %}