{% extends 'base.html' %}
{% block content %}
{% load cart %}
<!--body -->
<div class="container-fluid mt-3">
<div class="row">
<!--filters-->
<div class="col-lg-3 mx-auto">
<div class="list-group">
<a href="/" class="list-group-item list-group-item-action ">ALL Products</a>
{% for category in categories %}
<a href="/?category={{
category.id}}" class="list-group-item list-group-item-action ">{{
category.name}}</a>
{% endfor %}
</div>
</div>
<!-- all products-->
<div id="products" class="col-lg-9 mx-auto">
<div class="row mx-auto">
{% for product in products %}
<div class="card mx-auto mb-3" style="width: 18rem;">
<img src="{{product.image.url}}" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-title">{{
product.name}}</p>
<p class="card-text"><b>{{product.price}}</b></p>
{{ product|is_in_cart:request.session.cart }}
</div>
<div class="card-footer p-0 no-gutters">
{% if product|is_in_cart:request.session.cart %}
<div class="row no-gutters" >
<form action="/" method="post" class="col-2">
{% csrf_token %}
<input hidden type="text" value="{{
product.id}}" name="product">
<input hidden type="text" name="remove" value="True">
<input type="submit" value="-" class="btn btn-block btn-light border-right">
</form>
<div class="text-center col">{{product|cart_quantity:request.session.cart}} in Cart</div>
<form action="/" method="post" class="col-2">
{% csrf_token %}
<input hidden type="text" value="{{
product.id}}" name="product">
<input type="submit" value="+" class="btn btn-block btn-light border-left">
</form>
</div>
{% else %}
<form action="/" method="POST" class="btn-block">
{% csrf_token %}
<input hidden type="text" value="{{
product.id}}" name="product">
<input class="float-right btn btn-light form-control" type="submit" value="Add To Cart">
</form>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endblock content %}