@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
	.form-group {
		margin-bottom: 0px !important;
	}
</style>
@endsection
@section('body_content')
<div class="container body">
	<div class="main_container">
		@include('includes.sidebar')
		<div class="right_col" role="main">
			<div class="page-title">
				<div class="title_left">
					<h3>Inquiry Transaction</h3>
				</div>
				<div class="clearfix"></div>
			</div>

			<div class="row">
				<div class="col-xs-12">
					<ol class="breadcrumb">
						<li><a href="{{ route('dashboard') }}">Home</a></li>
						<li class="active">Inquiry transaction</li>
					</ol>
				</div>

				<div class="col-xs-12">
					<div class="x_panel">
						<div class="x_content">
							<form class="form-horizontal" method="get">
								<div class="form-group">
									<label class="col-xs-12 col-sm-2 control-label">Transaction code :</label>
									<div class="col-xs-12 col-sm-10">
										<input name="code" type="text" class="form-control" placeholder="Transaction code (eg: AA2002020)" autocomplete="false" autofocus required value="{{ $transaction->code or '' }}">
									</div>
								</div>

								<div class="form-group">
									<div class="text-center loading" style="display:none"><i class="fa fa fa-spinner fa-pulse"></i></div>
									<div class="col-xs-12 col-sm-offset-2 col-sm-10">
										<button type="submit" class="btn btn-default"><i class="fa fa-search" aria-hidden="true"></i> Search</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>

				@if($transaction)
				<div class="col-xs-12">
					<div class="x_panel">
						<div class="x_title">
							<h2>Detail</h2>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Transaction code :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction->code }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Type :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction->transaksi_type->type }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Status :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">
											@if($transaction->status == "0") NOT ACTIVE
											@elseif($transaction->status == "1") ACTIVE
											@elseif($transaction->status == "2") CANCEL
											@elseif($transaction->status == "3") PENDING
											@elseif($transaction->status == "5") PENDING
											@endif
										</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Created at :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction->created_at }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Approved at :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction->date_approved ? : '~'}}</p>
									</div>
								</div>

								@if($transaction->type == \App\Models\Transaksi_model::TYPE_LE_BUY && $transaction->status != \App\Models\Transaksi_model::STATUS_ACTIVE && !$transaction->laku_cicil_detail)
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label"></label>
									<div class="col-xs-12 col-sm-9">
										<!-- <p class="form-control-static">info@lakuemas.com</p> -->
										<p class="form-control-static">
											<button type="button" class="btn btn-success btn-calculate" onclick="checkPayment('{{ $transaction->code }}')">
												Cek Pembayaran
											</button>

											@if(in_array(auth()->user()->username, explode(',', env('USER_CAN_APPROVE_PAYMENT'))))
											<button type="button" class="btn btn-success btn-calculate" onclick="recalculateMutation('{{ $transaction->tabungan_transaksi[0]->tabungan->nomor_rekening }}')">
												Hitung Ulang Mutasi
											</button>

											<button type="button" class="btn btn-warning btn-calculate" onclick="approvePayment('{{ $transaction->code }}')">Approve Payment</button>
											@endif
										</p>

									</div>
								</div>
								@endif

								@if($transaction->parent_transaction)
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Parent Transaction :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static"><a href="{{ route('inquiry_trx', ['code'=>$transaction->parent_transaction->code]) }}" target="_blank">{{ $transaction->parent_transaction->code }}</a></p>
									</div>
								</div>
								@endif

								@if($transaction->child_transaction)
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Child Transaction :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static"><a href="{{ route('inquiry_trx', ['code'=>$transaction->child_transaction->code]) }}" target="_blank">{{ $transaction->child_transaction->code }}</a></p>
									</div>
								</div>
								@endif

								<hr>

								@foreach($transaction->tabungan_transaksi as $transaction_detail)
								@if($transaction_detail->tabungan->customer)
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Customer code :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->tabungan->customer->code }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Customer name :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->tabungan->customer->name }}</p>
									</div>
								</div>
								@elseif($transaction_detail->tabungan->users_bisnis)
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Store mid :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->tabungan->users_bisnis->mid }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Store name :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->tabungan->users_bisnis->store_name }}</p>
									</div>
								</div>
								@endif

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Lakuemas account number :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->tabungan->nomor_rekening }}</p>
									</div>
								</div>

								@if(!empty($transaction_detail->debet))
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Debet :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->debet }}</p>
									</div>
								</div>
								@endif

								@if(!empty($transaction_detail->credit))
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Credit :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->credit }}</p>
									</div>
								</div>
								@endif

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Gross nominal :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">Rp. {{ number_format($transaction_detail->total_dana_setor) }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Keterangan :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->keterangan }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Sell price :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">Rp. {{ number_format($transaction_detail->harga_jual) }}</p>
									</div>
								</div>

								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Buy price :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">Rp. {{ number_format($transaction_detail->harga_beli) }}</p>
									</div>
								</div>

								@if($transaction->type == \App\Models\Transaksi_model::TYPE_LE_BUY && !$transaction->laku_cicil_detail)
								<div class="form-group">
									<label class="col-xs-12 col-sm-3 control-label">Metode pembayaran :</label>
									<div class="col-xs-12 col-sm-9">
										<p class="form-control-static">{{ $transaction_detail->payment_channel->label }}</p>
									</div>
								</div>
								@endif

								<hr>
								@endforeach

								<div class="form-group text-center box-submit">
									<div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
									<div class="submit">
										@if(($transaction->type == \App\Models\Transaksi_model::TYPE_LE_BUY || $transaction->type == \App\Models\Transaksi_model::TYPE_LE_PAYMENT) && $transaction->status == \App\Models\Transaksi_model::STATUS_AKTIF)
										<button type="button" class="btn btn-default btn-resend-email" trx_type="{{ encrypt($transaction->type) }}"><i class="fa fa-envelope-o" aria-hidden="true"></i> Resend email</button>
										@endif

										@if($transaction->type == \App\Models\Transaksi_model::TYPE_LE_BUY && $transaction->status == \App\Models\Transaksi_model::STATUS_AKTIF)
										<a class="btn btn-default btn-download-invoice" href="{{ route('transaction_download_invoice', ['code'=>$transaction->code]) }}" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Download invoice</a>
										@endif

										@if($transaction->type === \App\Models\Transaksi_model::TYPE_LE_SELL)
										@if($transaction->status == 1 || $transaction->status == 3)
										<button type="button" class="btn btn-warning" onclick="resend_email_sell('{{ $transaction->status }}')"><i class="fa fa-envelope" aria-hidden="true"></i> Resend Email</button>
										@endif
										@endif

										@if(!in_array($transaction->type, [
										\App\Models\Transaksi_model::TYPE_LT_PRINCIPAL_RETURN,
										\App\Models\Transaksi_model::TYPE_LT_INTEREST,
										\App\Models\Transaksi_model::TYPE_LT_PENALTY,
										\App\Models\Transaksi_model::TYPE_LT_TAX,
										\App\Models\Transaksi_model::TYPE_LE_REBALANCING
										]))
										@if($transaction->status == 1 || $transaction->status == 3 || $transaction->status == 5)
										<button type="button" class="btn btn-danger btn-correction"><i class="fa fa-balance-scale" aria-hidden="true"></i> Correction</button>
										<button type="button" class="btn btn-danger btn-void">Void</button>
										@endif
										@endif
										@if(!empty($transaction->id_parent_transaction)) <button type="button" class="btn btn-danger btn-send-icdx">Send ICDX</button> @endif
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				@endif
			</div>
		</div>
		@include('includes.footer')
	</div>
