@extends('layouts.layout')
@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 - Unprocessed List <i class="fa fa-clock-o fa-pulse text-warning"></i></h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <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-right">
                                    <a href="{{ url('cash_withdrawal/unprocessed') }}" class="btn btn-warning">Reset</a>
                                    <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>
							--}}
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <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-center">Customer Name</th>
                                        <th class="text-center">Customer Info</th>
                                        <th class="text-center">Payment Info</th>
                                        <th class="text-right">Total Withdrawal (Rp.)</th>
                                        <th class="text-right">Remaining Quota (Rp.)</th>
                                        <th class="text-center" width="50">#</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($unprocesses as $unprocess)
										@php
											$wallet_transaction = $unprocess->wallet_transaction;
											$wallet = $wallet_transaction->wallet;
											$customer = $wallet->customer;
											$customer_bank = $customer->customer_bank[0];
										@endphp
                                        <tr>
                                            <td class="text-center">{{ $loop->iteration }}</td>
                                            <td class="text-center">{{ $wallet_transaction->code }}</td>
                                            <td>
                                                @if ($unprocess->is_elite == 'no')
                                                    Regular
                                                @else
                                                    Elite
                                                @endif
                                            </td>
                                            <td class="text-center">
												{{ \Carbon\Carbon::parse($wallet_transaction->created_at)->format('d F Y') }} <br>
												{{ \Carbon\Carbon::parse($wallet_transaction->created_at)->format('H:i:s') }}
											</td>
                                            {{--
                                            <td class="text-center">
												@if(\Carbon\Carbon::parse($unprocess->created_at)->lte(\Carbon\Carbon::now()->format('Y-m-d') . ' 12:00:00'))
													{{ \Carbon\Carbon::now()->format('d F Y') }} <br> 12:00:00 
												@else
													{{ \Carbon\Carbon::now()->format('d F Y') }} <br> 18:00:00
												@endif
											</td>
                                            --}}
											<td class="text-left" onclick="mutationModal('{{ $customer->tabungan[0]->nomor_rekening }}', '{{ $customer->wallet->id }}', '{{ $customer->name }}')" style="cursor: pointer;">
												<label class="text-success">
													<i class="fa fa-file-text"></i> <b>{{ $customer->name }}</b>
												</label>
											</td>
                                            <td class="text-center">
												{{ $customer->handphone }}
												<div><small>{{ $customer->email }}</small></div>
											</td>
                                            <td class="text-center">
												{{ $customer_bank->bank->bank }}
												<div><small>{{ $customer_bank->nomor_rekening }}</small></div>
											</td>
                                            <td class="text-right">{{ number_format($wallet_transaction->nominal) }}</td>
                                            <td class="text-right">{{ number_format($unprocess->total_withdrawal_today) }} / <b>{{ number_format($unprocess->quota) }}</b></td>
											<td class="text-center">
                                                @if(auth()->user()->id_users_team == '4')
												<button class="btn btn-info" onclick="confirmMoveToManualApproval('{{ $unprocess->id }}')"><i class="fa fa-mail-forward"></i> Move to Manual</button>
                                                @endif
											</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="10" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div style="text-align:center">{{ $unprocesses->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">    
            <div class="modal-body">
                <input type="password" 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" onclick="moveToManualApproval()">Submit</button>
            </div>
        </form>
        </div>
    </div>
</div>
@include('pages.cash_withdrawal.modal')

@endsection


@section('scripts')
    <script>
		function confirmMoveToManualApproval(id) {
			if (confirm("Are you sure want to move this request to Manual Approval ?") == true) {
				$('#request_id').val(id);
				$('#pinModal').modal('show');
			}
		}
		
		function moveToManualApproval(id) {
			$.ajax({
				url: "{{ url('cash_withdrawal/move_to_manual') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: $("#form-pin").serialize(),
				success: function(response) {
					alert("Transaction successfully moved to manual");
					location.reload();
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
					$(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
				}
			});
		}
    </script>
	@include('pages.cash_withdrawal.modalJS')
@endsection