{#
 # Status Badge Component (Bootstrap 5)
 #
 # Reusable order/payment status badge with contextual colors.
 #
 # Expected context:
 #   status - Status slug (e.g., 'completed', 'processing', 'on-hold', 'cancelled', 'failed', 'refunded', 'pending')
 #   label  - Display label (optional, defaults to status name via wc_get_order_status_name)
 #
 # Usage:
 #   {% include 'components/status-badge.html.twig' with { status: order.get_status() } %}
 #   {% include 'components/status-badge.html.twig' with { status: 'completed', label: 'Done' } %}
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{% set display_label = label|default(wc_get_order_status_name(status)) %}

{% if status == 'completed' %}
    <span class="badge text-bg-success">{{ display_label|esc_html }}</span>
{% elseif status == 'processing' %}
    <span class="badge text-bg-primary">{{ display_label|esc_html }}</span>
{% elseif status == 'on-hold' or status == 'pending' %}
    <span class="badge text-bg-warning">{{ display_label|esc_html }}</span>
{% elseif status == 'cancelled' or status == 'failed' or status == 'refunded' %}
    <span class="badge text-bg-danger">{{ display_label|esc_html }}</span>
{% else %}
    <span class="badge text-bg-secondary">{{ display_label|esc_html }}</span>
{% endif %}