</div>

@if($transaction)
<div class="modal fade" tabindex="-1" role="dialog" id="modal-correction">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">Correction</h4>
			</div>
			<div class="modal-body">
				<p>Are you sure want to create correction transaction <strong>#{{ $transaction->code }}</strong></p>
				<p>Please input your pin to proceed this transaction</p>
				<div class="form-group">
					<input type="password" id="pin" placeholder="Your pin" autocomplete="off" class="form-control" />
				</div>
			</div>
			<div class="modal-footer">
				<div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
				<div class="submit">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary btn-proceed-correction">Proceed</button>
				</div>
			</div>
		</div>
	</div>
</div>
@endif

@if(!empty($transaction->id_parent_transaction))
<div class="modal fade" tabindex="-1" role="dialog" id="modal-send-icdx">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">Send to ICDX</h4>
			</div>
			<form class="form-horizontal send-icdx" method="POST">
				<div class="modal-body">
					<div class="row">
						<div class="col-xs-12 col-sm-6">
							<h5 class="text-center">Transaction</h5>
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2">Code</label>
									<div class="col-sm-10">: <b>{{ $transaction->code }}</b></div>
								</div>
								<div class="form-group">
									<label class="col-sm-2">Type</label>
									<div class="col-sm-10">: <b>{{ $transaction->transaksi_type->type }}</b></div>
								</div>
								<div class="form-group">
									<label class="col-sm-2">Status</label>
									<div class="col-sm-10">: <b>@if($transaction->status == "0") NOT ACTIVE
											@elseif($transaction->status == "1") ACTIVE
											@elseif($transaction->status == "2") CANCEL
											@elseif($transaction->status == "3") PENDING
											@elseif($transaction->status == "5") PENDING
											@endif</b>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-12 col-sm-6">
							<h5 class="text-center">Customer</h5>
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2">Code</label>
									<div class="col-sm-10">: <b>{{ $transaction_detail->tabungan->customer->code }}</b></div>
								</div>
								<div class="form-group">
									<label class="col-sm-2">Name</label>
									<div class="col-sm-10">: <b>{{ $transaction_detail->tabungan->customer->name }}</b></div>
								</div>
								<div class="form-group">
									<label class="col-sm-12">Lakuemas Account No.</label>
									<div class="col-sm-12"><b>{{ $transaction_detail->tabungan->nomor_rekening }}</b></div>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<input type="hidden" name="tid" value="{{ encrypt($transaction->id) }}" />
							<input type="hidden" name="customer_code" value="{{ encrypt($transaction_detail->tabungan->customer->code) }}" />
							<input type="hidden" name="trx_code" value="{{ encrypt($transaction->code) }}" />
							<input type="hidden" name="approved_at" value="{{ encrypt($transaction->date_approved) }}" />
							<div class="form-group">
								<label for="amount" class="col-sm-2 control-label">Jumlah</label>
								<div class="col-sm-10">
									<input class="form-control" id="amount" name="amount" maxlength="10" placeholder="Jumlah" @empty($transaction_detail->credit) value="{{ trim($transaction_detail->debet) }}" @else value="{{ trim($transaction_detail->credit) }}" @endempty>
								</div>
							</div>
							<div class="form-group">
								<label for="desc" class="col-sm-2 control-label">Keterangan</label>
								<div class="col-sm-10">
									<input class="form-control" id="desc" name="desc" maxlength="255" placeholder="Keterangan">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Harga</label>
								<div class="col-sm-10">
									<div class="radio">
										<label>
											<input type="radio" name="price" id="optType1" value="{{ encrypt($transaction_detail->harga_beli)}}"> {{ number_format($transaction_detail->harga_beli, 0, ',', '.') }}
										</label>
									</div>
									<div class="radio">
										<label>
											<input type="radio" name="price" id="optType2" value="{{ encrypt($transaction_detail->harga_jual) }}"> {{ number_format($transaction_detail->harga_jual, 0, ',', '.') }}
										</label>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Tipe</label>
								<div class="col-sm-10">
									<div class="radio">
										<label>
											<input type="radio" name="trx_type" id="optType1" value="{{ encrypt('buy')}}"> Buy
										</label>
									</div>
									<div class="radio">
										<label>
											<input type="radio" name="trx_type" id="optType2" value="{{ encrypt('sell') }}"> Sell
										</label>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
					<div class="submit">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="submit" class="btn btn-primary btn-confirm-send-icdx">Confirm send to ICDX</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
