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

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

{% block content %}

    <div class="wrapper">
        <h3>{{ type|translate|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.company_address|replace({';': '<br />'})|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">{{ "Vatno"|translate }}:</span> {{ companyInfo.company_vat_no }}
                </li>
                {% endif %}
                <li style="font-weight: 400;">
                    <span class="label pr7">{{ "CompanyRef"|translate }}:</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|raw }}</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">{{ "USER_FISCAL_NO"|translate }}: </span>{{ userFiscalNumber }}
                </li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

    <div class="info border">
        <ul>
            <li><div class="label">{{ "Invoice_date"|translate }}:</div>
                <p>{{ invoiceData.invoiceDate|date("d/m/Y") }}</p></li>
            {% if type == 'invoice' %}
            <li><div class="label">{{ "Payment_date"|translate }}:</div>
                <p>{{ paymentInfo.date_finished|date("d/m/Y") }}</p></li>
            {% else %}
                <li><div class="label">{{ "Refund_date"|translate }}:</div>
                    <p>{{ paymentInfo.refund_date|date("d/m/Y") }}</p></li>
            {% endif %}
            <li><div class="label">{{ "InvoiceRef"|translate }}:</div><p>{{ reference }}</p></li>
            <li><div class="label">{{ "CustomerId"|translate }}:</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>{{ "PROD_DESCRIPTION"|translate }}</th>
                    <th>{{ "UNIT_PRICE"|translate }} ({{ currency|raw }})</th>
                    <th>{{ "UNITS"|translate }}</th>
                    <th>{{ "VAT"|translate }} (%)</th>
                    <th class="txtright">{{ "TOTAL"|translate }} ({{ currency|raw }})</th>
                </tr>
            </thead>
            <tbody>
                <tr class="trbody">
                    <td class="title">{{ 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>
                {% for subProduct in subProducts %}
                    <tr class="trbody">
                        <td class="subtitle">- {{ subProduct.titel }}</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                {% endfor %}
            </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 %}