<!DOCTYPE html>
<html>
<head>
	<title><?php echo e($sale->customer->customer_name); ?></title>
	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="<?php echo e(asset('backend/vendors/bootstrap/dist/css/bootstrap.min.css')); ?>" />
	<!-- ace styles -->
	<link rel="stylesheet" href="<?php echo e(asset('myfile/backend/assets/css/ace.min.css')); ?>" class="ace-main-stylesheet" id="main-ace-style" />
	<style>
		/*table,p,h3,h4{
			font-size:9px;
		}
		li{font-size:9px;}
		.text-center{font-size:9px;}
		.word{
			font-size:9px;
		}*/
		.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
			padding: 1px;
			border:1px solid!important;
		}
	</style>
</head>
<body>
	<div class="row">
		<div class="col-xs-12">
			<div class="widget-box transparent">
				<div class="widget-body" id="printableArea">
					<div class="widget-main padding-">
						<div class="row">
							<div class="col-xs-12">
								<div class="text-center">
									<b><?php echo e($about->english_name); ?></b><br/>
									Phone: <?php echo e($about->phone); ?><br/>
									Email: <?php echo e($about->email); ?><br/>
									Address: <?php echo e($about->address); ?><br/>
								</div>
							</div>
						</div>
						<br/>
						<div class="row">
							<div class="col-xs-6">
								<div>
									<ul class="list-unstyled ">
										<li><i class="ace-icon fa fa-caret-right green"></i><b>Name:</b> <?php echo e($sale->customer->customer_name); ?></li>
										<li><i class="ace-icon fa fa-caret-right green"></i><b>Phone:</b> <?php echo e($sale->customer->customer_phone); ?></li>
									</ul>
								</div>
							</div>
							<div class="col-xs-6">
								<div>
									<ul class="list-unstyled ">
                                        <li><i class="ace-icon fa fa-caret-right blue"></i><b>Invoice No: #</b> <?php echo e($sale->invoice_no); ?></li>
										<li><i class="ace-icon fa fa-caret-right blue"></i><b>Pay Date:</b> <?php echo e(date('d-m-Y',strtotime($sale->transaction_date))); ?></li>
									</ul>
								</div>
							</div>
						</div>
						<div>
						<div class="table-responsive">
							<table class="table table-condensed table-bordered" >
								<thead>
									<tr>
										<th class="center">SL</th>
										<th>Transaction Type</th>
										<th>Purchase</th>
										<th>Payment</th>
										<th>Return</th>
										<th>Balance</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><?php echo e(1); ?></td>
										<td><?php echo e($sale->transaction_type); ?></td>
										<td><?php echo e($sale->purchase_amount); ?></td>
										<td><?php echo e($sale->payment_amount); ?></td>
										<td><?php echo e($sale->return_amount); ?></td>
										<td><?php echo e($sale->current_balance); ?></td>
									</tr>
								</tbody>
							</table>
						</div>
						</div>
						<!--<div class="hr hr8 hr-double hr-dotted"></div>-->
						<div class="row">
						    <div class="col-xs-6 pull-">
								<h4 class="pull-left">
									Note :<span><?php echo e($sale->note); ?></span>
								</h4>
							</div>
							<div class="col-xs-6">
								<h4 class="pull-right">
									Current Balance :<span class="red"><?php echo e($sale->current_balance); ?></span>
								</h4>
							</div>
						</div>
						<div class="space-"></div>
						

						<div class="text-center">
							<small>
								Thank you for choosing our Company products.We believe you will be satisfied by our services.
							</small>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

    <script type="text/javascript">
    	function printDiv(divName) {
            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
		}
    </script>
</body>
</html>


