{% extends 'layout.html.twig' %}

{% set seo_entity = type %}

{% block content %}
    <div class="page container">
        <div class="page-content" role="main">
            <h1 class="page-title">{{ type.title }}</h1>

            <div class="products">
                {% for category in type.productCategories() %}
                    {% if category.published and category.countPublishedProducts > 0 %}
                        <article class="products-item">
                            <a href="{{ product_index_path(category) }}">
                                <div class="products-item-img">
                                    <img src="{{ category.gridImage ? category.gridImage.publicUrl }}" width="300" height="200" alt="{{ category.gridImage ? category.gridImage.altText }}">
                                </div>
                                <div class="products-item-content">
                                    <h3 class="products-item-title">{{ category.title }}</h3>
                                </div>
                            </a>
                        </article>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}