{{ template "header" . }}

<div class="meta-info">
    <table style="border: none; margin-bottom: 15px;">
        <tr>
            <td style="border: none; padding: 0 10px 0 0;"><strong>Cutoff:</strong> {{ .CutoffDate }}</td>
            <td style="border: none; padding: 0 10px 0 0;"><strong>Search Query:</strong> {{ if .Search }}{{ .Search }}{{ else }}All Records{{ end }}</td>
            <td style="border: none; padding: 0 10px 0 0;"><strong>Total Data:</strong> {{ .DataCount }} rows</td>
        </tr>
    </table>
</div>

<table>
    <thead>
        <tr>
            <th style="width: 3%;">No</th>
            <th style="width: 12%;">PSO No.</th>
            <th style="width: 8%;">Date</th>
            <th style="width: 12%;">PO No.</th>
            <th style="width: 15%;">Customer</th>
            <th style="width: 6%;">TOP</th>
            <th style="width: 6%;">Disc</th>
            <th style="width: 6%;">Curr</th>
            <th style="width: 12%;">Amount</th>
            <th style="width: 5%;">Days</th>
            <th style="width: 15%;">Remark</th>
        </tr>
    </thead>
    <tbody>
        {{ if .Records }}
            {{ range $index, $item := .Records }}
            <tr>
                <td class="text-center">{{ add $index 1 }}</td>
                <td>{{ $item.PsoNo }}</td>
                <td class="text-center">{{ formatDate $item.PsoDate }}</td>
                <td>{{ $item.PoNo }}</td>
                <td>{{ $item.CustomerName }}</td>
                <td class="text-center">{{ $item.TOP }}</td>
                <td class="text-center">{{ $item.Discount }}</td>
                <td class="text-center">{{ $item.Currency }}</td>
                <td class="text-right">{{ formatCurrency $item.Amount }}</td>
                <td class="text-center">{{ $item.Days }}</td>
                <td>{{ $item.Remark }}</td>
            </tr>
            {{ end }}
            <tr style="background-color: #f8fafc; font-weight: bold;">
                <td colspan="8" class="text-right">GRAND TOTAL</td>
                <td class="text-right">{{ formatCurrency .TotalAmount }}</td>
                <td colspan="2"></td>
            </tr>
        {{ else }}
            <tr>
                <td colspan="11" class="text-center">No outstanding records found.</td>
            </tr>
        {{ end }}
    </tbody>
</table>

{{ template "footer" . }}