{#
 # Variation Templates (Bootstrap 5 Override)
 #
 # JavaScript templates (Underscore.js syntax) used by WooCommerce to render
 # variation details dynamically when a user selects product attributes.
 # These are script templates, not rendered server-side.
 #
 # WooCommerce PHP equivalent: single-product/add-to-cart/variation.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{% verbatim %}
<script type="text/template" id="tmpl-variation-template">
    <div class="woocommerce-variation-description mb-2">
        {{{ data.variation.variation_description }}}
    </div>
    <div class="woocommerce-variation-price mb-3">
        <span class="price fs-3 fw-bold">{{{ data.variation.price_html }}}</span>
    </div>
    <div class="woocommerce-variation-availability mb-2">
        {{{ data.variation.availability_html }}}
    </div>
</script>
{% endverbatim %}

<script type="text/template" id="tmpl-unavailable-variation-template">
    <p class="alert alert-warning mb-0" role="alert">
        {{ __('Sorry, this product is unavailable. Please choose a different combination.') }}
    </p>
</script>