{% extends "base_generic.html" %}
{% load tags %}

{% block content %}

<div class="container-fluid">
    {% if user.is_superuser %}

<h3 style="margin-top: 10px">Products Overview </h3>

<form class="form-inline" method="POST"> {% csrf_token %}
 <table class="table table-sm table-hover">

     <thead class="">
    <tr>
        <th scope="col"></th>
        <th scope="col"> Product</th>
        <th scope="col"> Category</th>
        <th scope="col"> Public</th>
        <th scope="col"> Editable </th>
        <th scope="col"> submitted</th>

    </tr>
    {% for Product in Product_list %}
    <tr class=""   >
        <td  scope="col"><img src="{{Product.media_set.first.image_small.url}}"  width="50" height="50" alt="{{ Product.pk }}"> </td>
        <td  scope="col"> <a href="{% url 'product-detail' Product.pk %}">   {{Product.name|upper }} </a></td>
         <td scope="col">
        {% for category in Product.category.all %}
        {{category.short_name}}{% if not forloop.last %} | {% endif %}
             {% endfor %}
        </td>
        <td scope="col">
    <input type="checkbox" class="form-check-input check" id="{{ Product.pk }}.public" name="{{ Product.pk }}.public" {% if Product.public %}checked="checked"{% endif %}>
  </td>
        <td scope="col">
    <input type="checkbox" class="form-check-input check" id="{{ Product.pk }}.edit" name="{{ Product.pk }}.edit" {% if Product.edit %}checked="checked"{% endif %}>
 </td>
        <td scope="col"> {{Product.sumbitted}} </td>

    </tr>
    {% endfor %}




 </table>
    <button  class="btn border-dark rounded-0 mybtn" type="submit">Submit </button>
</form>

    {% else %}
    <p>You are not authorized to view this page. </p>
{% endif %}
{% endblock %}

