{% extends 'pdf/base.invoice.html.twig' %}

{% block title %}Invoice The Insiders{% endblock title %}

{% block content %}

    <div class="wrapper">
        <h3>{{ translateVars(type,translations)|capitalize }}</h3>
        <div class="top border">
            <div class="from left" style="float:left;width:60%;">
                <ul>
                    <li><span class="label"></span><p>{{ companyInfo.company_name }}</p></li>
                    <li><span class="label"></span><p>{{ companyInfo.companyAddress|raw }}</p></li>
                    {#<li><span class="label"></span><p>{{ companyInfo.cms_label }}</p></li>#}
                    {% if companyInfo.company_vat_no %}
                        <li style="font-weight: 400;">
                            <span class="label pr7">{{ translateVars("Vatno",translations) }}:</span> {{ companyInfo.company_vat_no }}
                        </li>
                    {% endif %}
                    <li style="font-weight: 400;">
                        <span class="label pr7">{{ translateVars("CompanyRef",translations) }}:</span> {{ companyInfo.company_coc }}
                    </li>
                </ul>
            </div>
            <div class="to right" style="float:right;;width:40%;">
                <ul>
                    <li><span class="label"></span>{{ userFullName }}</li>
                    <li><span class="label"></span>{{ userAddress.addressLine_1 }}
                        <br/>{{ userAddress.addressLine_2 }}<br/>
                        {{ userAddress.country }}</li>
                    <li style="font-weight: 400;">
                        <span class="label">{{ translateVars("USER_FISCAL_NO",translations) }}: </span>{{ userFiscalNumber }}
                    </li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>

        <div class="info border">
            <ul>
                <li><div class="label">{{ translateVars("Invoice_date",translations) }}:</div>
                    <p>{{ invoiceData.invoiceDate|date("d/m/Y") }}</p></li>
                {% if type == 'invoice' %}
                    <li><div class="label">{{ translateVars("Payment_date",translations) }}:</div>
                        <p>{{ paymentInfo.date_finished|date("d/m/Y") }}</p></li>
                {% else %}
                    <li><div class="label">{{ translateVars("Refund_date",translations) }}:</div>
                        <p>{{ paymentInfo.refund_date|date("d/m/Y") }}</p></li>
                {% endif %}
                <li><div class="label">{{ translateVars("InvoiceRef",translations) }}:</div><p>{{ reference }}</p></li>
                <li><div class="label">{{ translateVars("CustomerId",translations) }}:</div><p>{{ userId }}</p></li>
            </ul>
        </div>
        <div class="description border">
            <table class="table" style="width:100%">
                <thead>
                <tr class="trhead bgc" style="font-weight: normal;">
                    <th>{{ translateVars("PROD_DESCRIPTION",translations) }}</th>
                    <th>{{ translateVars("UNIT_PRICE",translations) }} ({{ currency|raw }})</th>
                    <th>{{ translateVars("UNITS",translations) }}</th>
                    <th>{{ translateVars("VAT",translations) }} (%)</th>
                    <th class="txtright">{{ translateVars("TOTAL",translations) }} ({{ currency|raw }})</th>
                </tr>
                </thead>
                <tbody>
                <tr class="trbody">
                    <td>{{ productSting }}</td>
                    <td>{{ prices.unit_price_inc }}</td>
                    <td>{{ prices.quantity }}</td>
                    <td>{{ companyInfo.vat }}</td>
                    <td class="txtright" style="text-align: right;">{{ prices.unit_price_inc }}</td>
                </tr>
                </tbody>
            </table>
            <table class="table totals" style="width:100%">
                <tr>
                    <td style="font-weight: normal">{{ "TOTAL"|translate }} ({{ "ex_vat"|translate }})</td>
                    <td class="w76">{{ prices.unit_price_ex }}</td>
                </tr>
                <tr>
                    <td>{{ "VAT"|translate }}</td>
                    <td class="w76">{{ prices.totals_vatvalue }}</td>
                </tr>
                <tr class="bgc">
                    <td style="font-weight: bold">{{ "TOTAL"|translate }} ({{ "incl_vat"|translate }})</td>
                    <td class="w76">{{ prices.unit_price_inc }}</td>
                </tr>
            </table>
        </div>
        <div class="footer">
            {#<ul>#}
            {#<li><span class="label">VAT number:</span><p>{{ from.vat_no }}</p></li>#}
            {#<li><span class="label ">Company Reference:</span><p>{{ from.CoC }}</p></li>#}
            {#</ul>#}
            {#<ul>#}
            {#<li><span class="label">Bank:</span><p>{{ from.bank }}</p></li>#}
            {#<li><span class="label">Account No:</span></li>#}
            {#<li><span class="label">IBAN:</span><p>{{ from.iban }}</p></li>#}
            {#<li><span class="label">BIC:</span><p>{{ from.bic }}</p></li>#}
            {#</ul>#}
        </div>
    </div>

{% endblock content %}