@endif
@endsection

@if($transaction)
@section('scripts')
<script type="text/javascript">
	function recalculateMutation(nomor_rekening) {
		let message = "Apakah Anda yakin ingin menghitung kembali mutasi rekening ini ?";
		if (confirm(message) == true) {
			$('.btn-calculate').prop('disabled', true);
			location.href = "{{ url('transaction/inquiry/recalculate_mutation') }}/" + nomor_rekening;
		}
	}

	function approvePayment(code) {
		let message = "Apakah Anda yakin akan menyetujui pembayaran ini ?";
		if (confirm(message) == true) {
			$('.btn-calculate').prop('disabled', true);
			location.href = "{{ url('transaction/inquiry/approve_payment') }}/" + code;
		}
	}

	function checkPayment(code_trx) {
		$('#cover-spin').fadeIn();
		$('.btn-calculate').prop('disabled', true);
		$.ajax({
			url: '{{ route("transaction_check_payment") }}',
			method: "POST",
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			data: {
				'code': code_trx
			},
			error: function(response) {},
			success: function(response) {
				alert("Status: " + response.status + "\nMessage: " + response.message);
				$('#cover-spin').fadeOut();
			}
		});
		return false;
	}


	function resend_email() {
		$(".box-submit").find('.loading').removeClass('hidden');
		$(".box-submit").find('.submit').addClass('hidden');
		$.ajax({
			url: 'inquiry/resend_email?type=' + $(".btn-resend-email").attr("trx_type"),
			method: "POST",
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			data: {
				'code': '{{ $transaction->code }}'
			},
			error: function(response) {
				$(".box-submit").find('.loading').addClass('hidden');
				$(".box-submit").find('.submit').removeClass('hidden');
				var response = data.responseJSON;
				alert(response.error);
			},
			success: function(response) {
				$(".box-submit").find('.loading').addClass('hidden');
				$(".box-submit").find('.submit').removeClass('hidden');
				alert("Processed");
			}
		});
		return false;
	}

	function resend_email_sell(status) {
		$(".box-submit").find('.loading').removeClass('hidden');
		$(".box-submit").find('.submit').addClass('hidden');
		$.ajax({
			url: 'inquiry/resend_email_sell?status=' + status,
			method: "POST",
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			data: {
				'code': '{{ $transaction->code }}'
			},
			error: function(response) {
				alert("Error");
			},
			success: function(response) {
				$(".box-submit").find('.loading').addClass('hidden');
				$(".box-submit").find('.submit').removeClass('hidden');
				alert("Processed");
			}
		});
		return false;
	}

	function open_popup_correction() {
		$("#modal-correction").modal({
			"keyboard": false
		});
		$(".input-pin").val("");
		return false;
	}

	function correction() {
		$(".box-submit").find('.loading').removeClass('hidden');
		$(".box-submit").find('.submit').addClass('hidden');
		$(".btn-proceed-correction").hide();
		$.ajax({
			url: 'inquiry/correction',
			method: "POST",
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			data: {
				'code': '{{ $transaction->code }}',
				pin: $.trim($("#pin").val())
			},
			error: function(response) {
				$(".box-submit").find('.loading').addClass('hidden');
				$(".box-submit").find('.submit').removeClass('hidden');
				var response = response.responseJSON;
				$(".btn-proceed-correction").show();
				alert(response.error);
			},
			success: function(response) {
				alert("Processed");
				location.reload();
			}
		});
		return false;
	}

	$(document).ready(function() {
		$(".btn-resend-email").on('click', resend_email);
		$(".btn-correction").on("click", open_popup_correction);
		$(".btn-proceed-correction").on("click", correction);
		$(".fa-bars").trigger("click");

		$(".btn-send-icdx").click(function() {
			/* cmp_parent = $(this).parent();
			if(!$(this).is(":hidden")) $.ajax({
				url: 'inquiry/send_icdx',
				method: "POST",
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				data: {'enc_code' : '{{ encrypt($transaction->code) }}'},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".fa-spinner", cmp_parent).remove();
					$("button", cmp_parent).show();
				},
				success: function(response) {
					alert("Processed");
					// location.reload();
				}
			});

			$("button", cmp_parent).hide();
			$(this).parent().prepend($("<i>").attr("class", "fa fa-spin fa-spinner")); */
			$("#modal-send-icdx").modal({
				"keyboard": false
			}).on("shown.bs.modal", function() {
				$("#amount").select();
			});
		})

		$("#amount").keypress(function(e) {
			return ((e.which > 47 && e.which < 58) || (e.which == 46 && $(this).val().indexOf(".") == -1) || e.which == 13 ? true : false)
		});

		$(".btn-void").click(function() {
			cmp_parent = $(this).parent();
			if (!$(this).is(":hidden")) $.ajax({
				url: 'inquiry/void',
				method: "POST",
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},
				data: {
					'enc_code': '{{ encrypt($transaction->code) }}'
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".fa-spinner", cmp_parent).remove();
					$("button", cmp_parent).show();
				},
				success: function(response) {
					alert("Processed");
					// location.reload();
				}
			});

			$("button", cmp_parent).hide();
			$(this).parent().prepend($("<i>").attr("class", "fa fa-spin fa-spinner"));
		})

		$("form.send-icdx").submit(function() {
			submit_btn = $(".btn-confirm-send-icdx");
			submit_btn.parent().append($("<i>").attr("class", "fa fa-spin fa-spinner"));

			if (!submit_btn.is(":hidden")) $.ajax({
				url: 'inquiry/send_icdx',
				method: "POST",
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},
				data: new FormData($(this)[0]),
				contentType: false,
				processData: false,
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".fa-spinner", submit_btn.parent()).remove();
					submit_btn.show();
				},
				success: function(response) {
					alert(response.msg);
					$(".fa-spinner", submit_btn.parent()).remove();
					submit_btn.show();
				}
			});
			submit_btn.hide();

			return false;
		});
	});
</script>
@endsection
@endif