{% load i18n %}

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">{% trans "Paystack Payment Details" %}</h3>
    </div>
    <div class="panel-body">
        <dl class="dl-horizontal">
            {% if info.paystack_reference %}
                <dt>{% trans "Reference" %}</dt>
                <dd><code>{{ info.paystack_reference }}</code></dd>
            {% endif %}
            
            {% if info.paystack_transaction_id %}
                <dt>{% trans "Transaction ID" %}</dt>
                <dd><code>{{ info.paystack_transaction_id }}</code></dd>
            {% endif %}
            
            {% if info.paystack_status %}
                <dt>{% trans "Status" %}</dt>
                <dd>
                    <span class="label {% if info.paystack_status == 'success' %}label-success{% elif info.paystack_status == 'failed' %}label-danger{% else %}label-warning{% endif %}">
                        {{ info.paystack_status|title }}
                    </span>
                </dd>
            {% endif %}
            
            {% if info.paystack_channel %}
                <dt>{% trans "Channel" %}</dt>
                <dd>{{ info.paystack_channel|title }}</dd>
            {% endif %}
            
            {% if info.paystack_gateway_response %}
                <dt>{% trans "Gateway Response" %}</dt>
                <dd>{{ info.paystack_gateway_response }}</dd>
            {% endif %}
            
            {% if info.paystack_paid_at %}
                <dt>{% trans "Paid At" %}</dt>
                <dd>{{ info.paystack_paid_at }}</dd>
            {% endif %}
            
            {% if info.paystack_currency and info.paystack_amount %}
                <dt>{% trans "Amount" %}</dt>
                <dd>{{ info.paystack_currency }} {{ info.paystack_amount|floatformat:2 }}</dd>
            {% endif %}
            
            {% if info.reconciled_at %}
                <dt>{% trans "Last Reconciled" %}</dt>
                <dd>{{ info.reconciled_at }}</dd>
            {% endif %}
        </dl>
        
        {% if info.paystack_transaction_id %}
            <div class="alert alert-info">
                <strong>{% trans "Paystack Dashboard" %}</strong><br>
                {% trans "You can view this transaction in your Paystack dashboard using the transaction ID above." %}
            </div>
        {% endif %}
    </div>
</div>