<head>

    <meta charset="utf-8">


    <style type="text/css">

        body{
            padding: 0;
            margin: 0;
        }

        #invoice-POS {
            padding: 0;
            margin: 0 auto;
            width: 80mm;
            background: #FFF;
        }
        #invoice-POS ::selection {
            background-color: #FFF;
            color: #FFF;
        }
        #invoice-POS ::moz-selection {
            background-color: #FFF;
            color: #FFF;
        }
        #invoice-POS h1 {
            font-size: 1.6em;
            color: #222;
        }
        #invoice-POS h2 {
            font-size: 1em;
        }
        #invoice-POS h3 {
            font-size: 1.3em;
            font-weight: 300;
            line-height: 2em;
        }
        #invoice-POS p {
            font-size: 0.9em;
            color: #222;
            line-height: 1.2em;
        }
        #invoice-POS #top, #invoice-POS #mid, #invoice-POS #bot {
            /* Targets all id with 'col-' */
            border-bottom: 1px solid #EEE;
        }
        #invoice-POS #top {
            min-height: 100px;
        }
        #invoice-POS #mid {
            min-height: 80px;
        }
        #invoice-POS #bot {
            min-height: 50px;
        }
        #invoice-POS #top .logo {
            height: 80px;
            width: 80px;
            background-size: 80px 80px;
        }
        #invoice-POS .info {
            display: block;
            margin-left: 0;
        }
        #invoice-POS .title {
            float: right;
        }
        #invoice-POS .title p {
            text-align: right;
        }
        #invoice-POS table {
            width: 100%;
            border-collapse: collapse;
        }
        #invoice-POS .tabletitle {
            font-size: 0.7em;
            background: #EEE;
        }
        #invoice-POS .service {
            border-bottom: 1px solid #EEE;
        }
        #invoice-POS .item {
            width: 24mm;
        }
        #invoice-POS .itemtext {
            font-size: 0.8em;
        }
        #invoice-POS #legalcopy {
            margin-top: 5mm;
        }
        #invoice-POS .signature {
            margin-top: 5mm;
            border-top: 1px solid #EEE;
            text-align: center;
        }


        .table.invoice-items{
            border: 1px solid #dee2e6;
        }

        .table.invoice-items td, .table.invoice-items th {
            border: 1px solid #dee2e6;
        }


    </style>



</head>
<body class="fixed-nav">

<section class="">
    <div class="">
        <div class="invoice">

            <div id="invoice-POS">
                <center id="top">
                    <div class="mt-2">
                        <table>
                            <tr>
                                <td>
                                    <img src="{$app_url}storage/system/{$config['logo_default']}" alt="{$config['CompanyName']}" class="img-fluid"  style="margin-bottom: 15px; max-width: 100px;">
                                </td>
                                <td>
                                    {Invoice::getInvoiceNumber($d)}
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="info">
                        <table>
                            <tr>
                                <td>
                                    <p class="info">

                                        {$config['caddress']}

                                        {if isset($config['vat_number']) && ($config['vat_number'] != '')}

                                            <br>
                                            <strong>{sp_config_or_default('label_tax_number',$_L['Vat number'])}:</strong> {$config['vat_number']}

                                        {/if}


                                    </p>
                                </td>
                                <td>

                                </td>
                            </tr>
                        </table>
                    </div><!--End Info-->
                </center><!--End InvoiceTop-->

                <div id="mid">
                    <div class="info" style="margin-top: 5px;">

                        <table>
                            <tr>
                                <td>
                                    <strong>{{__('Invoiced To')}}</strong>
                                    <p>
                                        {*
                                          {if $a['company'] neq ''}
                                        *}

                                        {if !empty($company) }
                                            {$company->company_name}

                                            <br>

                                            {if $company && $config['show_business_number'] eq '1' }

                                                {if $company->business_number neq ''}
                                                    {$config['label_business_number']}: {$company->business_number}
                                                    <br>
                                                {/if}
                                            {/if}

                                            {$_L['ATTN']}: {$d['account']}
                                            <br>
                                        {else}
                                            {$d['account']}
                                            <br>
                                        {/if}

                                        {getContactFormattedAddress($config,$a)}
                                        <br>
                                        <strong>{$_L['Phone']}:</strong> {$a['phone']}

                                    </p>
                                </td>
                                <td align="right">
                                    <img src="{$qr_code_admin_url}" style="height: 100px;">
                                </td>
                            </tr>
                        </table>



                        <div style="margin-top: 5px; margin-bottom: 5px; text-align: center;">

                            <img src="data:image/png;base64,{base64_encode($barcode_generator->getBarcode($d['id'], $barcode_generator::TYPE_CODE_128))}">

                            <p>
                                <strong>{Invoice::getInvoiceNumber($d)}</strong>
                            </p>
                        </div>

                    </div>
                </div>

            </div>

        </div>


</section>


</body>

<!--End Invoice-->
