<div class="container">
        <div style="width:300px;height:150px;float:left;overflow: hidden">
            <?php if($invoiceSettings && $invoiceSettings->logo != ''): ?>
            <img src="<?php echo e(asset('assets/img/'.$invoiceSettings->logo)); ?>" alt="logo" width="50%"/>
            <?php endif; ?>
        </div>
        <div class="text-right" style="width:300px;height:150px;float:right;">
            <div class="text-right"> <h2><?php echo e(trans('application.invoice')); ?></h2></div>
            <table style="width: 100%;font-size: 16px;font-weight: bold">
                <tr>
                    <td class="text-right" style="width: 40%"><?php echo e(trans('application.reference')); ?></td>
                    <td class="text-right"><?php echo e($invoice->number); ?></td>
                </tr>
                <tr>
                    <td class="text-right"><?php echo e(trans('application.date')); ?></td>
                    <td class="text-right"><?php echo e($settings ? date($settings->date_format, strtotime($invoice->invoice_date)) : $invoice->date_format); ?></td>
                </tr>
                <?php if($invoice->due_date != '0000-00-00'): ?>
                <tr>
                    <td class="text-right"><?php echo e(trans('application.due_date')); ?></td>
                    <td class="text-right"><?php echo e($settings ? date($settings->date_format, strtotime($invoice->due_date)) : $invoice->due_date); ?></td>
                </tr>
                <?php endif; ?>
                <?php if($settings && $settings->gst != ''): ?>
                    <tr>
                        <td class="text-right"><?php echo e(trans('application.gst_number')); ?></td>
                        <td class="text-right"><?php echo e($settings ? $settings->gst : ''); ?></td>
                    </tr>
                <?php endif; ?>
            </table>
        </div>
    <div style="clear: both"></div>
    <div class="col-md-12">
    <div class="from_address">
        <h4 class="invoice_title"><?php echo e(trans('application.our_information')); ?></h4><hr class="separator"/>
        <?php if($settings): ?>
        <h4><?php echo e($settings->name); ?></h4>
        <?php echo e($settings->address1 ? $settings->address1.',' : ''); ?> <?php echo e($settings->state ? $settings->state : ''); ?><br/>
        <?php echo e($settings->city ? $settings->city.',' : ''); ?> <?php echo e($settings->postal_code ? $settings->postal_code.','  : ''); ?><br/>
        <?php echo e($settings->country); ?><br/>
        <?php echo e(trans('application.phone')); ?>: <?php echo e($settings->phone); ?><br/>
        <?php echo e(trans('application.email')); ?>: <?php echo e($settings->email); ?>.
        <?php endif; ?>
    </div>
    <div class="to_address">
            <h4 class="invoice_title"><?php echo e(trans('application.billing_to')); ?> </h4><hr class="separator"/>
            <h4><?php echo e($invoice->client->name); ?></h4>
            <?php echo e($invoice->client->address1 ? $invoice->client->address1.',' : ''); ?> <?php echo e($invoice->client->state ? $invoice->client->state : ''); ?><br/>
            <?php echo e($invoice->client->city ? $invoice->client->city.',' : ''); ?> <?php echo e($invoice->client->postal_code ? $invoice->client->postal_code.','  : ''); ?><br/>
            <?php echo e($invoice->client->country); ?><br/>
            <?php echo e(trans('application.phone')); ?>: <?php echo e($invoice->client->phone); ?><br/>
            <?php echo e(trans('application.email')); ?>: <?php echo e($invoice->client->email); ?>.
    </div>
    </div>
    <div style="clear: both"></div>
    <div class="col-md-12">
        <table class="table">
            <thead style="margin-bottom:30px;background: #2e3e4e;color: #fff;">
            <tr>
                <th style="width:50%"><?php echo e(trans('application.product')); ?></th>
                <th style="width:10%" class="text-center"><?php echo e(trans('application.quantity')); ?></th>
                <th style="width:15%" class="text-right"><?php echo e(trans('application.price')); ?></th>
                <th style="width:10%" class="text-center"><?php echo e(trans('application.tax')); ?></th>
                <th style="width:15%" class="text-right"><?php echo e(trans('application.total')); ?></th>
            </tr>
            </thead>
            <tbody id="items">
            <?php foreach($invoice->items as $item): ?>
            <tr>
                <td><b><?php echo $item->item_name; ?></b><br/><?php echo $item->item_description; ?></td>
                <td class="text-center"><?php echo e($item->quantity); ?></td>
                <td class="text-right"><?php echo e(format_amount($item->price)); ?></td>
                <td class="text-center"><?php echo e($item->tax ? $item->tax->value.'%' : ''); ?></td>
                <td class="text-right"><?php echo e(format_amount($invoice->totals[$item->uuid]['itemTotal'])); ?></td>
            </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
    </div><!-- /.col -->
   <div class="col-md-12">
       <div class="col-md-6" style="padding: 7% 25% 0 10%;width: 30%; text-transform: uppercase">
           <div class="<?php echo e($invoice->status == 2 ? 'invoice_status_paid' : 'invoice_status_cancelled'); ?>">
               <?php echo e(statuses()[$invoice->status]['label']); ?>

           </div>
           </div>
             <table class="table">
                 <tbody>
                 <tr>
                     <th style="width:75%" class="text-right"><?php echo e(trans('application.subtotal')); ?></th>
                     <td class="text-right">
                         <span id="subTotal"><?php echo e($invoice->currency.' '.format_amount($invoice->totals['subTotal'])); ?></span>
                     </td>
                 </tr>
                 <tr>
                     <th class="text-right"><?php echo e(trans('application.tax')); ?></th>
                     <td class="text-right">
                         <span id="taxTotal"><?php echo e($invoice->currency.' '.format_amount($invoice->totals['taxTotal'])); ?></span>
                     </td>
                 </tr>
                 <?php if($invoice->totals['discount'] > 0): ?>
                 <tr>
                     <th class="text-right"><?php echo e(trans('application.discount')); ?> %</th>
                     <td class="text-right">
                         <span id="taxTotal"><?php echo e(format_amount($invoice->totals['discount'])); ?></span>
                     </td>
                 </tr>
                 <?php endif; ?>
                 <tr>
                     <th class="text-right"><?php echo e(trans('application.total')); ?></th>
                     <td class="text-right">
                         <span id="grandTotal"><?php echo e($invoice->currency.' '.format_amount($invoice->totals['grandTotal'])); ?></span>
                     </td>
                 </tr>
                 <tr>
                     <th class="text-right"><?php echo e(trans('application.paid')); ?></th>
                     <td class="text-right">
                         <span id="grandTotal"><?php echo e($invoice->currency.' '.format_amount($invoice->totals['paidFormatted'])); ?></span>
                     </td>
                 </tr>
                 <tr class="amount_due">
                     <th class="text-right"><?php echo e(trans('application.amount_due')); ?>:</th>
                     <td class="text-right">
                         <span id="grandTotal"><?php echo e($invoice->currency.' '.format_amount($invoice->totals['amountDue'])); ?></span>
                     </td>
                 </tr>
                 </tbody>
             </table>
     </div><!-- /.col -->
    <div class="col-md-12">
        <?php if($invoice->notes): ?>
        <h4 class="invoice_title"><?php echo e(trans('application.notes')); ?></h4><hr class="separator"/>
        <?php echo $invoice->notes; ?> <br/><br/>
        <?php endif; ?>
        <?php if($invoice->terms): ?>
        <h4 class="invoice_title"><?php echo e(trans('application.terms')); ?></h4><hr class="separator"/>
        <?php echo $invoice->terms; ?>

        <?php endif; ?>
    </div>
</div>


<style>
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 300;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 13px;
    }
    .amount_due {
        font-size: 20px;
        font-weight: 500;
    }
    .invoice_title{
        color: #2e3e4e;
        font-weight: bold;
    }
    .text-right{
        text-align: right;
    }
    .text-center{
        text-align: center;
    }
    .from_address{
        width: 300px;
        float: left;
        height: 200px;
    }
    .to_address{
        width: 300px;
        height: 200px;
        float: right;
    }
    .col-md-12{
        width: 100%;
    }
    .col-md-6{
        width: 50%;
        float: left;
    }
    table {
        border-spacing: 0;
        border-collapse: collapse;
    }
    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
    }
    hr.separator{
        border-color:  #2e3e4e;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    tbody#items > tr > td{
        border: 3px solid #fff !important;
        vertical-align: middle;
    }
    #items{
        background-color: #f1f1f1;
    }

    .invoice_status_cancelled
    {
        font-size : 20px;
        text-align : center;
        color: #cc0000;
        border: 1px solid #cc0000;
    }
    .invoice_status_paid
    {
        font-size : 25px;
        text-align : center;
        color: #82b440;
        border: 1px solid #82b440;
    }

</style>