{% extends 'base.html.twig' %}
{% block body %}

  <!--==============================
	  Hero area Start
	==============================-->
  <div class="breadcumb-wrapper" data-bg-src="../../assets/img/breadcumb/breadcumb-bg.jpg">
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Wishlist</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>Wishlist</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!--==============================
	  Hero Area End
	==============================-->
<div class="space vs-cart-wrapper">
    <div class="container">
      <div class="woocommerce-notices-wrapper">
        <div class="woocommerce-message">Wishlist</div>
      </div>
      <form action="#" class="woocommerce-cart-form">
        <div class="table-responsive">
          <table class="cart_table">
            <thead>
              <tr>
                <th class="cart-col-productname" style="text-align:left;">Product Name</th>
                <th class="cart-col-price" style="text-align:center;">Image</th>
                <th class="cart-col-total" style="text-align:right;">Price</th>
                <th class="cart-col-remove" style="text-align:center;">Remove</th>
              </tr>
            </thead>
            <tbody>
             {% set st = FTCHCart|length %}
						{% if(st>0) %}
						{% for prodcrt in FTCHCart %}
							<tr id="wish_{{prodcrt.id}}">
							<td class="product-col" style="text-align:left;">
							<div class="product">
						<h6 class="product-title">
							<a href="/product/{{prodcrt.product_name}}/{{prodcrt.product_id}}">{{prodcrt.product_name}}</a>
						</h6>
						</div>
						</td>
							<td style="text-align:center;"><figure class="product-media">
				<a href="javascript:void(0);">
					<img src="{{pro_img_url}}{{prodcrt.prd_image}}" alt="Product image" width="100" height="100">
				</a>
				</figure></td>
					<td class="price-col" style="text-align:right;">Rs. {{price_arr[prodcrt.product_id]}}</td>
					<td class="remove-col" style="text-align:center;"><a href="javascript:;" onclick="remove_wish('{{prodcrt.id}}');"><i class="fal fa-trash-alt" ></i></a></td>
				</tr>
						{% endfor %}
						{% else %}
						<tr>
						<td colspan="5">There are no items</td></tr>
						{% endif %}
            </tbody>
          </table>
        </div>
      </form>
    </div>
  </div>
{% endblock %}