<div class="container">
    <div style="width:300px;height:150px;float:left;">
        <?php if($settings && $settings->logo != ''): ?>
         <img src="<?php echo e(asset('assets/img/'.$settings->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.estimate')); ?></h2></div>
        <table style="width: 100%">
            <tr>
                <td class="text-right" style="width: 40%"><?php echo e(trans('application.reference')); ?></td>
                <td class="text-right"><?php echo e($estimate->estimate_no); ?></td>
            </tr>
            <tr>
                <td class="text-right"><?php echo e(trans('application.date')); ?></td>
                <td class="text-right"><?php echo e($estimate->estimate_date); ?></td>
            </tr>
        </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/>
                Phone: <?php echo e($settings->phone); ?><br/>
                Email: <?php echo e($settings->email); ?>.
            <?php endif; ?>
        </div>
        <div class="to_address">
            <h4 class="invoice_title"><?php echo e(trans('application.estimate_to')); ?> </h4><hr class="separator"/>
            <h4><?php echo e($estimate->client->name); ?></h4>
            <?php echo e($estimate->client->address1 ? $estimate->client->address1.',' : ''); ?> <?php echo e($estimate->client->state ? $estimate->client->state : ''); ?><br/>
            <?php echo e($estimate->client->city ? $estimate->client->city.',' : ''); ?> <?php echo e($estimate->client->postal_code ? $estimate->client->postal_code.','  : ''); ?><br/>
            <?php echo e($estimate->client->country); ?><br/>
            Phone: <?php echo e($estimate->client->phone); ?><br/>
            Email: <?php echo e($estimate->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($estimate->items as $item): ?>
            <tr>
                <td><b><?php echo e($item->item_name); ?></b><br/><?php echo e($item->item_description); ?></td>
                <td class="text-center"><?php echo e($item->quantity); ?></td>
                <td class="text-right"><?php echo e($item->price); ?></td>
                <td class="text-center"><?php echo e($item->tax ? $item->tax->value.'%' : ''); ?></td>
                <td class="text-right"><?php echo e($estimate->totals[$item->uuid]['itemTotal']); ?></td>
            </tr>
            <?php endforeach; ?>
            </tbody>
        </table>
    </div><!-- /.col -->
    <div class="col-md-12">
        <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($estimate->currency.' '.$estimate->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($estimate->currency.' '.$estimate->totals['taxTotal']); ?></span>
                </td>
            </tr>

            <tr class="amount_due">
                <th class="text-right"><?php echo e(trans('application.total')); ?>:</th>
                <td class="text-right">
                    <span id="grandTotal"><?php echo e($estimate->currency.' '.$estimate->totals['grandTotal']); ?></span>
                </td>
            </tr>
            </tbody>
        </table>
    </div><!-- /.col -->
    <div class="col-md-12">
        <?php if($estimate->notes): ?>
        <h4 class="invoice_title"><?php echo e(trans('application.notes')); ?></h4><hr class="separator"/>
        <?php echo e($estimate->notes); ?> <br/><br/>
        <?php endif; ?>
        <?php if($estimate->terms): ?>
        <h4 class="invoice_title"><?php echo e(trans('application.terms')); ?></h4><hr class="separator"/>
        <?php echo e($estimate->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;

    }

</style>