{% load i18n %}
{% if payment_info %}
    <dl class='dl-horizontal'>
        <dt>{% trans "Request ID" %}</dt>
        <dd>
            <span id="{{ payment_info.payment_id }}_request_id" class="text-muted">{{ payment_info.x_request_id }}</span>  
            <button type="button" class="btn btn-default btn-xs btn-clipboard js-only" data-clipboard-target="#{{ payment_info.payment_id }}_request_id" data-original-title="" title="">
                <i class="fa fa-clipboard" aria-hidden="true"></i>
                <span class="sr-only">{% trans "Copy to clipboard" %}</span>
            </button>      
        </dd>

        <dt>{% trans "Order ID" %}</dt>
        <dd>
            <span id="{{ payment_info.payment_id }}_order_id" class="text-muted">{{ payment_info.order_id }}</span>  
            <button type="button" class="btn btn-default btn-xs btn-clipboard js-only" data-clipboard-target="#{{ payment_info.payment_id }}_order_id" data-original-title="" title="">
                <i class="fa fa-clipboard" aria-hidden="true"></i>
                <span class="sr-only">{% trans "Copy to clipboard" %}</span>
            </button>   
        </dd>

        <dt>{% trans "Updated At" %}</dt>
        <dd>{{ payment_info.updated_at }}</dd>
        
        <dt>{% trans "Status" %}</dt>
        <dd>
            {% if payment_info.order_status == "ACTIVE" %}
                <span class="label label-info">{{ payment_info.order_status|lower }}</span>
            {% elif payment_info.order_status == "PAID" %}
                <span class="label label-success">{{ payment_info.order_status|lower }}</span>
            {% elif order_status == "TERMINATED" %}
                <span class="label label-danger">{{ payment_info.order_status|lower }}</span>
            {% elif payment_info.order_status == "EXPIRED" %}
                <span class="label label-default">{{ payment_info.order_status|lower }}</span>
            {% elif payment_info.order_status == "TERMINATION_REQUESTED" %}
                <span class="label label-warning">{{ payment_info.order_status|lower }}</span>
            {% else %}
                <span class="label label-default">{{ payment_info.order_status|lower }}</span>
            {% endif %}
        </dd>    
    </dl>
{% endif %}