{{ template "header" . }}

<h2 class="text-center">{{ .Title }}</h2>
<h4 class="text-center">PER {{ .PerDate }}</h4>

<table style="width: 100%; margin-top: 15px;">
    <thead>
        <tr>
            <th style="width: 5%;">No</th>
            <th style="width: 12%;">NO PSO</th>
            <th style="width: 10%;">DATE</th>
            <th style="width: 12%;">NO PO</th>
            <th style="width: 20%;">NAMA CUSTOMER</th>
            <th style="width: 8%;">TOP</th>
            <th style="width: 8%;">DISC.</th>
            <th style="width: 8%;">CURR.</th>
            <th style="width: 17%;">AMOUNT</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>
            </tr>
            {{ end }}
        {{ else }}
            <tr>
                <td colspan="9" class="text-center">No records found.</td>
            </tr>
        {{ end }}
        <tr style="background-color: #f4f4f4; font-weight: bold;">
            <td colspan="8" class="text-center">Total</td>
            <td class="text-right">{{ formatCurrency .TotalAmount }}</td>
        </tr>
    </tbody>
</table>

<div style="margin-top: 30px;">
    <table class="grid-2" style="border: none;">
        <tr>
            <td class="col-half" style="border: none;">
                <strong>PENGIRIM</strong>
                <table style="border: none; margin-top: 5px;">
                    <tr><td style="border: none; padding: 2px;">Nama</td><td style="border: none; padding: 2px;">: Yenni Permata Sari</td></tr>
                    <tr><td style="border: none; padding: 2px;">Tanggal</td><td style="border: none; padding: 2px;">: {{ .PerDate }}</td></tr>
                    <tr><td style="border: none; padding: 2px;">TTD</td><td style="border: none; padding: 2px;">: ____________________</td></tr>
                </table>
            </td>
            <td class="col-half" style="border: none;">
                <br/>
                <table style="border: none; margin-top: 5px;">
                    <tr><td style="border: none; padding: 2px;">Nama</td><td style="border: none; padding: 2px;">: Astri / Indra</td></tr>
                    <tr><td style="border: none; padding: 2px;">Tanggal</td><td style="border: none; padding: 2px;">: {{ .PerDate }}</td></tr>
                    <tr>
                        <td style="border: none; padding: 2px;">TTD</td>
                        <td style="border: none; padding: 2px;">: ____________________ &nbsp; JAM: ______</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

<div style="margin-top: 20px;">
    <table class="grid-2" style="border: none;">
        <tr>
            <td class="col-half" style="border: none;">
                <strong>Mengetahui</strong>
                <table style="border: none; margin-top: 5px;">
                    <tr><td style="border: none; padding: 2px;">Nama</td><td style="border: none; padding: 2px;">: Akhmad Husairi</td></tr>
                    <tr><td style="border: none; padding: 2px;">Tanggal</td><td style="border: none; padding: 2px;">: {{ .PerDate }}</td></tr>
                    <tr><td style="border: none; padding: 2px;">TTD</td><td style="border: none; padding: 2px;">: ____________________</td></tr>
                </table>
            </td>
            <td class="col-half" style="border: none;">
                <br/>
                <table style="border: none; margin-top: 5px;">
                    <tr><td style="border: none; padding: 2px;">Nama</td><td style="border: none; padding: 2px;">: Martinda Taofik Akbar</td></tr>
                    <tr><td style="border: none; padding: 2px;">Tanggal</td><td style="border: none; padding: 2px;">: {{ .PerDate }}</td></tr>
                    <tr><td style="border: none; padding: 2px;">TTD</td><td style="border: none; padding: 2px;">: ____________________</td></tr>
                </table>
            </td>
        </tr>
    </table>
</div>

{{ template "footer" . }}