@extends('layouts.backend')

@section('title', $title)

@section('content')

<div class="block block-rounded block-bordered" id="block-table-product-2" >
	{{-- <input type="text" class="form-control mb-4" name="search-product-category" id="search-product-category" placeholder="ค้นหาสินค้า" > --}}
	<div id="accordion" role="tablist" aria-multiselectable="true">
		@foreach($productCategory as $index => $cate)
		<div class="block block-rounded mb-1">
			<div class="block-header block-header-default" role="tab" id="accordion_h{{ $index }}">
				<a class="font-w600 collapsed" 
					data-toggle="collapse" 
					data-parent="#accordion" 
					href="#accordion_q{{ $index }}" 
					aria-expanded="false" 
					aria-controls="accordion_q{{ $index }}" 
					style="width: 100%;" >{{ $cate->name }}</a>
			</div>
			<div id="accordion_q{{ $index }}" class="collapse" role="tabpanel" aria-labelledby="accordion_h{{ $index }}" data-parent="#accordion" style="">
				<div class="block-content">
					<div class="row gutters-tiny push" >
												@foreach ($products as $index2 => $product)
						<div class="col-md-3 col-6">
							<a class="block text-center bg-primary add-product" href="javascript:;" >
								<div class="block-content block-content-full aspect-ratio-16-9 d-flex justify-content-center align-items-center">
									<div>
										<div class="font-w600 mt-2 text-uppercase text-muted">{{ $product->name }}</div>
									</div>
								</div>
								<input type="hidden" name="productid" value="{{ $product->id }}" >
							</a>
						</div>
						@endforeach
					</div>
				</div>
			</div>
		</div>
		@endforeach
	</div>
</div>

<div class="block block-rounded block-bordered" id="block-table" >
	<div class="block-header block-header-default">
		<h3 class="block-title">รายการสินค้า</h3>
		<div class="block-options">
			<button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"><i class="si si-arrow-up"></i></button>
		</div>
	</div>
	<div class="block-content pb-4" >
		<div class="row" >
			<div class="col-12 col-md-9" >
							</div>
			<div class="col-12 col-md-3" >
				<button type="button" class="btn btn-lg btn-info btn-block btn-checkout-modal">Checkout</button>
				<button type="button" class="btn btn-lg btn-warning btn-block btn-invoice-print">Invoice</button>
			</div>
		</div>
		<table class="table table-hover table-vcenter" >
			<thead class="thead-light" >
				<tr>
					<th style="width: 35%;" >สินค้า</th>
					<th style="width: 5%;" class="text-center" >#</th>
					<th style="width: 10%;" class="text-right" >จำนวน</th>
					<th style="width: 10%;" class="text-right" >ราคา</th>
					<th style="width: 10%;" class="text-right th-discount" >ส่วนลด</th>
					<th style="width: 10%;" class="text-right" >Total</th>
				</tr>
			</thead>
			<tbody id="table-body" >
				
			</tbody>
			<tfoot class="thead-light" id="table-footer" style="border-top: 2px solid #000" >
				<tr>
					<td colspan="3" class="text-right" >Subtotal</td>
					<td colspan="2" class="text-right subtotal" >0</td>
				</tr>
				<tr>
					<td colspan="3" class="text-right discount_mode" >Discount</td>
					<td colspan="2" class="text-right discount_total" >0</td>
				</tr>
				<tr>
					<td colspan="3" class="text-right service_charge_footer" >Service Charge</td>
					<td colspan="2" class="text-right service_charge" >0</td>
				</tr>
				<tr>
					<td colspan="3" class="text-right" >VAT</td>
					<td colspan="2" class="text-right vat" >0</td>
				</tr>
				<tr>
					<td colspan="3" class="text-right" >Total</td>
					<td colspan="2" class="text-right total" >0</td>
				</tr>
			</tfoot>
		</table>
	</div>
</div>

