{% extends 'theme/base.html' %}
{% load static i18n %}

{% block main %}
  {% include 'components/generic/navbar.html' %}
  <div class="mt-24">
    {% include 'components/products/list_filters.html' %}
    <section
      class="px-8"
      hx-get="
        {% url 'web:list_products' %}{% querystring request.GET %}{% if filter_by_category %}{% querystring category=category.id %}{% endif %}"
      hx-trigger="load"
      hx-target="#products"
      hx-swap="innerHTML"
    >
        <section id="products">
          <div class="flex justify-center items-center">
            {% include 'components/generic/spinner.html' %}
          </div>
        </section>

        <div class="w-full text-center">
        </div>
      </div>
    </section>
  </div>
{% endblock %}