{% extends "base.html" %}

{% block page_title %}Products{% endblock %}

{% block head %}
{% if user and user.role == "admin" %}
{% endif %}
{% endblock %}

{% block content %}

<div class="mx-auto w-full max-w-screen-2xl py-4 pr-4 catalog-all-products-page sm:px-6 sm:py-6">
    <div class="catalog-all-products-layout">
        <aside id="catalog-all-products-subcats" class="catalog-subcats-sidebar is-empty" aria-label="Subcategories"></aside>
        <div class="catalog-all-products-main">
            <div class="plugin-block-placeholder" data-plugin-block-id="catalog-search-bar"></div>
            <div class="plugin-block-placeholder" data-plugin-block-id="catalog-breadcrumbs"></div>
            <div class="plugin-block-placeholder" data-plugin-block-id="catalog-category-nav"></div>
            <div class="plugin-block-placeholder" data-plugin-block-id="catalog-product-grid"
                data-block-config='{"title": "Products", "columns": "{{ plugin_settings.products_per_row_desktop | default(value="auto") }}", "limit": 12, "showDescription": false, "useUrlParams": true, "storefrontCards": true}'>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
{% if user and user.role == "admin" %}
<script src="/static/js/blocks-admin-modal.js?v={{ asset_version | default(value='1') }}" defer></script>
{% endif %}
{% endblock %}