{% extends "finance/base.html" %}
{% load custom_filters %}

{% block content %}

<style>
    .table .table-dark th {
        background-color: rgb(80, 90, 97) !important;
        border-color: rgb(70, 80, 87);
    }
</style>

<div class="container-fluid mt-4">

    <h4>AP Detail - Vendor {{ vendorcode }}</h4>

    <table class="table table-bordered table-sm mt-3">
        <thead class="table-dark">
            <tr>
                <th>Invoice No</th>
                <th>Payable Ref</th>
                <th>Description</th>
                <th>Invoice Date</th>
                <th>Due Date</th>
                <th class="text-end">ORI Amount</th>
                <th class="text-end">USD Amount</th>
            </tr>
        </thead>
        <tbody>
            {% for j in journals %}
            <tr>
                <td>{{ j.invno }}</td>
                <td>
<a href="{% url 'ap_aging_journal_detail' j.header.ref_no %}">
    {{ j.header.ref_no|format_ref_no }}
</a>
                </td>
                <td>{{ j.descript }}</td>
                <td>{{ j.header.date|date:"d/m/Y" }}</td>
                <td>{{ j.due_date|date:"d/m/Y" }}</td>
                <td class="text-end">{{ j.oriamt|floatformat:2 }}</td>
                <td class="text-end">{{ j.usdamt|floatformat:2 }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="7" class="text-center">No Data</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}