{#
 # Checkout Coupon Form (Bootstrap 5 Override)
 #
 # Collapsible coupon code input on the checkout page.
 #
 # WooCommerce PHP equivalent: checkout/form-coupon.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{% if wc_coupons_enabled() %}
    <div class="woocommerce-form-coupon-toggle mb-4">
        <div class="alert alert-info d-flex align-items-center" role="status">
            <i class="bi bi-tag me-2" aria-hidden="true"></i>
            {{ __('Have a coupon?') }}
            <a href="#checkoutCoupon"
               class="ms-1 alert-link"
               data-bs-toggle="collapse"
               role="button"
               aria-expanded="false"
               aria-controls="checkoutCoupon">
                {{ __('Click here to enter your code') }}
            </a>
        </div>
    </div>

    <div class="collapse mb-4" id="checkoutCoupon">
        <form class="checkout_coupon woocommerce-form-coupon" method="post">
            <div class="input-group">
                <input type="text"
                       name="coupon_code"
                       class="form-control"
                       id="coupon_code_checkout"
                       placeholder="{{ __('Coupon code') }}" />
                <button type="submit"
                        class="btn btn-outline-secondary"
                        name="apply_coupon"
                        value="{{ __('Apply coupon') }}">
                    {{ __('Apply coupon') }}
                </button>
            </div>
        </form>
    </div>
{% endif %}