{% extends 'base.html' %}
{% load static %}
{% block content %}

   <!-- Breadcrumb Start-->
    <section class="breadcrumb"><img class="img-fluid img-src" src="{% static 'main/assets/images/herointro/3.webp' %}" alt="herointro image">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="breadcrumb-contain">
                        <h1 data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">wishlist</h1>
                        <ul data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                            <li><a href="index.html">Home<i class="bi bi-chevron-right"></i></a></li>
                            <li><a href="contact.html">wishlist</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcrumb end-->
    <!-- wishlist start-->
    <section class="space-py-100 cdxshopping-cart">
        <div class="container">
            <div class="grid grid-cols-12">
                <div class="col-span-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="overflow-x-auto">
                                <table class="table cart-tbl">
                                    <thead>
                                        <tr>
                                            <th class="text-primary fs-16">Product</th>
                                            <th class="text-primary fs-16">Product name </th>
                                            <th class="text-primary fs-16">Price</th>
                                            <th class="text-primary fs-16">Stock Status</th>
                                            <th class="text-primary fs-16">Add to cart</th>
                                            <th class="text-primary fs-16">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="product-imgwrap"><img class="img-fluid" src="{% static 'main/assets/images/course/1.webp' %}" alt=""></div>
                                            </td>
                                            <td><a href="productno-filter.html">Learn Python: The Complete Python Programming Course</a></td>
                                            <td>$356</td>
                                            <td><span>in stock </span></td>
                                            <td><a class="btn btn-primary btn-sm" href="cart.html">Add to cart</a></td>
                                            <td>
                                                <div class="cart-action"><a class="delete" href="javascript:void(0)"> <i data-feather="trash-2"></i></a></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="product-imgwrap"><img class="img-fluid" src="{% static 'main/assets/images/course/2.webp' %}" alt=""></div>
                                            </td>
                                            <td> <a href="productno-filter.html">Photoshop Master Course: From Beginner To Photoshop Pro</a></td>
                                            <td>$150</td>
                                            <td><span>in stock </span></td>
                                            <td> <a class="btn btn-primary btn-sm" href="cart.html">Add to cart</a></td>
                                            <td>
                                                <div class="cart-action"><a class="delete" href="javascript:void(0)"> <i data-feather="trash-2"></i></a></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="product-imgwrap"><img class="img-fluid" src="{% static 'main/assets/images/course/3.webp' %}" alt=""></div>
                                            </td>
                                            <td> <a href="productno-filter.html">Data Science And Machine Learning Bootcamp With R</a></td>
                                            <td>$220</td>
                                            <td><span>in stock </span></td>
                                            <td> <a class="btn btn-primary btn-sm" href="cart.html">Add to cart</a></td>
                                            <td>
                                                <div class="cart-action"><a class="delete" href="javascript:void(0)"> <i data-feather="trash-2"></i></a></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="product-imgwrap"><img class="img-fluid" src="{% static 'main/assets/images/course/4.webp' %}" alt=""></div>
                                            </td>
                                            <td> <a href="productno-filter.html">User Experience (UX): The Ultimate Guide To Usability And UX</a></td>
                                            <td>$300</td>
                                            <td><span>in stock </span></td>
                                            <td> <a class="btn btn-primary btn-sm" href="cart.html">Add to cart</a></td>
                                            <td>
                                                <div class="cart-action"><a class="delete" href="javascript:void(0)"> <i data-feather="trash-2"></i></a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- wishlist end-->

{% endblock %}
