@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <form id="form">
            <div class="right_col" role="main">
                <div class="row">
                    <div class="col-xs-6">
                        <h2 class="title-dashboard">Resell <small>#{{ $transaction->invoice }}</small></h2>
                        @if($transaction->is_jaws)
                            <div style="padding: 5px; color: maroon;"><b>JAWS Transaction</b></div>
                        @else
                            <div>Harga Dasar : {{ number_format($transaction->harga_beli, 0, ',', '.') }}</div>
                            <div>Request Harga Dasar baru : {{ number_format($transaction->harga_beli_baru, 0, ',', '.') }} @if($transaction->harga_beli_baru > 0) <input type="button" id="btn-reject-harga-dasar-baru" class="btn btn-danger" value="Reject" title="Reject request perubahan Harga Dasar baru"> @endif</div>
                            @if(!empty($transaction->keterangan_harga_beli_baru))
                            <div>Reason of Basic Price Request : {{ $transaction->keterangan_harga_beli_baru }}</div>
                            @endif
                        @endif
                    </div>
                    @if($transaction->payment_method == 'transfer')
                        <div class="col-xs-6 text-right">
                            <div style="font-size: 20px; margin-bottom: 10px;"><b><i class="fa fa-bank"></i> IRIS Balance</b> : <span id="balanceIris">0</span></div>
                            @if(!empty($transaction->iris_log[0]->reference_number))
                                <button type="button" class="btn btn-success btn-approve" onclick="showPIN('iris_method')"><i class="fa fa-check"></i> Disbursement</button>
                            @endif
                            <button type="button" class="btn btn-info btn-manual-transfer" onclick="showPIN('manual_transfer')"><i class="fa fa-hand-paper-o"></i> Manual Transfer</button>
                            <button type="button" class="btn btn-danger btn-reject" onclick="showPIN('reject')"><i class="fa fa-times"></i> Reject</button>
                        </div>
                    @else
                        <div class="col-xs-6 text-right">
                            <button type="button" class="btn btn-success btn-approve" onclick="showPIN('cash')"><i class="fa fa-check"></i> Approve</button>
                        </div>
                    @endif
                    <div class="col-xs-12"><hr></div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Transaction</h3>
                                <hr>

                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">ID</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->id }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Approved By</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->approvedQAby ? $transaction->approvedQAby->name . ' (' . \Carbon\Carbon::parse($transaction->approved_qa_at)->format('d M Y H:i') . ')' : '-' }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Invoice</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->invoice }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Date</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->invoice_date }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Status</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ (\App\Models\Butik\Butik_store_resell_invoice_model::STATUS)[$transaction->status]["text"] }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Payment Method</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->payment_method }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if($transaction->payment_method == "transfer")
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Customer Bank</h3>
                                <hr>


                                <div class="alert alert-info" style="margin-bottom: 10px; font-size: 13px;">
                                    <div style="font-size: 15px;"><b>Catatan :</b></div>
                                    <ul style="margin: 5px 0px;">
                                        <li>Tujuan selain Bank BCA, BNI, Mandiri, CIMB, Danamon dan BRI diatas 50jt dana diterima H+1</li>
                                        <li>Tujuan Bank Permata/Permata Syariah diatas 50 Juta, dana diterima H+1</li>
                                    </ul>
                                </div>
                                <div class="form-horizontal">
                                    @if(in_array($transaction->bank_id, [3, 13]) && $transaction->grandtotal > env('MIN_FINANCE_APPROVAL_RESELL'))
                                        <div class="form-group" style="background: #f44336; padding: 5px; font-weight: bold;">
                                    @elseif(in_array($transaction->bank_id, [3, 13]))
                                        <div class="form-group" style="background: #ffeb3b; padding: 5px; font-weight: bold;">
                                    @else
                                        <div class="form-group">
                                    @endif
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Bank</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->customer_bank }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Account Number</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->customer_bank_account_number }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Account Name</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->customer_bank_account_name }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="row">
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Customer</h3>
                                <hr>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Name</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="text" class="form-control" disabled value="{{ $transaction->customer_name }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Email</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="email" class="form-control" disabled value="{{ $transaction->customer_email }}">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Handphone</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <input type="tel" class="form-control" disabled value="{{ $transaction->customer_handphone }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Customer KYC</h3>
                                <hr>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">KTP Number</label>
                                        <div class="col-xs-7 col-sm-8">
                                            @php $arr_tanda_pengenal = json_decode($transaction->customer->tanda_pengenal, true); @endphp
                                            <input type="text" class="form-control" disabled value="{{ $arr_tanda_pengenal['nomor'] }}">
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-top: 20px;">
                                        @php
                                            $customer = $transaction->customer;
                                        @endphp
                                        <div class="col-xs-6 col-sm-6">
                                            <center><b>Photo KTP</b></center>
                                            <a href="{{ env('ALIYUN_OSS_IMAGE_URL') . '/' . env('ALIYUN_OSS_FOLDER') . '/tanda_pengenal/' . $customer->image_tanda_pengenal }}" class="text-success" style="font-weight: bold;">
                                                <img src="{{ env('ALIYUN_OSS_IMAGE_URL') . '/' . env('ALIYUN_OSS_FOLDER') . '/tanda_pengenal/' . $customer->image_tanda_pengenal }}" width="100%" style="padding: 4px; background: #fff; border: 1px solid #eee;">
                                            </a>
                                        </div>
                                        <div class="col-xs-6 col-sm-6">
                                            <center><b>Photo Selfie</b></center>
                                            <a href="{{ env('ALIYUN_OSS_IMAGE_URL') . '/' . env('ALIYUN_OSS_FOLDER') . '/tanda_pengenal_selfie/' . $customer->image_selfie }}" class="text-success" style="font-weight: bold;">
                                                <img src="{{ env('ALIYUN_OSS_IMAGE_URL') . '/' . env('ALIYUN_OSS_FOLDER') . '/tanda_pengenal_selfie/' . $customer->image_selfie }}" width="100%" style="padding: 4px; background: #fff; border: 1px solid #eee;">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content">
                                <div class="row">
                                    <div class="col-xs-8">
                                        <h3 style="font-size:1em;">Items</h3>
                                    </div>
                                </div>
                                <hr>
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Brand</th>
                                            <th class="text-center">Type</th>
                                            <th class="text-right">Weight</th>
                                            <th class="text-right">Carat</th>
                                            <th class="text-right">Year</th>
                                            <th class="text-right">Physique Year</th>
                                            <th class="text-center">Image</th>
                                            <th class="text-right">Price</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($transaction->detail as $transaction_detail)
                                            <tr>
                                                <td class="text-center">{{ $transaction_detail->item_brand->brand_name }}<div>{{ $transaction_detail->plu }}</div></td>
                                                <td class="text-center">{{ $transaction_detail->item_type->type }}</td>
                                                <td class="text-right">{{ $transaction_detail->weight }}</td>
                                                <td class="text-right">{{ $transaction_detail->item_carat->carat_text }}</td>
                                                <td class="text-right">{{ $transaction_detail->year }}</td>
                                                <td class="text-right">{{ $transaction_detail->tahun_fisik ?? '' }}</td>
                                                <td class="text-center">
													@if(count($transaction_detail->invoice_detail_image)>0)
														@foreach($transaction_detail->invoice_detail_image as $k=>$v)
															{{-- <a href="{{ $img_url . '/' . $v->image }}" target="_blank">
																<img src="{{ $img_url . '/' . $v->image }}" height="30" />
															</a> --}}
                                                            @if(\Illuminate\Support\Str::endsWith($v->image, '.pdf'))
                                                                {{-- Jika file PDF --}}
                                                                <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $v->image }}" target="_blank">
                                                                    <img src="/images/PDF_icon.png" height="30" />
                                                                </a>
                                                            @else
                                                                {{-- Jika file gambar --}}
                                                                <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $v->image }}" target="_blank">
                                                                    <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') }}/item/{{ $v->image }}" height="30" />
                                                                </a>
													        @endif
														@endforeach
													@endif
                                                </td>
                                                <td class="text-right">{{ number_format($transaction_detail->price) }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="text-right" colspan="7">Total</td>
                                            <td class="text-right">{{ number_format($transaction->total_product_price) }}</td>
                                        </tr>
                                        @if(!empty($transaction->rounding))
                                            <tr>
                                                <td class="text-right" colspan="7">Rounding</td>
                                                <td class="text-right">{{ number_format($transaction->rounding) }}</td>
                                            </tr>
                                        @endif
                                        @if(!empty($transaction->service_fee))
                                            <tr>
                                                <td class="text-right" colspan="7">Service Fee</td>
                                                <td class="text-right">{{ number_format($transaction->service_fee) }}</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <td class="text-right" colspan="7">Grand Total</td>
                                            <td class="text-right">{{ number_format($transaction->grandtotal) }}</td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content">
                                <div class="row">
                                    <div class="col-xs-8">
                                        <h3 style="font-size:1em;">Iris Logs</h3>
                                    </div>
                                </div>
                                <hr>
                                <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Created at</th>
                                            <th class="text-center">Type</th>
                                            <th class="text-center">Reference Number</th>
                                            <th class="text-center">Status Code</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($transaction->iris_log as $iris_log)
                                            <tr>
                                                <td class="text-center">{{ $iris_log->created_at }}</td>
                                                <td class="text-center">{{ $iris_log->type }}</td>
                                                <td class="text-center">{{ $iris_log->reference_number }}</td>
                                                <td class="text-center">{{ $iris_log->status_code }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="3" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </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" name="id" value="{{ $transaction->id }}">    
            <div class="modal-body">
                <input type="password" name="pin" class="form-control" placeholder="PIN" style="text-align: center;">

                <div id="noReferensi" style="margin-top: 20px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <span id="submitAct"></span>
            </div>
        </form>
        </div>
    </div>
</div>

@endsection

@section("scripts")
<script type="text/javascript">
    function showPIN(action) {
        if(action != 'manual_transfer') {
            $('#noReferensi').html('');
            if(action != 'reject') {
                $('#submitAct').html('<button type="button" class="btn btn-primary btn-submit" onclick="processSubmit()"><i class="fa fa-check"></i> Submit Approve</button>');
            }
            else {
                $('#submitAct').html('<button type="button" class="btn btn-danger btn-submit-reject" onclick="processReject()"><i class="fa fa-times"></i> Submit Reject</button>');    
            }
        }
        else {
            $('#submitAct').html('<button type="button" class="btn btn-primary btn-submit" onclick="processSubmitAct()"><i class="fa fa-check"></i> Submit Approve</button>');
            $('#noReferensi').html('<div style="margin-bottom: 5px; text-align: center;">No Referensi</div>' +
                    '<input type="text" name="referensi" class="form-control text-center" placeholder="Referensi">');
        }
        $('#pinModal').modal('show');
    }

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

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


        return false;
    }

    @if($transaction->payment_method == 'transfer')
        @if(!empty($transaction->iris_log[0]->reference_number))
            function processSubmit() {
                processSubmitAct();
            }
        @endif
    @else
            function processSubmit() {
                processSubmitAct();
            }
    @endif

    function processSubmitAct() {
        $(".btn-approve").attr("disabled", "disabled").html('<i class="fa fa fa-spinner fa-pulse"></i>');
        $.ajax({
            url: '{{ $transaction->id }}/approve',
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data: $("#form-pin").serialize(),
            success: function(response) {
                alert("Data saved");
                location.href = '{{ route('butik/resell/approval') }}';
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
            }
        });
        return false;
    }

    function processReject() {
        $(".btn-reject").attr("disabled", "disabled").html('<i class="fa fa fa-spinner fa-pulse"></i>');
        $.ajax({
            url: '{{ $transaction->id }}/reject',
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data: $("#form-pin").serialize(),
            success: function(response) {
                alert("Data saved");
                //location.href = '{{ route('butik/resell/approval') }}';
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $(".btn-reject").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
            }
        });
        return false;
    }

    @if($transaction->harga_beli_baru > 0)
    	$("#btn-reject-harga-dasar-baru").click(function(){
    		$(this).parent().addClass("reject-basic-price-request").append($("<input>").attr({"id":"reason_reject_new_basic_price","name":"reason_reject_new_basic_price","class":"form-control","placeholder":"Alasan penolakan perubahan Harga Dasar","maxlength":"1000"})).append($("<input>").attr({"type":"button", "class":"btn btn-success btn-reject-basic-price-request", "value":"Save"}).append($("<i>").attr({"class":"fa fa-save"})));
    		$(".reject-basic-price-request > input").css("margin", "5px");
    		$(this).remove();
    		$("#reason_reject_new_basic_price").select();

    		$(".btn-reject-basic-price-request").click(function(){
    			$(this).hide();
    			cmp = $(this).parent();
    			cmp.append($("<i>").attr({"class":"fa fa-spinner fa-pulse"}));

    			$.ajax({
    				url: '../{{ $transaction->id }}/reject_request_new_basic_price_updates',
    				method: "POST",
    				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
    				data: $(".reject-basic-price-request :input").serialize(),
    				success: function(response) {
    					alert("Data saved");
    					window.location.href = ".";
    				},
    				error: function(response) {
    					var response = response.responseJSON;
    					alert(response.msg);
    					$(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
    					$(".fa-spinner", cmp).remove();
    					$(":input", cmp).last().show();
    				}
    			});
            });
    	});
    @endif
</script>
@endsection