{#
 # Catalog Ordering / Sort Dropdown (Bootstrap 5 Override)
 #
 # Renders the product sort-by dropdown as a Bootstrap 5 form-select.
 #
 # Expected context:
 #   catalog_orderby_options - Associative array of { value: label } sort options
 #   orderby                - Currently selected orderby value
 #   use_label              - Whether to display a label (boolean)
 #
 # WooCommerce PHP equivalent: loop/orderby.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

<form class="woocommerce-ordering d-inline-block" method="get">
    {% if use_label is defined and use_label %}
        <label for="woocommerce-orderby" class="form-label visually-hidden">
            {{ __('Sort by') }}
        </label>
    {% endif %}

    <select name="orderby"
            id="woocommerce-orderby"
            class="form-select form-select-sm"
            aria-label="{{ __('Shop order') }}"
            onchange="this.form.submit()">
        {% if catalog_orderby_options is defined %}
            {% for value, label in catalog_orderby_options %}
                <option value="{{ value|esc_attr }}"{% if value == orderby %} selected{% endif %}>
                    {{ label|esc_html }}
                </option>
            {% endfor %}
        {% endif %}
    </select>

    <input type="hidden" name="paged" value="1" />
    {{ wc_query_string_form_fields() }}
</form>