@extends('layouts.layout')
@section('css')
	<style>
		input[type=checkbox] {
			 position: relative;
			   cursor: pointer;
		}
		input[type=checkbox]:before {
			 content: "";
			 display: block;
			 position: absolute;
			 width: 23px;
			 height: 23px;
			 top: 0;
			 left: 0;
			 border: 2px solid #555555;
			 border-radius: 3px;
			 background-color: white;
		}
		input[type=checkbox]:checked:after {
			 content: "";
			 display: block;
			 width: 7px;
			 height: 14px;
			 border: solid black;
			 border-width: 0 2px 2px 0;
			 -webkit-transform: rotate(45deg);
			 -ms-transform: rotate(45deg);
			 transform: rotate(45deg);
			 position: absolute;
			 top: 3px;
			 left: 8px;
		}
	</style>
@endsection
@section('body_class', 'nav-md')
@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>Tarik Tunai - Oversight List <i class="fa fa-window-close text-danger"></i> <small>Total : {{ number_format($total_manualList) }}</small></h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">     
                <div class="col-xs-12 col-md-12">
                    <div class="x_panel">                        
                        <div class="x_content">
							<h4 style="margin: 0px;"><b><center>FILTER</center></b><hr style="border: 1px dashed #ccc;"></h4>
                            <form class="form-horizontal">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Trx Code :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" name="code" value="{{ $request['code'] }}" placeholder="code">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Cust Name :</label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" name="customer" value="{{ $request['customer'] }}" placeholder="customer name">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">Start :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="date" class="form-control" name="start" value="{{ $request['start'] }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-3 control-label">End :</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="date" class="form-control" name="end" value="{{ $request['end'] }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-12 text-center">
									<hr style="border: 1px dashed #ccc;">
                                    <button type="submit" class="btn btn-success">Search</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">            
                        <div class="x_content" style="overflow: auto; zoom: 0.9;">
							{{--
                            <div class="text-right"><a href="{{ route('butik/resell/transaction/download', [
                                'invoice' => $request['invoice'],
                                'status' => $request['status'],
                                'store' => $request['store'],
                                'start' => $request['start'],
                                'end' => $request['end']
                            ]) }}" target="_blank" class="btn btn-default">Download</a></div>
							--}}
							{{--
							<div class="alert alert-default">
								<b>Keterangan Action Button : </b>
								<ul>
									<li><b><span class="text-info">RETRY</span>  : </b> Transaksi yang di RETRY berpotensi double jika ada yang sudah terdisburse namun belum diupdate oleh sisi Midtrans</li>
									<li><b><span class="text-danger">COMPLETE</span> : </b> Transaksi yang di COMPLETE akan diubah menjadi status sudah terdisburse, sehingga tidak akan uang yang keluar kembali ke Customer</li>
									<li><b><span class="text-warning">REJECT</span> : </b> Transaksi yang di REJECT akan mengembalikan saldo ke saldo akun Customer</li>
								</ul>
							</div>
							--}}
							<div class="alert alert-info" style="margin-bottom: 5px;">
								<b>Keterangan Action Button : </b>
								<ul>
									<li><b>RETRY  : </b> Transaksi yang di RETRY berpotensi double jika ada yang sudah terdisburse namun belum diupdate oleh sisi Midtrans</li>
									<li><b>COMPLETE : </b> Transaksi yang di COMPLETE akan diubah menjadi status sudah terdisburse, sehingga tidak akan uang yang keluar kembali ke Customer</li>
									<li><b>REJECT : </b> Transaksi yang di REJECT akan mengembalikan saldo ke saldo akun Customer</li>
								</ul>
							</div>
							<div>
								<h3 id="itemSelectedArea" style="display: none;">Total Withdrawal : <b>Rp. <span id="totalWithdrawal">0</span></b> <button class="btn btn-warning btn-sm" onclick="confirmApprovalBulk()">Approve Selected</button></h3>
							</div>
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
										{{--
										@if($request['status'] != 'processing_cron')
											<th width="40px" class="text-left" style="padding-bottom: 15px;">
												<input type="checkbox" id="checkAll" value="head">
											</th>
										@endif
										--}}
                                        {{-- <th class="text-center">No</th> --}}
                                        <th class="text-center">Code</th>
                                        <th class="text-center">Customer Type</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-center">Date Request</th>
                                        {{-- <th class="text-center">Disbursement Date</th> --}}
                                        <th class="text-left">Customer Name</th>
                                        <th class="text-left">Customer Info</th>
                                        <th class="text-left">Payment Info</th>
                                        <th class="text-right">Total Withdrawal (Rp.)</th>
                                        <th class="text-center">Notes</th>
                                        <th class="text-center">#</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($manualLists as $manualList)
										@php
											$wallet_transaction = $manualList->wallet_transaction;
											$wallet = $wallet_transaction->wallet;
											$customer = $wallet->customer;
											// \Log::info(['CUSTOMER id', $customer->id]);
											// \Log::info(['CODE', $manualList->wallet_transaction->code]);
											$customer_bank = count($customer->customer_bank) > 0 ? $customer->customer_bank[0] : '';
											$checkboxVal = json_encode(['id' => $manualList->id, 'nominal' => $wallet_transaction->nominal]);
											$customer_watchlist = $customer->customer_watchlist;
										@endphp
										
										<tr id="row_{{ $manualList->wallet_transaction->code }}" @if($manualList->status == 'processing_cron') style="background: #FFFDE7;" @endif>
											{{--
											@if($request['status'] != 'processing_cron')
												<td class="text-left">
													@if(!$customer->is_blocked && !($customer->customer_watchlist && $customer->customer_watchlist->status_watchlist == '1'))
														
														@if($customer_bank)
															<input type="checkbox" class="checkBoxItem" name="" value="{{ $checkboxVal }}">
														@endif

													@endif
												</td>
											@endif
											--}}
											{{-- <td class="text-center">{{ $loop->iteration }}</td> --}}
											<td class="text-center">{{ $wallet_transaction->code }}</td>
											<td class="text-center">
												@if ($manualList->is_elite == 'no')
													Regular
												@else
													Elite
												@endif
											</td>
											<td class="text-center">{{ $manualList->status }}</td>
											<td class="text-center">{{ \Carbon\Carbon::parse($wallet_transaction->created_at)->format('d F Y H:i') }}</td>
											{{-- <td class="text-center">{{ \Carbon\Carbon::parse($manualList->schedule_disbursed_at)->format('d F Y') }}</td> --}}
											<td class="text-left">
												<label class="text-success" onclick="mutationModal('{{ $customer->tabungan[0]->nomor_rekening }}', '{{ $customer->wallet->id }}', '{{ $customer->name }}')" style="cursor: pointer;">
													<i class="fa fa-file-text"></i> <b>{{ $customer->name }}</b>
												</label>
											</td>
											<td class="text-left">
												{{ $customer->handphone }}
												<div><small>{{ $customer->email }}</small></div>
											</td>
											<td class="text-left">
												@if($customer_bank)
													{{ $customer_bank->bank->bank }}
													<div><small>{{ $customer_bank->nomor_rekening }}</small></div>
												@else
													<span style="color: #f00; font-weight: bold;">Customer ini belum input bank</span>
												@endif
											</td>
											<td class="text-right">{{ number_format($wallet_transaction->nominal) }}</td>
											<td class=""><small>{{ $manualList->status_cron_notes }}</small></td>
											<td class="text-center">
												@if($request['status'] != 'processing_cron')
													<div style="border: 0px solid #f00; width: 230px;">
														@if(!$customer->is_blocked && !empty($customer->customer_watchlist) && $customer->customer_watchlist->status_watchlist != 0)
															<!-- user jika ada di watchlist -->
															<small>
																Watchlist By : {{ $customer_watchlist->users->name}} ({{ $customer_watchlist->users->username  }})
																<div>Watchlist At : {{ $customer_watchlist->updated_at }}</div>
															</small>
														@elseif($customer->is_blocked)
															<!-- Jika user diblokir -->
															@php
																$customer_fraud = $customer->customer_fraud()->orderBy('id', 'desc')->first();
															@endphp
															<small>
																Blocked By : {{ $customer_fraud->users->name }} ({{ $customer_fraud->users->username }})
																<div>Blocked At : {{ $customer_fraud->created_at }}</div>
															</small>
														@else
															
															@if($customer_bank && auth()->user()->id_users_team == '4')
																{{--
																	<button class="btn btn-info" onclick="confirmApproval('{{ $manualList->id }}')" style="padding: 3px 5px !important;"><i class="fa fa-paper-plane"></i> Approve</button>
																	<button class="btn btn-danger" onclick="confirmReject('{{ $manualList->id }}')" style="padding: 3px 5px !important;"><i class="fa fa-times"></i> Reject</button>
																	@php
																		$customerCrypt = Crypt::encryptString($customer->code . '-' . date('YmdH'));
																	@endphp
																	<a class="btn btn-warning" style="background: #333; padding: 3px 5px !important;" href="{{ url('customers/detail?code=' . $customerCrypt) }}" target="_blank">
																		<i class="fa fa-lock"></i> Block
																	</a>
																--}}
																<button class="btn btn-info" onclick="retryDisbursement('{{ $wallet_transaction->id }}', '{{ $wallet->id }}', '{{ number_format($wallet_transaction->nominal) }}')" style="padding: 3px 5px !important;"><i class="fa fa-refresh"></i> Retry</button>
																<button class="btn btn-success" onclick="cancelDisbursement('{{ $wallet_transaction->id }}', '{{ $wallet->id }}', '{{ number_format($wallet_transaction->nominal) }}')" style="padding: 3px 5px !important;"><i class="fa fa-check"></i> Complete</button>
																<button class="btn btn-danger" onclick="returnDisbursement('{{ $manualList->id }}', '{{ $wallet_transaction->id }}', '{{ $wallet->id }}', '{{ number_format($wallet_transaction->nominal) }}')" style="padding: 3px 5px !important;"><i class="fa fa-ban"></i> Reject</button>
															@endif
														@endif
													</div>
												@else
													<i class="fa fa-clock-o fa-pulse" style="font-size: 15px;"></i>
												@endif
											</td>
										</tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div style="text-align:center">{{ $manualLists->appends($_GET)->links() }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

<div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-key"></i> Input Your PIN</h5>
        </div>
        <form id="form-pin" method="POST">
            {{ csrf_field() }}
            <div class="modal-body">
                <input type="password" id="pin" name="pin" class="form-control" placeholder="PIN" style="text-align: center;">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-success btn-single" onclick="submitOversight()">Approve</button>
            </div>
        </form>
        </div>
    </div>
</div>

@include('pages.cash_withdrawal.modal')

@endsection


@section('scripts')
    <script>
		$(document).ready(function() {
			get_balance_lei();
		});
		
		$('#checkAll').click(function(event) {   
			if(this.checked) {
				// Iterate each checkbox
				$(':checkbox').each(function() {
					this.checked = true;                        
				});
			} else {
				$(':checkbox').each(function() {
					this.checked = false;                       
				});
			}
			
			sumTotalWithdrawal();
		}); 
		$('.checkBoxItem').click(function(event) {   
			if(this.checked) {
				//console.log(JSON.parse($(this).val()));
			} else {
				$('#checkAll').prop('checked', false)
			}
			
			sumTotalWithdrawal();
		}); 
		
		function sumTotalWithdrawal() {
			let totalWithdrawal = 0;
			$('.checkBoxItem').each(function() {
				let row = JSON.parse($(this).val());
				if(this.checked) {
					totalWithdrawal += parseInt(row['nominal']);
				}
			});
			
			$('#totalWithdrawal').html(parseInt(totalWithdrawal).toLocaleString());
			if(totalWithdrawal > 0) {
				$('#itemSelectedArea').fadeIn();
			}
			else {
				$('#itemSelectedArea').fadeOut();
			}
		}
		
		
		function checkDisbursementProcess(id) {
			$.ajax({
				url: "{{ url('cash_withdrawal/check_disbursement_process') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'request_id' : id
				},
				success: function(response) {
					if(response.status == '1') {
						iziToast.success({
							title: '',
							timeout: 10000,
							position: 'topRight',
							message: response.message,
						});
						
						setTimeout(function() {
							$('#row_' + response.code).hide();
							if(response.is_completed) {
								iziToast.info({
									title: '',
									timeout: 10000,
									position: 'topRight',
									message: 'Waiting to reload page',
								});
								setTimeout(function() {
									location.reload();
								}, 2500);
							}
						}, 1000);
					}
					else {
						setTimeout(function(){
							checkDisbursementProcess(id);
						}, 2000);
					}
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$('#cover-spin').hide();
				}
			});
		}
		

        function get_balance_lei()
        {
            $.ajax({
                url: web_url + '/api/iris/get_balance',
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            })
            .done(function(response) {
                $('#irisBalanceLEI').eq(0).html(response.txt_balance);

            }).error(function(response) {
                alert('Gagal mengambil data saldo iris')
            });


            return false;
        }
    </script>
	@include('pages.cash_withdrawal.modalJS')
@endsection