{% extends 'app/base.html' %}
{% load static %}
{% block title %} Wish {% endblock title %}
{% block content %}

<div class="container">
    <div class="panel panel-danger">
      <div class="panel-heading">
        <h6 class="panel-title my-2">Wish List</h6>
      </div>
      <table class="table table-hover table-bordered" id="dev-table">
        <thead>
          <tr>
            <th>Image</th>
            <th>Title</th>
            {% comment %} <th>Action</th> {% endcomment %}
          </tr>
        </thead>

        <tbody>
            {% for wish in wishlist_list %}
            <tr>
                <td><a href="{% url 'product-detail' wish.product.id %}"><img src="{{wish.product.product_image.url}}" alt="wish.product.product_image" width="100"></a></td>
                <td><a href="{% url 'product-detail' wish.product.id %}">{{wish}}</a></td>
                {% comment %} <td><a href="{% url 'WishOrNot' wish.product.id %}">Remove</a></td> {% endcomment %}
            </tr>
            
            {% empty %}
            <tr>
                <th colspan="3" class="text-center">No Wish</th>
            </tr>
            {% endfor %}
        </tbody>

      </table>
    </div>
  </div>


{% endblock content%}