@extends('admin.layouts.app')
@section('title', 'Purchase Invoice ')
@section('content-heading')
<section class="content-header">
	<h1>Purchase Invoice </h1>
    <ol class="breadcrumb">
		<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
		<li><a href="#">Purchase Invoice</a></li>
		<li class="active">Invoice Order #{{$rowObj->invoice_no}}</li>
    </ol>
</section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title"><strong>Item Summary of Invoice Order #{{$rowObj->invoice_no}}</strong></h3>
				</div>
				<div class="panel-body">
					<div class="table-responsive">
						<table class="table table-condensed">
							<thead>
								<tr>
									<td><strong>Product</strong></td>
									<td class="text-center"><strong>Price</strong></td>
									<td class="text-center"><strong>Quantity</strong></td>
									<td class="text-right"><strong>Total</strong></td>
								</tr>
							</thead>
							<tbody>
								@forelse($rowObj->itemlist as $item)
									<tr>
										<td>{{ $item->item_name }}</td>
										<td class="text-center">{{ $item->item_amount }}</td>
										<td class="text-center">{{ $item->item_qty }}</td>
										<td class="text-right">{{ $item->total }}</td>
									</tr>
								@empty
								@endforelse
								<tr>
									<td class="thick-line"></td>
									<td class="thick-line"></td>
									<td class="thick-line text-center"><strong>Subtotal</strong></td>
									<td class="thick-line text-right">{{$rowObj->subtotal}}</td>
								</tr>
								<tr>
									<td class="no-line"></td>
									<td class="no-line"></td>
									<td class="no-line text-center"><strong>Discount</strong></td>
									<td class="no-line text-right">{{$rowObj->discount}}</td>
								</tr>
								<tr>
									<td class="no-line"></td>
									<td class="no-line"></td>
									<td class="no-line text-center"><strong>Tax</strong></td>
									<td class="no-line text-right">{{$rowObj->tax}}</td>
								</tr>
								<tr>
									<td class="no-line"></td>
									<td class="no-line"></td>
									<td class="no-line text-center"><strong>Grand Total</strong></td>
									<td class="no-line text-right">{{$rowObj->grand_total}}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</section>
@endsection
@section('extra-script')
<style>
.button-export {
	padding: 10px 15px;
	background: #4479BA;
	color: #FFF;
}
.dt-buttons {
  padding-left: 10px;
}
</style>
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/1.10.15/js/dataTables.material.min.js"></script>
<link href="//cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>

<script>
	jQuery(function () {
		 var table=	jQuery('#tblList').DataTable({
			responsive:true,
			processing: true,
			serverSide: true,
			ajax: '{{ route("admin.invoice.list.data") }}',
			lengthMenu:  [ 10, 25, 50, 75, 100 ],
			columns: [ 
				{ data: "id", name: "id", orderable: !1, searchable: !1}, 
				{ data: "user.username", name: "user.username"}, 
				{ data: "invoice_no", name: "invoice_no" }, 
				{ data: "subtotal", name: "subtotal" }, 
				{ data: "discount", name: "discount"}, 
				{ data: "tax", name: "tax"}, 
				{ data: "grand_total", name: "grand_total"}, 
				{ data: "created_at", name: "created_at"}, 
			],
			 "aaSorting": []
		});
		$('#tblList').on('click','.btnPaid', function() {
			swal({
				title: "",
				text: "Processing...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{route("admin.purchase-history.status.update")}}',
				type: 'POST',
				data: {
					id: $(this).attr('data-value'),
					"_token": "{{ csrf_token() }}",
					"operation": "approve",
				},
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Message",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload();
						});
					} else {
						swal("Message", data.message, "error");
					}
				}
			});
		});
		$('#tblList').on('click','.btnReject', function() {
			swal({
				title: "",
				text: "Processing...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{route("admin.installer.status.update")}}',
				type: 'POST',
				data: {
					id: $(this).attr('data-value'),
					"_token": "{{ csrf_token() }}",
					"operation": "reject",
				},
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Message",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload();
						});
					} else {
						swal("Message", data.message, "error");
					}
				}
			});
		});
	});
	</script>
@endsection