{% extends 'shop/base.html' %}
{% block title %}Our Products - Nana Tradings{% endblock %}

{% block content %}
<div class="container my-5">
    <div class="row">
        <!-- 🛒 Sidebar Filters -->
        <div class="col-md-3">
            {% include 'shop/filters.html' %}
        </div>

        <!-- 🎯 Product Listings -->
        <div class="col-md-9">
            <!-- ✅ Search & Sorting Row (Side by Side) -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <div class="flex-grow-1">{% include 'shop/live_search.html' %}</div>
                <div class="ms-3">{% include 'shop/sort_options.html' %}</div>
            </div>

            {% include 'shop/product_comparison.html' %}
            {% include 'shop/featured_products_shop.html' %}
            {% include 'shop/lazy_load.html' %}
        </div>
    </div>
</div>

{% endblock %}