   <style>
body{padding:0;}
table, tr, td {padding: 0;margin:0;    vertical-align: middle;}
p{padding: 0;margin: 0;}
*,table, tr, td {font-family: sans-serif;}
.smt{font-family: sans-serif; font-size: 10px;}

*{font-family:'OpenSans';}
.font{font-family:'OpenSans';}
.font.b{font-weight:bold;}
.font.i{font-weight:italic;}
.font.sb{font-weight:600;}
.font.l{font-weight:300;}
.font.r{font-weight:normal;}

.lh2{line-height: 3;}

.text-primary{color:#3cace2}
.text-grey{color:#808080}
.text-black{color: #000;}
.text-white{color:#ffffff}
.text-sm{font-size:12px;}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

.underline{border-bottom:1mm solid #3cace2;width:100%}
.bg-primary{background-color:#3cace2;color:white}
.doctitle{font-size:32px;color:#808080;text-transform:uppercase}
.p-4m{padding:4mm}

table.t-p3 td,table.t-p3 th{padding:3mm}

table.borderless,table.borderless td,table.borderless th{border: none;border-style:none}
table{border-collapse: collapse;}
</style>
<table style="color: #808080;width: 210mm;">
<tbody>
<tr>
    <td style="background:url('<?= base_url('assets/invoice-design-blue/image22.png'); ?>'); background-position: -60 0; background-repeat: no-repeat;width: 95mm;">
        <img src="https://devstaging.crmconnect.ai/uploads/company/7206ef444c904927330f1327fe6b18e2.png" height="60px" style=" margin: 20px 30px; "/>
    </td>
    <td align="center" width="115mm">
        <table style=" margin-left: 2mm; font-size: 10px;margin-top:2mm ">
            <tr>
                <td style="width:38mm;"><br></td>
                <td style="width:38mm;"><br></td>
                <td style="width:38mm;"><br></td>
            </tr>
            <tr>
                <td style="width:38mm;"><br></td>
                <td style="width:38mm;"><br></td>
                <td style="width:38mm;"><br></td>
            </tr>
            <tr>
                <td style="width:38mm;">
                    <table class="smt text-black text-left"><tr>
                        <td width="10mm"><img src="<?= base_url('assets/invoice-design-blue/image40.png'); ?>" height="20px" /></td>
                        <td>contact@company.com</td>
                    </tr></table>
                </td>
                <td style="width:38mm">
                    <table class="smt text-black text-left"><tr>
                        <td width="10mm"><img src="<?= base_url('assets/invoice-design-blue/image26.png'); ?>" height="20px" /></td>
                        <td>www.company.com</td>
                    </tr></table>
                </td>
                <td style="width:38mm">
                    <table class="smt text-black text-left"><tr>
                        <td width="10mm"><img src="<?= base_url('assets/invoice-design-blue/image17.png'); ?>" height="20px" /></td>
                        <td>+40 727 935 222</td>
                    </tr></table>
                </td>
            </tr>

            <?php /* <tr>
                <td style="width:38mm;"><br></td>
                <td style="width:38mm;"><br></td>
                <td style="width:38mm;"><br></td>
            </tr>*/ ?>
            <tr>
                <td style="width:76mm" colspan="2" align="left">
                    <table class="smt text-black text-left"><tr>
                        <td width="10mm"><img src="<?= base_url('assets/invoice-design-blue/image32.png'); ?>" height="20px" /></td>
                        <td class="text-left">715 West street of Kinalai PO 712832, NYC</td>
                    </tr></table>
                </td>
                <td style="width:38mm"></td>
            </tr>
        </table>

    </td>
</tr>
</tbody>
</table>
    
    
    
    
    
 
<table style="color: #808080;width: 210mm;">
<tbody>
<tr>
    <td width="105mm" align="center">        
        <table style="margin-top: 10px;">
            <tr>
                <td></td>
                <td align="left">
                    <table style="margin-top: 40px;"><tr>
                        <td><img src="<?= base_url('assets/invoice-design-blue/image4.png'); ?>" height="22px" /></td>
                        <td class="text-primary font sb" style="font-size: 22px;">INVOICE TO</td>
                    </tr></table>
                </td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td align="LEFT"> 
                    <h3 class="font sb" style="text-transform:uppercase;font-size:25px;    margin: 0 0 10px 0;color:black" class="text-left">Universal Company</h3>
                    <p class="text-grey text-sm text-left lh2" style="margin: 6px 0 2px 0;">Address line 1, address line 2</p>
                    <p class="text-grey text-sm text-left lh2" style="margin: 6px 0 2px 0;">contact@company.com</p>
                    <p class="text-grey text-sm text-left lh2" style="margin: 6px 0 2px 0;">01234122223</p>
                </td>
                <td></td>
            </tr>
        </table>
      
        
    </td>
    <td width="105mm">
        <table style=" width: 100%; ">
            <tr style=" width: 100%; ">
                <td class="underline doctitle">INVOICE</td>
            </tr>
            <tr style=" width: 100%; ">
                <td><br></td>
            </tr>
            <tr style=" width: 100%; ">
                <td class="text-grey" style="font-size:16px;"><img src="<?= base_url('assets/invoice-design-blue/image23.png'); ?>" /> Invoice #: 0009001</td>
            </tr>
            <tr style=" width: 100%; "><td class="text-grey" style="font-size:16px;"></td></tr>
            <tr style=" width: 100%; ">
                <td class="text-grey" style="font-size:16px;"><img src="<?= base_url('assets/invoice-design-blue/image23.png'); ?>" /> Account #: 0000495001</td>
            </tr>
            <tr style=" width: 100%; "><td class="text-grey" style="font-size:16px;"></td></tr>
            <tr style=" width: 100%; ">
                <td class="text-grey" style="font-size:16px;"><img src="<?= base_url('assets/invoice-design-blue/image23.png'); ?>" /> Invoice Date: 09/21/2021</td>
            </tr>
        </table>

    </td>
</tr>
</tbody>
</table>
   





<br>
<table class="t-p3 borderless" width="100%">
    <thead>
	<tr style="font-weight:bold;border-style:none;border:none;" class="bg-primary">
        <th class="text-center text-white" style="border:none;border-style:none;">REF</th>
        <th class="text-white">ITEM DESCRIPTION</th>
        <th class="text-center text-white">UNIT PRICE</th>
        <th class="text-center text-white">QUANTITY</th>
        <th class="text-center text-white">TOTAL</th>
	</tr>
    </thead>
    <tbody>
        <?php if(!empty($items)){
            foreach($items as $k=>$item){
                if($k %2 == 0){
                    $bg = '#ededed';
                }else{
                    $bg = '#d9d9d9';
                }
            ?>
        <tr style="background-color:<?= $bg ?>">
            <td class="text-center"><?= $item['ref']; ?></td>
            <td><?= $item['item_name']; ?></td>
            <td class="text-center"><?= $item['unit_price'].' '.$item['cur']; ?></td>
            <td class="text-center"><?= $item['quantity']; ?></td>
            <td class="text-center"><?= round($item['unit_price']*$item['quantity'],2); ?></td>
        </tr>
        <?php 
            }
        }
        ?>

        <tr>
            <td class="text-center" colspan="3" rowspan="4">
                
                <table style=" width: 100%; ">
                    <tr style=" width: 100%; ">
                        <td class="text-left" ><span class="bg-primary font b" style="font-size:14px; text-transform:uppercase;line-height:18px"><span style="margin-top:4mm;display:block"><br/>&nbsp;&nbsp;Payment methods we accept&nbsp;&nbsp;<br/></span></span></td>
                    </tr>
 
                    <tr style=" width: 100%; ">
                        <td class="text-grey text-left" style="font-size:11px;">PayPal: email@paypal.com</td>
                    </tr>
    
                </table>
                
            </td>

            <?php $k++; if($k %2 == 0){ $bg = '#ededed'; }else{ $bg = '#d9d9d9'; } ?>
            <td class="text-center" style="background-color:<?= $bg ?>">Sub Total</td>                    
            <td class="text-center" style="background-color:<?= $bg ?>">250.00 EUR</td>
        </tr>
        <tr>
            <?php $k++; if($k %2 == 0){ $bg = '#ededed'; }else{ $bg = '#d9d9d9'; } ?>
            <td  class="text-center" style="background-color:<?= $bg ?>">Tax VAT 19%</td>                    
            <td  class="text-center" style="background-color:<?= $bg ?>">250.00 EUR</td>
        </tr>
        <tr>
            <?php $k++; if($k %2 == 0){ $bg = '#ededed'; }else{ $bg = '#d9d9d9'; } ?>
            <td class="text-center text-primary" style="background-color:<?= $bg ?>">Discount</td>                    
            <td class="text-center text-primary" style="background-color:<?= $bg ?>">250.00 EUR</td>
        </tr>
        <tr class="bg-primary">
            <td class="text-center text-white">Total DUE</td>                    
            <td class="text-center text-white">250.00 EUR</td>
        </tr>
        
        


        
    </tbody>
	</table>






<br><br><br>
<table style="color: #808080;width: 210mm;margin-right:20mm">
<tbody>
<tr>
    <td width="175mm" align="center">        

        
    </td>
    <td width="65mm" align="center">
        <table>
            <tr>
                <td class="text-grey text-center">Account Manager</td>
            </tr>
            <tr>
                <td class="text-center" style="font-size:28px;color:black;font-weight:bold">Damiel Thomson</td>
            </tr>
            <tr>
                <td align="center"><img src="<?= base_url('assets/invoice-design-blue/image6.jpg'); ?>" height="60px" /></td>
            </tr>
        </table>

    </td>
</tr>
</tbody>
</table>






<br><br><br>
<table style="color: #808080;width: 210mm;margin-right:20mm">
<tbody>
<tr>
    <td width="175mm" align="center">        
        <table>
            <tr>
                <td class="text-primary text-left font b" style="font-size:26px;padding-bottom:4mm"><span class="underline">Thank you for your business!</span></td>
            </tr>
            <tr>
                <td class="text-left" style="font-size:14px;font-weight:bold">TERMS: Payments should be made within seven (07) days by cheque, paypal or phone us.</td>
            </tr>
        </table>
        
    </td>
    <td width="65mm" align="center">
        <table>
            <tr rowspan="2">
                <td align="center"><img src="https://devstaging.crmconnect.ai/uploads/company/7206ef444c904927330f1327fe6b18e2.png" height="60px" /></td>
            </tr>
        </table>

    </td>
</tr>
</tbody>
</table>