<div class="block block-rounded block-bordered block-mode-hidden" id="block-customer" >
	<div class="block-header block-header-default">
		<h3 class="block-title">ลูกค้า</h3>
		<div class="block-options">
			<button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"><i class="si si-arrow-up"></i></button>
		</div>
	</div>
	<div class="block-content pb-4" >
		<input type="hidden" class="table_id" name="table_id" id="table_id" value="{{ $table_id }}" >
		<form method="POST" action="{{ route('stock-save') }}" id="form_checkout" >
			<div class="row" >
				<div class="col-12 col-md-9" >
						{!! HTMLRender::formSelect('customer_id', trans('cashier.searchcustomer'), $customers_select, 0, ['span' => true, 'select2' => true, 'firstrow' => true]) !!}
						{!! HTMLRender::formText('customer_fullname', null, trans('customer.fullname'), ['span' => true]) !!}
						{!! HTMLRender::formText('customer_taxid', null, trans('customer.taxid'), ['span' => true]) !!}
						{!! HTMLRender::formText('customer_tel', null, trans('customer.tel'), ['span' => true]) !!}
						{!! HTMLRender::formText('customer_email', null, trans('customer.email'), ['span' => true]) !!}
						{!! HTMLRender::formTextArea('customer_address', null, trans('customer.address'), ['span' => true]) !!}
					
						{{ csrf_field() }}
				</div>
			</div>
		</form>
	</div>
</div>

