{% block swkweb_pseudovariant_variant_selection_button_container %}
    <div class="product-detail-pseudovariants-pseudovariant-container">
        {% block swkweb_pseudovariant_variant_selection_button %}
            {% for pseudovariant in pseudovariantGroup.pseudovariants %}
                {% if not pseudovariant.mainPseudovariantMapping or pseudovariantGroup.isMainPseudovariantBuyable %}
                    {% set showPseudovariant = not config('core.listing.hideCloseoutProductsWhenOutOfStock') or pseudovariant.product.available %}

                    {% if showPseudovariant %}
                        {% set pseudovariantName = pseudovariant.translated.name ?: pseudovariant.product.translated.name %}

                        {% set pseudovariantClasses = ['product-detail-pseudovariants-pseudovariant'] %}
                        {% if pseudovariant.productId in [page.product.id, page.product.parentId] %}
                            {% set pseudovariantClasses = pseudovariantClasses|merge(['is-selected']) %}
                        {% endif %}

                        {% if pseudovariant.product.availableStock >= pseudovariant.product.minPurchase %}
                            {% set pseudovariantClasses = pseudovariantClasses|merge(['is-available']) %}
                        {% elseif pseudovariant.product.availableStock < pseudovariant.product.minPurchase %}
                            {% if pseudovariant.product.isCloseout %}
                                {% set pseudovariantClasses = pseudovariantClasses|merge(['is-sold-out']) %}
                            {% else %}
                                {% set pseudovariantClasses = pseudovariantClasses|merge(['is-unavailable']) %}
                            {% endif %}
                        {% endif %}

                        {% block swkweb_pseudovariant_variant_selection_button_link %}
                            <a href="{{ seoUrl('frontend.detail.page', {productId: pseudovariant.product.id}) }}"
                               class="{{ pseudovariantClasses|join(' ') }}"
                               title="{{ pseudovariantName }}">
                                {% block swkweb_pseudovariant_variant_selection_button_link_content %}
                                    {{ pseudovariantName }}
                                {% endblock %}
                            </a>
                        {% endblock %}
                    {% endif %}
                {% endif %}
            {% endfor %}
        {% endblock %}
    </div>
{% endblock %}