<style>body { font-family: DejaVu Sans, sans-serif !important;}</style><meta charset="utf-8" />
<style>
    @page { margin: 5px 5px; }
    body { margin-bottom: 10px; font-family: DejaVu Sans, sans-serif; font-size: 10px; }
    #footer { height: 14px; font-size: 10px; text-align: left; }
    #footer .page:after { content: counter(page); }
    .table { border-collapse: collapse; width: 100%; text-align: center; }
    td, th { border: 1px solid black; padding:0px 5px; font-weight: normal; }
    .first_col { width: 5%; }
    .second_col { width: 25%; text-align: left; }
    .third_col { width: 10%; }
    .fourth_col { width: 10%; }
    .fiveth_col { width: 10%; }
    .sixth_col { width: 10%; }
    .seventh_col { width: 10%; }
    .eighth_col { width: 10%; }
    .nineth_col { width: 10%; }
    .custom_col { width: 25%;}
    .bigger-font{font-size:1.2em;}
</style>

<div id="body">
    [iai:if_invoice_logo_defined-begin]
    <p style="text-align: center"><img src="[iai:invoice_logo]" style="height: 100px;" /></p>
    [iai:if_invoice_logo_defined-end]
    <table class="table">
        <tr>
            <td style="text-align: left;"[iai:if_hide_sale_date_to_document-begin] colspan="3"[iai:if_hide_sale_date_to_document-end]><span style="font-size:14px;">[iai:document_title]</span></td>
            [iai:if_put_sale_date_to_document-begin]
            <td style="text-align: right; width: 20%">[iai:txt_issue_date_label]: </td>
            <td style="width: 20%"> [iai:now_date]</td>
            [iai:if_put_sale_date_to_document-end]
            <td rowspan="2"><b>[iai:order_id]</b><br />[iai:order_id_barcode_code39_image]<br /><b>[iai:order_number]</b></td>
        </tr>
        <tr>
            <td style="text-align: left; width: 40%;"><span style="font-size: 8px;">[iai:txt_order_number_label]</span><br /><b class="bigger-font">[iai:order_number]</b></td>
            <td style="text-align: right; width: 20%">
                [iai:if_put_sale_date_to_document-begin]
                [iai:txt_order_date_label]:
                [iai:if_put_sale_date_to_document-end]
                [iai:if_hide_sale_date_to_document-begin]
                [iai:txt_issue_date_label]:
                [iai:if_hide_sale_date_to_document-end]
            </td>
            <td style="width: 20%">
                [iai:if_put_sale_date_to_document-begin]
                [iai:order_date]
                [iai:if_put_sale_date_to_document-end]
                [iai:if_hide_sale_date_to_document-begin]
                [iai:now_date]
                [iai:if_hide_sale_date_to_document-end]
            </td>
        </tr>
    </table>
    <br /><br />
    <table style="text-align: center; width: 100%;">
        <tr>
            <td style="border: 0px; vertical-align: top;">
                <b>[iai:txt_seller_data_label]</b><br /><br />
                [iai:owner_name]<br />
                [iai:owner_address]<br />
                [iai:owner_zipcode] [iai:owner_city]<br />
                [iai:txt_vat_no_label]: [iai:owner_tax_id]
            </td>
            <td style="border: 0px; vertical-align: top">
                <b>[iai:txt_buyer_data_label]</b><br /><br />
                [iai:isset_client_company_name-begin]
                [iai:client_company_name]<br />
                [iai:isset_client_company_name-end]
                [iai:isset_client_name-begin]
                [iai:client_name] [iai:client_lastname]<br />
                [iai:isset_client_name-end]
                [iai:client_address]<br />
                [iai:client_zip] [iai:client_city]<br />
                [iai:if_client_vat_no_is_available-begin]
                [iai:txt_vat_no_label]: [iai:client_nip]<br />
                [iai:if_client_vat_no_is_available-end]
                [iai:if_client_phone_is_available-begin]
                <br />[iai:txt_phone_number_label]: [iai:client_phone]<br />
                [iai:if_client_phone_is_available-end]
                
            </td>
            <td style="border: 0px; vertical-align: top">
                [iai:if_courier_delivery_in_order_is_defined-begin]
                <b>[iai:txt_delivery_address_label]</b><br /><br />
                [iai:if_courier_delivery_in_order_is_defined-end]
                [iai:if_personal_collection_is_defined-begin]
                <b>[iai:txt_personal_collection_label]</b><br /><br />
                [iai:if_personal_collection_is_defined-end]
                [iai:deliveryaddr_company_name]<br/>
                [iai:deliveryaddr_firstname] [iai:deliveryaddr_lastname]<br />
                [iai:deliveryaddr_address]<br />
                [iai:deliveryaddr_zip] [iai:deliveryaddr_city]<br />
                [iai:deliveryaddr_country]
                [iai:isset_deliveryaddr_phone-begin]
                <br />[iai:txt_phone_number_label]:[iai:deliveryaddr_phone]
                [iai:isset_deliveryaddr_phone-end]
            </td>
        </tr>
    </table>
    <br /><br />
    <div  style="margin-left: 5px; width: 500px; text-align: left;">
        [iai:if_bank_account_is_defined-begin]
        [iai:txt_bank_account_label]: [iai:shop_accountnumber]<br />
        [iai:if_bank_account_is_defined-end]
        [iai:if_bank_name_is_defined-begin]
        [iai:txt_bank_label]: [iai:shop_bankname]<br />
        [iai:if_bank_name_is_defined-end]
        [iai:if_swift_is_available-begin]
        [iai:txt_swift_bic_label]: [iai:shop_swift]<br />
        [iai:if_swift_is_available-end]
        [iai:txt_payment_type_label]: [iai:payform_name]<br />
        [iai:if_invoice_duedate_is_defined-begin]
        [iai:txt_payment_date_label]: [iai:invoice_duedate]<br />
        [iai:if_invoice_duedate_is_defined-end]
    </div>
    <br />
    <table class="table">
        <tr>
            <th class="first_col">
            </th>
            <th class="second_col" style="text-align: center;">[iai:txt_product_name_label]</th>
            <th class="third_col">
                [iai:if_show_net_prices-begin]
                [iai:txt_net_price_label]
                [iai:if_show_net_prices-end]
                [iai:if_show_gross_prices-begin]
                [iai:txt_gross_price_label]
                [iai:if_show_gross_prices-end]
            </th>
            <th class="fourth_col">
                [iai:txt_discount_label]
            </th>
            <th class="fiveth_col">[iai:txt_quantity_label]</th>
            <th class="sixth_col">[iai:txt_sub_total_net_label]</th>
            <th class="seventh_col">[iai:txt_vat_rate_label]</th>
            <th class="eighth_col">[iai:txt_sub_total_vat_label]</th>
            <th class="nineth_col">[iai:txt_sub_total_label]</th>
        </tr>
        [iai:foreach_products_list-begin]
        <tr>
            <td calss="first_col">[iai:product_position]</td>
            <td class="second_col" class="bigger-font">[iai:product_name_contents]</td>
            <td class="third_col">
                [iai:if_show_net_prices-begin]
                [iai:product_price_net]
                [iai:if_show_net_prices-end]
                [iai:if_show_gross_prices-begin]
                [iai:product_price_gross]
                [iai:if_show_gross_prices-end]
            </td>
            <td class="fourth_col">
                [iai:product_discount_percent]
            </td>
            <td class="fiveth_col"  style="font-size: 1.5em;">[iai:product_quantity] [iai:product_unit]</td>
            <td class="sixth_col">[iai:product_worth_net]</td>
            <td class="seventh_col">[iai:product_vat]</td>
            <td class="eighth_col">[iai:product_worth_vat]</td>
            <td class="nineth_col">[iai:product_worth_gross]</td>
        </tr>
        [iai:foreach_products_list-end]
        
        <tr>
            <td calss="first_col" style="border: 0;" colspan="4"></td>
            <td><b>[iai:txt_total_label]:</b></td>
            <td  colspan="4" style="border: 0px; margin: 0px; padding: 0px;">
                <table class="table">
                    <tr>
                        <td class="custom_col" style="border-top: 0px; border-left: 0px;"><b>[iai:order_worth_net]</b></td>
                        <td class="custom_col" style="border-top: 0px;"><b>- - -</b></td>
                        <td class="custom_col" style="border-top: 0px;"><b>[iai:order_worth_tax]</b></td>
                        <td class="custom_col" style="border-top: 0px;"><b>[iai:order_worth]</b></td>
                    </tr>
                    [iai:foreach_VAT_rate_list-begin]
                    <tr>
                        <td class="custom_col" style="border-left: 0px;" >[iai:prices_sum_net]</td> 
                        <td class="custom_col">[iai:VAT_rate_summary]</td>
                        <td class="custom_col">[iai:price_retail_vat_sum]</td>
                        <td class="custom_col">[iai:prices_sum_gross]</td>
                    </tr>
                    [iai:foreach_VAT_rate_list-end]
                </table>
            </td>
        </tr>
    </table>
    <div>
        <b>[iai:txt_to_pay_label]: [iai:order_worth]</b><br /><br />
        [iai:if_payment_status_is_defined-begin]
        [iai:txt_already_paid_label]: [iai:prepaids_sum]<br />
        [iai:txt_remains_to_pay_label]: [iai:prepaids_remind]
        [iai:if_payment_status_is_defined-end]
    </div>
    [iai:if_document_is_multicurrency-begin]
    <div>
        <sup>(*)</sup> [iai:currency_rate_info]
    </div>
    [iai:if_document_is_multicurrency-end]
    <br style="clear: both;" /><br />
  
</div>