@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 - Manual List <i class="fa fa-hand-scissors-o text-success"></i> <small>Total : {{ number_format($total_manualList) }}</small></h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-4">
                    <div class="x_panel">                        
                        <div class="x_content">
							<h4 style="margin: 0px;"><b><center>Automatic Disbursed</center></b><hr style="border: 1px dashed #ccc;"></h4>
                            <form class="form-horizontal">
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Today First Gate</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($firstGate) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Today Second Gate</div>
									<div class="col-sm-12 col-md-6 text-right">Rp.  {{ number_format($secondGate) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Today's Total</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($firstGate + $secondGate) }}</div>
								</div>
							</form>
						</div>
					</div>
				</div>                   
                <div class="col-xs-4">
                    <div class="x_panel">                        
                        <div class="x_content">
							<h4 style="margin: 0px;"><b><center>Manual Disbursed</center></b><hr style="border: 1px dashed #ccc;"></h4>
                            <form class="form-horizontal">
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Pending IDR</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($pendingIDR) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Approved Today</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($approvedToday) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6"><i class="fa fa-usd"></i> IRIS Balance</div>
									<div id="irisBalanceLEI" class="col-sm-12 col-md-6 text-right"><i class="fa fa-spinner fa-pulse"></i></div>
								</div>
							</form>
						</div>
					</div>
				</div>                   
                <div class="col-xs-4">
                    <div class="x_panel">                        
                        <div class="x_content">
							<h4 style="margin: 0px;"><b><center>Processing Cron</center></b><hr style="border: 1px dashed #ccc;"></h4>
                            <form class="form-horizontal">
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Total Transaksi</div>
									<div class="col-sm-12 col-md-6 text-right">{{ number_format($cron_pending_total['total_transaction']) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Total Nominal</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($cron_pending_total['sum_nominal']) }}</div>
								</div>
							</form>
						</div>
					</div>
				</div>    
			</div>
			
            <div class="row">                              
                <div class="col-xs-4">
                    <div class="x_panel">                        
                        <div class="x_content">
							<h4 style="margin: 0px;"><b><center>Today Gold Price (Digital)</center></b><hr style="border: 1px dashed #ccc;"></h4>
                            <form class="form-horizontal">
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Harga Beli</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($goldPrice['harga_beli']) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Harga Beli Elite</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($goldPrice['harga_beli_elite']) }}</div>
								</div>
								<div class="form-group">
									<div class="col-sm-12 col-md-6">Harga Jual</div>
									<div class="col-sm-12 col-md-6 text-right">Rp. {{ number_format($goldPrice['harga_jual']) }}</div>
								</div>
								<div style="font-size: 9px; margin-bottom: -10px; margin-top: -3px;"><center>Last Updated : {{ \Carbon\Carbon::parse($goldPrice['last_updated'])->format('d F Y H:i') }}</center></div>
							</form>
						</div>
					</div>
				</div>   
                <div class="col-xs-12 col-md-8">
                    <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 class="form-group">
                                        <label class="col-xs-12 col-sm-4 control-label">Status :</label>
                                        <div class="col-xs-12 col-sm-8">
											<select class="form-control" name="status">
												<option>All</option>
												<option @if($request['status'] == 'Block') selected @endif>Block</option>
												<option @if($request['status'] == 'watchlist') selected @endif value="watchlist">Watchlist</option>
												<option @if($request['status'] == 'Unblock') selected @endif>Unblock</option>
												<option @if($request['status'] == 'processing_cron') selected @endif value="processing_cron">PROCESSING CRON</option>
											</select>
                                        </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;">
							{{--
                            <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>
								<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 table-hover table-striped">
                                <thead>
                                    <tr>
										@if($request['status'] != 'processing_cron' && auth()->user()->id_users_team == '4')
											<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">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">#</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($request['status'] != 'processing_cron' && auth()->user()->id_users_team == '4')
												<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 }} <br>
												<h2 class="text-danger">{{ \Carbon\Carbon::parse($manualList->created_at)->diffInHours(\Carbon\Carbon::now()) }} Jam</h2>
											</td>
											<td>
												@if ($manualList->is_elite == 'no')
													Regular
												@else
													Elite
												@endif
											</td>
											<td class="text-center">{{ \Carbon\Carbon::parse($manualList->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>
												<div>{{ $wallet_transaction->token_temp }}</div>
											</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="text-center">
												@if($request['status'] != 'processing_cron')
													<div style="border: 0px solid #f00; width: 250px;">
														@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="confirmApprovalManual('{{ $manualList->id }}')"><i class="fa fa-paper-plane"></i> Approve</button>
																<button class="btn btn-danger" onclick="confirmRejectManual('{{ $manualList->id }}')"><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;" href="{{ url('customers/detail?code=' . $customerCrypt) }}" target="_blank">
																	<i class="fa fa-lock"></i> Block
																</a>
															@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() }}
            <input type="hidden" id="request_id" name="request_id">  
            <input type="hidden" id="status_approval" name="status_approval">  
            <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="manualApprovalProcess()">Approve</button>
                <button type="button" class="btn btn-success btn-bulk" onclick="manualApprovalBulkProcess()" style="display: none;">Approve Bulk</button>
            </div>
        </form>
        </div>
    </div>
</div>

@include('pages.cash_withdrawal.modal')

@endsection


@section('scripts')
    <script>
		$(document).ready(function() {
			get_balance_lei();
		});
		@if(auth()->user()->id_users_team == '4')
			$('#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 confirmApprovalManual(id) {
				if (confirm("Are you sure want to Approve this request ?") == true) {
					$('#request_id').val(id);
					$('#status_approval').val('approve');
					$('.btn-single').show();
					$('.btn-bulk').hide();
					$('#pinModal').modal('show');
				}
			}
			function confirmRejectManual(id) {
				if (confirm("Are you sure want to Reject this request ?") == true) {
					$('#request_id').val(id);
					$('#status_approval').val('reject');
					$('.btn-single').show();
					$('.btn-bulk').hide();
					$('#pinModal').modal('show');
				}
			}
			
			function manualApprovalProcess(request_trx_id=false) {
				let requestFormId = $('#request_id').val();
				if(request_trx_id) {
					requestFormId = request_trx_id;
				}		
				$('#cover-spin').fadeIn();
				
				if($('#status_approval').val() == 'approve') {
					$.ajax({
						url: "{{ url('cash_withdrawal/manual_approve') }}",
						method: "POST",
						headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
						//data: $("#form-pin").serialize(),
						data: {
							'pin' : $('#pin').val(),
							'request_id' : requestFormId
						},
						success: function(response) {
							setTimeout(function(){
								checkDisbursementProcess(response.manualApproval_id);
							}, 3000);
						},
						error: function(response) {
							var response = response.responseJSON;
							alert(response.error);
							$('#cover-spin').hide();
						}
					});
				}
				
				if($('#status_approval').val() == 'reject') {
					$.ajax({
						url: "{{ url('cash_withdrawal/manual_reject') }}",
						method: "POST",
						headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
						//data: $("#form-pin").serialize(),
						data: {
							'pin' : $('#pin').val(),
							'request_id' : requestFormId
						},
						success: function(response) {
							iziToast.info({
								title: '',
								timeout: 10000,
								position: 'topRight',
								message: 'Withdrawal request has been rejected',
							});
							setTimeout(function() {
								location.reload();
							}, 200);
						},
						error: function(response) {
							var response = response.responseJSON;
							alert(response.error);
							$('#cover-spin').hide();
						}
					});
				}
			}
			
			function confirmApprovalBulk() {
				if (confirm("Are you sure want to Approve this request ?") == true) {
					$('.btn-bulk').show();
					$('.btn-single').hide();
					$('#pinModal').modal('show');
				}
			}
			
			function manualApprovalBulkProcess() {
				$('#cover-spin').fadeIn();
				$.ajax({
					url: "{{ url('cash_withdrawal/pin_check') }}",
					method: "POST",
					headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
					data: $("#form-pin").serialize(),
					success: function(response) {
						$(':checkbox').each(function() {
							if(this.checked && $(this).val() != 'head') {
								let requestId = JSON.parse($(this).val());
								setTimeout(function() {
									console.log(requestId.id);
									$('#status_approval').val('approve');
									manualApprovalProcess(requestId.id);
								}, 500);
							} 
						});
						
					},
					error: function(response) {
						var response = response.responseJSON;
						alert(response.error);
						$('#cover-spin').hide();
					}
				});
			}
			
			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();
					}
				});
			}
		@endif

        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