<div class="invoice-table-template">
    <table>
        <tbody>
            <tr>
                <td colspan="9" style="text-align:center;"><span>{{invoice.invoiceName}}</span></td> 
            </tr>
            <tr>
                <td colspan="9" style="text-align:center;"><span translate="InvoiceDisplay"></span></td>
            </tr>
            <tr>
                <td colspan="2"><span translate="InvoiceFPDMQuery"></span></td>
                <td class=""><span>{{invoice.invoiceCode}}</span></td>
                <td colspan="2" class=""></td>
                <td ><span translate="InvoiceNumberColon"></span></td>
                <td class=""><span>{{invoice.invoiceNumber}}</span></td>
                <td colspan="2" class="">
                    <span translate="InvoiceDateColon"></span>
                    <span>{{invoice.invoiceDate}}</span>
                </td>
            </tr>
            <tr>
                <td rowspan="4" class="colun-thin"><span translate="Buyer"></span></td>
                <td><span translate="NameColon"></span></td>
                <td colspan="5">{{invoice.buyerName}}</td>
                <td colspan="2" rowspan="4"></td>
            </tr>
            <tr>
                <td><span translate="TaxpaperIDColon"></span></td>
                <td colspan="5">{{invoice.buyerTaxNumber}}</td>
            </tr>
            <tr>
                <td><span translate="AddressPhoneColon"></span></td>
                <td colspan="5">{{invoice.buyerAddress}}&nbsp;&nbsp;{{invoice.buyerPhone}}</td>
            </tr>
            <tr>
                <td><span translate="BankAndAccountColon"></span></td>
                <td colspan="5">{{invoice.buyerBankName}}&nbsp;&nbsp;{{invoice.buyerBankAccountNumber}}</td>
            </tr>
            <tr>
                <td colspan="2"><span translate="ProductAndService"></span></td>
                <td><span translate="Specifications"></span></td>
                <td><span translate="Unit"></span></td>
                <td><span translate="Quantity"></span></td>
                <td><span translate="UnitPrice"></span></td>
                <td><span translate="Amount"></span></td>
                <td><span translate="TaxRate"></span></td>
                <td><span translate="TaxAmount"></span></td>                            
            </tr>

            <tr ng-repeat="item in :: invoice.items">
                <td colspan="2"><span title="{{item.productionName}}">{{item.productionName|limitString:16}}</span></td>
                <td><span>{{item.specification}}</span></td>
                <td><span>{{item.unit}}</span></td>
                <td><span>{{item.quantity}}</span></td>
                <td><span>{{item.unitPrice|currency:"4"}}</span></td>
                <td><span>{{item.amount|currency:""}}</span></td>
                <td><span>{{item.taxRate.formatRate()}}</span></td>
                <td><span>{{item.taxAmount|currency:""}}</span></td>
            </tr>
            <tr>
                <td  colspan="2"><span translate="Subtotal"></span></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td><span>{{item.amount|currency:""}}</span></td>
                <td></td>
                <td><span>{{item.taxAmount|currency:""}}</span></td>
            </tr>
            <tr>
                <td colspan="2"><span translate="AmountTotalUpper"></span></td>
                <td colspan="4"><span>{{invoice.totalPriceUpperCase}}</span></td>
                <td><span translate="AmountTotalLower"></span></td>
                <td colspan="2"><span>{{invoice.totalPriceLowerCase|currency:"" }}</span></td>
            </tr>

            <tr>
                <td rowspan="4" class="colun-thin"><span translate="Seller"></span></td>
                <td><span translate="NameColon"></span></td>
                <td colspan="3">{{invoice.sellerName}}</td>
                <td  rowspan="4"><span translate="Memo"></span></td>
                <td  colspan="3" rowspan="4">{{invoice.remark}}</td>
            </tr>
            <tr>
                <td><span translate="TaxpaperIDColon"></span></td>
                <td colspan="3">{{invoice.sellerTaxNumber}}</td>
            </tr>
            <tr>
                <td><span translate="AddressPhoneColon"></span></td>
                <td colspan="3">{{invoice.sellerAddress}}&nbsp;&nbsp;{{invoice.sellerPhone}}</td>
            </tr>
            <tr>
                <td><span translate="BankAndAccountColon"></span></td>
                <td colspan="3">{{invoice.sellerBankName}}&nbsp;&nbsp;{{invoice.sellerBankAccountNumber}}</td>
            </tr>
        </tbody>
    </table>
</div>