{# status_badge.html #}
{% comment %}
Usage examples:
1. Basic: {% include 'components/status_badge.html' with status=request.status color=request.get_status_color %}
2. With text: {% include 'components/status_badge.html' with status=request.status color=request.get_status_color text=request.get_status_display %}
3. With icon: {% include 'components/status_badge.html' with status=request.status color=request.get_status_color icon_class='fas fa-clock' %}
{% endcomment %}

<span class="badge badge-{{ color|default:'secondary' }}">
    {% if not icon_class %}
        {% if color == 'success' %}
            <i class="fas fa-check me-1"></i>
        {% elif color == 'warning' %}
            <i class="fas fa-clock me-1"></i>
        {% elif color == 'danger' %}
            <i class="fas fa-times me-1"></i>
        {% else %}
            <i class="fas fa-info me-1"></i>
        {% endif %}
    {% else %}
        <i class="{{ icon_class }} me-1"></i>
    {% endif %}
    {{ text|default:status }}
</span>