{% for payment in payments %}
<tr>
    <td>
        <strong>{{ payment.payment_number }}</strong>
        {% if payment.check_number %}
            <br><small class="text-muted">Check: {{ payment.check_number }}</small>
        {% endif %}
        {% if payment.authorization_code %}
            <br><small class="text-muted">Auth: {{ payment.authorization_code }}</small>
        {% endif %}
    </td>
    <td>
        <a href="{% url 'billing:bill_detail' payment.medical_bill.bill_id %}" class="text-decoration-none">
            {{ payment.medical_bill.bill_number }}
        </a>
    </td>
    <td>
        <div>
            <strong>{{ payment.medical_bill.patient.get_full_name }}</strong><br>
            <small class="text-muted">MRN: {{ payment.medical_bill.patient.mrn }}</small>
        </div>
    </td>
    <td>{{ payment.payment_date|date:"M d, Y" }}</td>
    <td>
        <strong class="text-success">${{ payment.payment_amount|floatformat:2 }}</strong>
        {% if payment.refund_amount > 0 %}
            <br><small class="text-warning">Refund: ${{ payment.refund_amount|floatformat:2 }}</small>
        {% endif %}
    </td>
    <td>
        <span class="badge bg-secondary">{{ payment.get_payment_method_display }}</span>
        {% if payment.card_type and payment.card_last_four %}
            <br><small class="text-muted">{{ payment.card_type }} ****{{ payment.card_last_four }}</small>
        {% endif %}
    </td>
    <td>
        <span class="badge bg-info">{{ payment.get_payment_source_display }}</span>
        {% if payment.insurance_claim %}
            <br><small class="text-muted">Claim: {{ payment.insurance_claim.claim_number }}</small>
        {% endif %}
    </td>
    <td>
        {% if payment.status == 'PENDING' %}
            <span class="badge bg-warning">Pending</span>
        {% elif payment.status == 'PROCESSED' %}
            <span class="badge bg-success">Processed</span>
        {% elif payment.status == 'CLEARED' %}
            <span class="badge bg-success">Cleared</span>
        {% elif payment.status == 'BOUNCED' %}
            <span class="badge bg-danger">Bounced</span>
        {% elif payment.status == 'REVERSED' %}
            <span class="badge bg-warning">Reversed</span>
        {% elif payment.status == 'REFUNDED' %}
            <span class="badge bg-info">Refunded</span>
        {% endif %}
        {% if payment.deposit_date %}
            <br><small class="text-muted">Deposited: {{ payment.deposit_date|date:"M d" }}</small>
        {% endif %}
    </td>
    <td>
        <div>
            <strong>{{ payment.received_by.get_full_name|default:"System" }}</strong>
            {% if payment.processed_by and payment.processed_by != payment.received_by %}
                <br><small class="text-muted">Processed by: {{ payment.processed_by.get_full_name }}</small>
            {% endif %}
        </div>
    </td>
    <td>
        {% if payment.bank_name %}
            <small class="text-muted">Bank: {{ payment.bank_name }}</small><br>
        {% endif %}
        {% if payment.transaction_id %}
            <small class="text-muted">TXN: {{ payment.transaction_id|truncatechars:15 }}</small><br>
        {% endif %}
        {% if payment.eob_number %}
            <small class="text-muted">EOB: {{ payment.eob_number }}</small><br>
        {% endif %}
        {% if payment.notes %}
            <small class="text-muted">{{ payment.notes|truncatechars:30 }}</small>
        {% endif %}
    </td>
</tr>
{% empty %}
<tr>
    <td colspan="10" class="text-center py-4">
        <div class="text-muted">
            <i class="fas fa-credit-card fa-3x mb-3"></i>
            <p>No payments found.</p>
        </div>
    </td>
</tr>
{% endfor %}