<div class="block block-rounded block-bordered block-mode-hidden">
	<div class="block-header block-header-default">
		<h3 class="block-title">ส่วนลด</h3>
		<div class="block-options">
			<button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"><i class="si si-arrow-up"></i></button>
		</div>
	</div>
	<div class="block-content">
		<h2 class="content-heading">ลดราคา</h2>
		<div class="form-group">
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-mode" id="discount_mode_{{ $dcm }}" name="discount_mode" 
					value="{{ $dcm }}" {{ (strcmp($discount_mode, $dcm) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_mode_{{ $dcm }}">{{ trans('lang.discount_mode_' . $dcm) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-mode" id="discount_mode_{{ $dcm }}" name="discount_mode" 
					value="{{ $dcm }}" {{ (strcmp($discount_mode, $dcm) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_mode_{{ $dcm }}">{{ trans('lang.discount_mode_' . $dcm) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-mode" id="discount_mode_{{ $dcm }}" name="discount_mode" 
					value="{{ $dcm }}" {{ (strcmp($discount_mode, $dcm) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_mode_{{ $dcm }}">{{ trans('lang.discount_mode_' . $dcm) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-mode" id="discount_mode_{{ $dcm }}" name="discount_mode" 
					value="{{ $dcm }}" {{ (strcmp($discount_mode, $dcm) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_mode_{{ $dcm }}">{{ trans('lang.discount_mode_' . $dcm) }}</label>
			</div>
					</div>

		<h2 class="content-heading">ประเภท</h2>
		<div class="form-group">
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-type" id="discount_type_{{ $dc }}" name="discount_type" 
					value="{{ $dc }}" {{ (strcmp($discount_type, $dc) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_type_{{ $dc }}">{{ trans('lang.discount_' . $dc) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-type" id="discount_type_{{ $dc }}" name="discount_type" 
					value="{{ $dc }}" {{ (strcmp($discount_type, $dc) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_type_{{ $dc }}">{{ trans('lang.discount_' . $dc) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input discount-type" id="discount_type_{{ $dc }}" name="discount_type" 
					value="{{ $dc }}" {{ (strcmp($discount_type, $dc) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="discount_type_{{ $dc }}">{{ trans('lang.discount_' . $dc) }}</label>
			</div>
					</div>

		<h2 class="content-heading">จำนวน</h2>
		<div class="form-group row">
			<div class="col-3">
				<input type="number" class="form-control discount-value" value="{{ $discount }}" >
			</div>
		</div>
	</div>
</div>

<div class="block block-rounded block-bordered block-mode-hidden">
	<div class="block-header block-header-default">
		<h3 class="block-title">VAT</h3>
		<div class="block-options">
			<button type="button" class="btn-block-option" data-toggle="block-option" data-action="content_toggle"><i class="si si-arrow-up"></i></button>
		</div>
	</div>
	<div class="block-content">
		<h2 class="content-heading">ประเภท</h2>
		<div class="form-group">
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input vat-type" id="vat_type_{{ $v }}" name="vat_type" 
					value="{{ $v }}" {{ (strcmp($vat_type, $v) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="vat_type_{{ $v }}">{{ trans('lang.vat_type_' . $v) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input vat-type" id="vat_type_{{ $v }}" name="vat_type" 
					value="{{ $v }}" {{ (strcmp($vat_type, $v) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="vat_type_{{ $v }}">{{ trans('lang.vat_type_' . $v) }}</label>
			</div>
						<div class="custom-control custom-radio custom-control-inline custom-control-primary">
				<input type="radio" class="custom-control-input vat-type" id="vat_type_{{ $v }}" name="vat_type" 
					value="{{ $v }}" {{ (strcmp($vat_type, $v) == 0) ? 'checked' : '' }} >
				<label class="custom-control-label" for="vat_type_{{ $v }}">{{ trans('lang.vat_type_' . $v) }}</label>
			</div>
					</div>

		<h2 class="content-heading">จำนวน</h2>
		<div class="form-group row">
			<div class="col-3">
				<input type="number" class="form-control vat-value" value="{{ $vat }}" >
			</div>
		</div>
		<h2 class="content-heading">Service Charge %</h2>
		<div class="form-group row">
			<div class="col-3">
				<input type="number" class="form-control svc-value" value="{{ $service_charge_percent }}" >
			</div>
		</div>
	</div>
</div>

<div class="modal" id="checkout-modal" tabindex="-1" role="dialog" aria-labelledby="modal-block-vcenter" style="display: none;" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="block block-themed block-transparent mb-0">
				<div class="block-header bg-primary-dark">
					<h3 class="block-title">สรุปรวม</h3>
					<div class="block-options">
						<button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
							<i class="fa fa-fw fa-times"></i>
						</button>
					</div>
				</div>
				<div class="block-content pb-4">
					
				</div>
			</div>
			<input type="hidden" class="table-id" name="table-id" value="" >
		</div>
	</div>
</div>

<script id="script-modal-content" type="text/x-handlebars-template">
	<div class="row">
		<div class="col-md-8 col-12 text-right">
			<span class="text-muted">
				Service Charge
			</span>
		</div>
		<div class="col-md-4 col-12 text-right">
			<label>@{{ service_charge }}</label>
		</div>
	</div>
	<div class="row">
		<div class="col-md-8 col-12 text-right">
			<span class="text-muted">
				@{{ vat_type_text }}
			</span>
		</div>
		<div class="col-md-4 col-12 text-right">
			<label>@{{ vat_text }}</label>
		</div>
	</div>
	<div class="row">
		<div class="col-md-8 col-12 text-right">
			<span class="text-muted">
				Subtotal
			</span>
		</div>
		<div class="col-md-4 col-12 text-right">
			<label>@{{ subtotal_text }}</label>
		</div>
	</div>
	<div class="row">
		<div class="col-md-8 col-12 text-right">
			<span class="text-muted">
				@{{ discount_mode_text }}
			</span>
		</div>
		<div class="col-md-4 col-12 text-right">
			<label>@{{ discount_total_text }}</label>
		</div>
	</div>
	<div class="row">
		<div class="col-md-8 col-12 text-right">
			<span class="text-muted">
				Total
			</span>
		</div>
		<div class="col-md-4 col-12 text-right">
			<label>@{{ total_text }}</label>
		</div>
	</div>
	<h3 class="content-heading pt-0">จ่ายเงิน</h3>
	<div class="form-group">
		<label class="d-block">Credit</label>
		<div class="custom-control custom-checkbox custom-control-lg custom-control-inline">
			<input type="checkbox" class="custom-control-input credit" id="credit" name="credit" value="credit" >
			<label class="custom-control-label" for="credit">Credit</label>
		</div>
	</div>
	<input type="number" class="form-control form-control-lg mb-1" id="cash" name="cash" placeholder="cash">
	<button type="button" class="btn btn-lg btn-info btn-block btn-checkout-confirm disabled">Checkout</button>
	<input type="hidden" class="checkout_total" id="checkout_total" name="checkout_total" value="@{{ total }}">
</script>

<script id="entry-template" type="text/x-handlebars-template">
	<tr>
		<td>@{{ name }}</td>
		<td class="text-center" >
			<button type="button" class="btn btn-danger btn-rounded btn-del-row-product">
				<i class="fa fa-fw fa-times"></i>
			</button>
		</td>
		<td class="text-right" >
			<input class="form-control row-qty" type="number" name="row-qty" value="@{{ qty }}" min="1" style="text-align: right;" >
		</td>
		<td class="text-right" >@{{ price_text }}</td>
		<td class="text-right td-discount" >
			<input class="form-control row-discount td-discount" type="number" name="row-discount" value="@{{ discount }}" min="0" style="text-align: right;" >
		</td>
		<td class="text-right" >@{{ total_text }}</td>
		<input type="hidden" name="id" value="@{{ id }}" >
		<input type="hidden" name="product_id" value="@{{ product_id }}" >
	</tr>
</script>

<script id="script-modal-change" type="text/x-handlebars-template">
	<div class="row">
		<div class="col-12 text-center">
			<h1 class="text-muted">
				เงินทอน @{{ change_text }} บาท
			</h1>
		</div>
	</div>
</script>

{!! view('cancelorder.cancelorder')->render() !!}

@endsection

@section('css')
<link rel="stylesheet" href="assets/js/plugins/select2/css/select2.min.css" />
@endsection

@section('script')
<script src="packages/handlebars/handlebars.min.js"></script>
<script src="assets/js/plugins/select2/js/select2.full.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
	(function ($) {
		function getTableObject(obj, discount_line){
			var source   = document.getElementById("entry-template").innerHTML;
			var template = Handlebars.compile(source);
			obj.discount_line = discount_line;
			var html    = template(obj);
			return html;
		}

		var table_id = $("#table_id").val();

		function getData(){
			$.get("{{ route('checkout-products') }}", {
				table_id: table_id
			}, function(res){
				console.log('res', res);
				var products = res.products;
				var discount_line = res.discount_line;
				$("#table-body").html("");
				products.forEach(function(element){
					var html = getTableObject(element, discount_line);
					$("#table-body").append(html);
				});
				$("#table-footer .vat").html(res.calculate.vat_text);
				$("#table-footer .subtotal").html(res.calculate.subtotal_text);
				$("#table-footer .total").html(res.calculate.total_text);
				$("#table-footer .discount_total").html(res.calculate.discount_total_text);
				$("#table-footer .discount_mode").html(res.calculate.discount_mode_text);
				$("#table-footer .service_charge_footer").html(res.calculate.service_charge_footer);
				$("#table-footer .service_charge").html(res.calculate.service_charge_text);
			}, 'json');
		}

		if (table_id) {
			getData();
		}

		$(".btn-add-product").on("click", function(){
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-add-product') }}", {
				_token: $('meta[name="csrf-token"]').attr('content'),
				product_id: $("#product_add_id").val()
			}, function(res){
				console.log('res', res);
				if (res.status) {
					getData();
				}
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(document).on("click", ".add-product", function(){
			var productid = $(this).find("input:hidden[name=productid]").val();
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-add-product') }}", {
				_token: $('meta[name="csrf-token"]').attr('content'),
				product_id: productid
			}, function(res){
				console.log('res', res);
				if (res.status) {
					getData();
				}
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(".discount-mode").on("change", function(){
			var mode = $(this).val();
			console.log('mode', mode);
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-change-discount-mode') }}", {
				table_id: table_id,
				_token: $('meta[name="csrf-token"]').attr('content'),
				mode: mode
			}, function(res){
				getData();

				// show hide before post
				/* var _mode = parseInt(mode, 10);
				if (_mode == 0) {
					// case none
					$(".th-discount").hide();
					$(".td-discount").hide();
				} else if (_mode == 1) {
					// case all
					$(".th-discount").hide();
					$(".td-discount").hide();
				} else if (_mode == 2) {
					// case line
					$(".th-discount").show();
					$(".td-discount").show();
				} else if (_mode == 3) {
					// case category
					$(".th-discount").hide();
					$(".td-discount").hide();
				} */
				// end

				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(".discount-type").on("change", function(){
			var type = $(this).val();
			console.log('type', type);
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-change-discount-type') }}", {
				table_id: table_id,
				_token: $('meta[name="csrf-token"]').attr('content'),
				type: type
			}, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(".discount-value").on("change", function(){
			var value = $(this).val();
			console.log('value', value);
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-change-discount') }}", {
				table_id: table_id,
				_token: $('meta[name="csrf-token"]').attr('content'),
				value: value
			}, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		/////////////

		$(".vat-type").on("change", function(){
			var type = $(this).val();
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-change-vat-type') }}", {
				table_id: table_id,
				_token: $('meta[name="csrf-token"]').attr('content'),
				type: type
			}, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(".vat-value").on("change", function(){
			var value = $(this).val();
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-change-vat') }}", {
				table_id: table_id,
				_token: $('meta[name="csrf-token"]').attr('content'),
				value: value
			}, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(".svc-value").on("change", function(){
			var value = $(this).val();
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('sale-change-service_charge_percent') }}", {
				table_id: table_id,
				_token: $('meta[name="csrf-token"]').attr('content'),
				value: value
			}, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$('.js-select2').select2({
			placeholder: 'Select'
		});

		$("#customer_id").on("change", function(){
			var customer_id = $(this).val();
			Dashmix.block('state_loading', '#block-customer');
			$.get("{{ route('sale-get-customer') }}", {
				customer_id: customer_id,
				_token: $('meta[name="csrf-token"]').attr('content')
			}, function(res){
				if (res.status) {
					$("#customer_fullname").val(res.fullname);
					$("#customer_taxid").val(res.taxid);
					$("#customer_address").val(res.address);
					$("#customer_tel").val(res.tel);
					$("#customer_email").val(res.email);
				} else {
					$("#customer_fullname").val();
					$("#customer_taxid").val();
					$("#customer_address").val();
					$("#customer_tel").val();
					$("#customer_email").val();
				}
				Dashmix.block('state_normal', '#block-customer');
			}, 'json');
		});

		$(".btn-checkout-modal").on("click", function(){
			$.get("{{ route('checkout-products') }}", {
				table_id: table_id
			}, function(res){
				console.log('res', res);
				var source   = document.getElementById("script-modal-content").innerHTML;
				var template = Handlebars.compile(source);
				var html    = template(res.calculate);
				$('#checkout-modal .block-content').html(html);
				$('#checkout-modal').modal('show');
			}, 'json');
			/* $('#checkout-modal .block-content').html(html);
			$('#checkout-modal').modal('show'); */
		});

		$(document).on("change", "#cash", function(){
			var cash = $(this).val();
			cash = parseFloat(cash);
			var checkout_total = $("#checkout-modal .block-content .checkout_total").val();
			checkout_total = parseFloat(checkout_total);
			$("#checkout-modal .block-content .btn-checkout-confirm").addClass("disabled");
			if (isNaN(cash)) {
				//
				return false;
			}
			if (isNaN(checkout_total)) {
				//
				return false;
			}
			if (cash < checkout_total) {
				//
				return false;
			}
			console.log('cash', cash);
			console.log('checkout_total', checkout_total);
			$("#checkout-modal .block-content .btn-checkout-confirm").removeClass("disabled");
		});

		function printReceipt(order_id, redirect, res_cb, cb){
			$.get("{{ route('print-receipt') }}", {
				order_id: order_id
			}, function(res){
				console.log('res', res);
				if (res.status) {
					w = window.open(null, 'print', "width=1200,height=1200");
					w.document.write(res.html);
					setTimeout(function() {
						w.focus();
						w.print();
						w.close();
						cb(res_cb);
					}, 300);
					
					//window.location.href = redirect;
				}
			}, 'json');
		}

		$(document).on("click", "#checkout-modal .block-content .btn-checkout-confirm", function(){
			if ($(this).hasClass("disabled")) {
				//
				return false;
			}
			var cash = $("#cash").val();
			cash = parseFloat(cash);
			var checkout_total = $("#checkout-modal .block-content .checkout_total").val();
			checkout_total = parseFloat(checkout_total);
			var params = {
				_token: $('meta[name="csrf-token"]').attr('content'),
				credit: $("#checkout-modal .credit").prop("checked"),
				checkout_total: checkout_total,
				cash: cash,
				customer_id: $("#form_checkout #customer_id").val(),
				customer_taxid: $("#form_checkout #customer_taxid").val(),
				customer_email: $("#form_checkout #customer_email").val(),
				customer_tel: $("#form_checkout #customer_tel").val(),
				customer_address: $("#form_checkout #customer_address").val(),
				customer_fullname: $("#form_checkout #customer_fullname").val(),
				table_id: table_id
			};
			console.log('params', params);
			$("#checkout-modal .block-content .btn-checkout-confirm").addClass("disabled");
			$.post("{{ route('sale-checkout-save') }}", params, function(res){
				console.log('res', res);
				/* if (res.status) {
					window.location.href = res.redirect;
				} */
				printReceipt(res.order_id, res.redirect, res, function(res){
					if (res.show_change_modal) {
						var source   = document.getElementById("script-modal-change").innerHTML;
						var template = Handlebars.compile(source);
						var params = {
							change_text: res.change_text
						};
						var html = template(params);
						$('#checkout-modal .block-content').html(html);
						$('#checkout-modal').on('hidden.bs.modal', function (e) {
							if (res.order_id) {
								//printReceipt(res.order_id, res.redirect);
								window.location.href = res.redirect;
							}
						});
						$('#checkout-modal').modal('show');
					} else {
						if (res.order_id) {
							//printReceipt(res.order_id, res.redirect);
							window.location.href = res.redirect;
						}
					}
				});
			}, 'json');
		});

		$(".btn-invoice-print").on("click", function(){
			var params = {
				_token: $('meta[name="csrf-token"]').attr('content'),
				table_id: table_id
			};
			$.post("{{ route('sale-print-invoice') }}", params, function(res){
				w = window.open(null, 'print', "width=1200,height=1200");
				w.document.write(res.html);
				setTimeout(function() {
					w.focus();
					w.print();
					w.close();
				}, 300);
			}, 'json');
		});

		$(document).on("click", ".btn-del-row-product", function(){
			var _this = $(this);
			var _tr = _this.parents("tr");
			var product_id = _tr.find("input:hidden[name=product_id]").val();
			var id = _tr.find("input:hidden[name=id]").val();
			var params = {
				_token: $('meta[name="csrf-token"]').attr('content'),
				table_id: table_id,
				id: id,
				product_id: product_id,
			};
			$("#modal-cancel-order #product_id").val(product_id);
			$("#modal-cancel-order #table_id").val(table_id);
			$("#modal-cancel-order #table_product_id").val(id);
			$("#modal-cancel-order").modal("show");
			/* Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('del-checkout-product') }}", params, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json'); */
		});

		$(document).on("click", ".btn-modal-cancel-order", function(){
			var product_id = $("#modal-cancel-order #product_id").val();
			var table_id = $("#modal-cancel-order #table_id").val();
			var id = $("#modal-cancel-order #table_product_id").val();
			$.post("{{ route('cancel-order') }}", {
				_token: $('meta[name="csrf-token"]').attr('content'),
				product_id: product_id,
				table_id: table_id,
				remark: $("#modal-cancel-order #cancel_remark").val()
			}, function (resdel) {
				$("#modal-cancel-order").modal("hide");
				var params = {
					_token: $('meta[name="csrf-token"]').attr('content'),
					table_id: table_id,
					id: id,
					product_id: product_id,
				};
				Dashmix.block('state_loading', '#block-table');
				$.post("{{ route('del-checkout-product') }}", params, function(res){
					getData();
					Dashmix.block('state_normal', '#block-table');
				}, 'json');
			}, 'json');
		});

		$(document).on("change", ".row-qty", function(){
			var _this = $(this);
			var _tr = _this.parents("tr");
			var qty = _this.val();
			var params = {
				_token: $('meta[name="csrf-token"]').attr('content'),
				table_id: table_id,
				id: _tr.find("input:hidden[name=id]").val(),
				product_id: _tr.find("input:hidden[name=product_id]").val(),
				qty: qty
			};
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('change-qty-checkout-product') }}", params, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

		$(document).on("change", ".row-discount", function(){
			var _this = $(this);
			var _tr = _this.parents("tr");
			var discount = _this.val();
			var mode = $(".discount-mode:checked").val();
			var params = {
				_token: $('meta[name="csrf-token"]').attr('content'),
				table_id: table_id,
				id: _tr.find("input:hidden[name=id]").val(),
				product_id: _tr.find("input:hidden[name=product_id]").val(),
				discount: discount,
				mode: mode
			};
			Dashmix.block('state_loading', '#block-table');
			$.post("{{ route('change-discount-checkout-product') }}", params, function(res){
				getData();
				Dashmix.block('state_normal', '#block-table');
			}, 'json');
		});

	})(jQuery);
});
</script>

@endsection