{% block swkweb_pseudovariant_variant_selection_select_bootstrap_container %}
    <div class="product-detail-pseudovariants-pseudovariant-container product-detail-pseudovariants-pseudovariant-select-bootstrap">
        {% block swkweb_pseudovariant_variant_selection_select_bootstrap %}
            <div class="dropdown">
                {% if pseudovariantMapping.isMainPseudovariant and not pseudovariantGroup.isMainPseudovariantBuyable %}
                    {% set selectedPseudovariantName = 'swkweb-pseudovariants.detail.dropdown.button-choose'|trans %}
                {% else %}
                    {% set selectedPseudovariant = pseudovariantGroup.pseudovariants.getByProductId(
                        page.product.id,
                        page.product.parentId
                    ) %}

                    {% set selectedPseudovariantName = selectedPseudovariant.translated.name ?: page.product.translated.name %}
                {% endif %}

                {% block swkweb_pseudovariant_variant_selection_select_bootstrap_button %}
                    <a class="btn btn-outline-primary dropdown-toggle" type="button" id="pseudovariants-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {{ selectedPseudovariantName }}
                    </a>
                {% endblock %}

                {% block swkweb_pseudovariant_variant_selection_select_bootstrap_dropdown_menu %}
                    <div class="dropdown-menu" aria-labelledby="pseudovariants-dropdown">
                        {% for pseudovariant in pseudovariantGroup.pseudovariants %}
                            {% set showPseudovariant = not config('core.listing.hideCloseoutProductsWhenOutOfStock') or pseudovariant.product.available %}
                            {% set showPseudovariant = showPseudovariant and (pseudovariantGroup.mainPseudovariantBuyable or pseudovariant.id != pseudovariantGroup.mainPseudovariantId) %}

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

                                    {% set pseudovariantClasses = ['dropdown-item'] %}
                                    {% if 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_select_bootstrap_dropdown_menu_item_link %}
                                        <a class="{{ pseudovariantClasses|join(' ') }}"
                                           href="{{ seoUrl('frontend.detail.page', {productId: pseudovariant.product.id}) }}">
                                            {{ pseudovariantName }}
                                        </a>
                                    {% endblock %}
                                {% endif %}
                            {% endblock %}
                        {% endfor %}
                    </div>
                {% endblock %}
            </div>
        {% endblock %}
    </div>
{% endblock %}