{% 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>Journal Voucher - {{ ref_no|format_ref_no }}</h4>

    <table class="table table-bordered table-sm mt-3">
        <thead class="table-dark">
            <tr>
                <th>Account No</th>
                <th>Description</th>
                <th>Vendor</th>
                <th>Contract No</th>
                <th>Invoice No</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.acct_no|format_acct_no }} -
                    {{ account_map.j.acct_no }}
                </td>
                <td>{{ j.descript }}</td>
                <td>{{ j.vendorcode }} - {{ vendorname }}</td>
                <td>{{ j.contractno }}</td>
                <td>{{ j.invno }}</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 %}