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

<div class="container my-5">
    <div class="row">
        <col-sm-8>
        <div class="row">
            {% for productdetail in product %}
            <div class="col-sm-4 text-center mb-4 hover-shadow">
                    <a href="{% url 'product-detail' productdetail.id %}" class="btn">
                        <div>
                            <img src="{{productdetail.product_image.url}}" alt="" width="300px" height="200px" />
                            <div class="fw-bold">{{productdetail.title}}</div>
                            <div class="fw-bold text-danger">
                                Rs.{{productdetail.selling_price}}/-
                                <small class="fw-light text-decotration-line-through">{{productdetail.discount}}</small>
                            </div>
                        </div>
                    </a>
                </div>
            {% empty %}
            <center>No Result Match</center>
            {% endfor %}
        </div>
    </col-sm-8>
    </div>
</div>
                                {% endblock content %}