@extends('layouts/default')

    {{-- Page title --}}
    @section('title')
        Invoice
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/custom_css/skins/skin-coreplus.css')}}" type="text/css" id="skin"/>
   <!-- <link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom_css/invoice.css')}}">-->
	<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom_css/bootstrap.css')}}">
    <!--end of page level css-->
<style>
#invoicing {
	font-size:8pt;
}

</style>
<style type="text/css" media="print">


thead
{
	display: table-header-group;
}

#inv
{
	display: table-footer-group;
	 position: fixed;
     bottom: 0;
	 margin: 0 auto 0 auto;
	
}


</style>

@stop

{{-- Page content --}}
@section('content')
    <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>Quotation Sales</h1>
            <ol class="breadcrumb">
                <li>
                    <a href="index">
                        <i class="fa fa-fw fa-building-o"></i> Inventory
                    </a>
                </li>
				<li> Quotation</li>
                <li class="active">
                   <a href="#">Print</a>
                </li>
            </ol>
        </section>
        <!-- Main content -->
        <section class="content p-l-r-15" id="invoice-stmt">
            <div class="panel">
                
                <div class="panel-body">
                    <div class="print" id="invoicing">
						<div class="col-md-12">
						<table border="0" style="width:100%;height:100%;">
							<thead>
								<tr>
									<td align="left" width="50%" style="border-color:white;">
									<img src="{{asset('assets/'.Session::get('logo').'')}}" /></td>
									<td align="center" style="border-color:white;">
									</td>
								</tr>
								<tr>
									<td colspan="2" align="center"><h5><b>QUOTATION</b></h5></td>
								</tr>
								<tr style="border:1px solid black;">
									<td align="left" valign="top" style="border-color:white; padding-left:20px; padding-bottom:5px;">
										<div>
											<strong></strong>
																																																																		<br/>
										</div>
									</td>
									<td align="right" style="padding-right:5px; border-color:white;">
										<div>
											<b>Quote. No: {{$details->voucher_no}}</b><br/>
											Date:  {{date('d-m-Y',strtotime($details->voucher_date))}}<br/>
											<strong>TRN No: {{Session::get('vatno')}}</strong>
										</div>
									</td>
								</tr>
								<tr>
									<td colspan="2" align="left">{!! $details->header !!}</td>
								</tr>
							</thead>
							<tbody id="bod">
								<tr style="border:1px solid black;">
									<td colspan="2" align="center" valign="top" style="height:450px;">
									<table border="0" style="width:100%;" class="table table-bordered">
										<tr>
											<td width="5%"><b>QO.#</b></td>
											<!--<td width="15%"><b>Item Code</b></td>-->
											<td width="58%"><b>Description</b></td>
											<td width="7%" class="text-right"><b>Qty.</b></td>
											<td width="15%" class="text-right"><b>Unit Price</b></td>
											<td width="10%" class="text-right"><b>VAT</b></td>
											<td width="15%" class="text-right"><b>Total</b></td>
										</tr>
																				@foreach($items as $item)
																				<tr>
											<td>{{$i}}</td>
											<!--<td>{{$item->item_code}}</td>-->
											<td>{{$item->item_name}}</td>
											<td class="text-right">{{$item->quantity}}</td>
											<td class="text-right">{{number_format($unit_price,2)}}</td>
											<td class="text-right">{{number_format($vat_amount,2)}}</td>
											<td class="text-right">{{number_format($line_total,2)}}</td>
										</tr>
																				@endforeach
									</table>
									</td>
								</tr>
								<tr style="border:1px solid black;">
									<td colspan="2" align="center">
										<table border="0" style="width:98%;">
										<tr>
											<td colspan="4"></td>
											<td colspan="2" align="right"><b>
											<p>Gross Total: </p>
											<p>Vat Total: </p>
																						<p>Net Total: </p></b>
											</td>
											<td colspan="2" align="right">
																						<b>
												<p>{{number_format($total,2)}}</p>
												<p>{{number_format($vat_amount_net,2)}}</p>
																								<p>{{number_format($net_total,2)}}</p>
											</b>
											</td>
										</tr>
										</table>
									</td>
								</tr>
								<tr style="border:1px solid black;">
									<td colspan="2" align="left" style="padding-left:5px;">
									{!! $details->description !!}
									</td>
								</tr>
								
							</tbody>
							<tfoot id="inv" style="border-color:white !important;">
								<tr style="border-top:1px solid red;">
									<td colspan="2" class="footer">
									<table border="0" width="100%">
									<tr >
									<td colspan="2" align="center" > &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; P.O. Box: 237926, Dubai - U.A.E  |  Email: info@betteradvdubai.com	|  Web: www.betteradvdubai.com  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</td>
								</tr>
									</table>
								</td>
								</tr>
							</tfoot>
						</table>
						</div>
                    </div>
                    <div class="btn-section">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                                <span class="pull-right">
                                             <button type="button" onclick="javascript:window.print();" 
                                                     class="btn btn-responsive button-alignment btn-primary"
                                                     data-toggle="button">
                                                <span style="color:#fff;" >
                                                    <i class="fa fa-fw fa-print"></i>
                                                Print
                                            </span>
                                </button>
								
								<button type="button" onclick="javascript:window.history.back();"
                                                     class="btn btn-responsive button-alignment btn-primary"
                                                     data-toggle="button">
                                                <span style="color:#fff;" >
                                                    <i class="fa fa-fw fa-times"></i>
                                                Back 
                                            </span>
                                </button>
                                </span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- row -->
        @include('layouts.right_sidebar')
        <!-- right side bar end -->
        </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <!-- begining of page level js -->
<!--<script type="text/javascript" src="{{asset('assets/js/custom_js/invoice.js')}}"></script>-->
<script>
$(document).ready(function () {
	$('html').attr({style: 'min-height: inherit'});
	$('body').attr({style: 'min-height: inherit'});
});
</script>
    <!-- end of page level js -->
@stop