{% block swkweb_pseudovariant_variant_selection_select_standard_container %}
    <div class="product-detail-pseudovariants-pseudovariant-container product-detail-pseudovariants-pseudovariant-select-standard">
        {% block swkweb_pseudovariant_variant_selection_select_standard %}
            <select name="{{ page.product.name }}" class="form-select swkweb-pseudovariants-select">
                {% if pseudovariantMapping.isMainPseudovariant and not pseudovariantMapping.pseudovariantGroup.mainPseudovariantBuyable %}
                    <option value="" disabled selected>
                        {{ 'swkweb-pseudovariants.detail.dropdown.button-choose'|trans }}
                    </option>
                {% endif %}

                {% for pseudovariant in pseudovariantGroup.pseudovariants %}
                    {% if pseudovariant.id != pseudovariantMapping.pseudovariantGroup.mainPseudovariantId or pseudovariantMapping.pseudovariantGroup.mainPseudovariantBuyable %}
                        {% set showPseudovariant = not config('core.listing.hideCloseoutProductsWhenOutOfStock') or pseudovariant.product.available %}
                        {% if showPseudovariant %}
                            {% set pseudovariantName = pseudovariant.translated.name ?: pseudovariant.product.translated.name %}
                            {% set pseudovariantBuyable = not config('core.listing.hideCloseoutProductsWhenOutOfStock') or pseudovariant.product.available %}

                            {% if pseudovariant.productId in [page.product.id, page.product.parentId] %}
                                {% set selected = true %}
                            {% else %}
                                {% set selected = false %}
                            {% endif %}

                            <option value="{{ seoUrl('frontend.detail.page', {productId: pseudovariant.product.id}) }}" data-href="{{ seoUrl('frontend.detail.page', {productId: pseudovariant.product.id}) }}" {% if selected %} selected="selected"{% endif %}>
                                {{ pseudovariantName }}
                            </option>
                        {% endif %}
                    {% endif %}
                {% endfor %}
            </select>
        {% endblock %}
    </div>
{% endblock %}