@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
@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->store_request_open->store->name }} - #{{ $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, ',', '.') }}</div>
                        @endif
                    </div>
                    <div class="col-xs-6 text-right">
                        <div><input type="hidden" id="balanceIris"></div>
                        <button type="button" class="btn btn-success btn-approve" disabled><i class="fa fa-check"></i> Approve</button>
                        <button type="button" class="btn btn-danger btn-reject"><i class="fa fa-times"></i> Reject</button>
                    </div>
                    <div class="col-xs-12"><hr></div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content">
                                <div class="row">
                                    
                                    <div class="col-xs-6">
                                        <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">Created By</label>
                                                <div class="col-xs-7 col-sm-8">
                                                    <input type="text" class="form-control" disabled="disabled" value="{{ $transaction->createdByAE ? $transaction->createdByAE->name . ' (' . \Carbon\Carbon::parse($transaction->created_ae_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>
                        </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">
                                    <div class="form-group">
                                        <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 class="x_panel">
                            <div class="x_content">
                                <h3 style="font-size:1em;">Marketplace</h3>
                                <hr>
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-5 col-md-4 col-lg-3 control-label">Buyer</label>
                                        <div class="col-xs-7 col-sm-8">
                                            <select id="buyer" name="standby_user" class="form-control">
                                                @foreach($standby_user_brand as $user_brand)
                                                    <option value="{{ $user_brand->standby_user_id }}">[ {{ ucwords(str_replace('_', ' ', $user_brand->standby_user->account_type)) }} ] {{ $user_brand->standby_user->name }}</option>
                                                @endforeach
                                            </select>
                                        </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-center">Tahun Invoice</th>
                                            <th class="text-center">Tahun Fisik</th>
                                            <th class="text-right">Berat Total</th>
                                            <th class="text-right">Berat Tanpa Batu</th>
                                            <th class="text-right">Karat</th>
                                            <th class="text-center">Foto</th>
                                            <th class="text-right">Harga</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($transaction->detail as $transaction_detail)
                                            <tr>
                                                <td class="text-center">{{ $transaction_detail->item_brand->brand_name }}</td>
                                                <td class="text-center">{{ $transaction_detail->item_type->type }}</td>
                                                <td class="text-center">{{ $transaction_detail->year ?? '' }}</td>
                                                <td class="text-center">{{ $transaction_detail->tahun_fisik ?? '' }}</td>
                                                <td class="text-right">{{ $transaction_detail->weight_total }}</td>
                                                <td class="text-right">{{ $transaction_detail->weight }}</td>
                                                <td class="text-right">{{ $transaction_detail->item_carat->carat_text }}</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>
        												@endforeach
        											@endif
                                                </td>
                                                <td class="text-right">{{ number_format($transaction_detail->price) }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="8" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="text-right" colspan="8">Total</td>
                                            <td class="text-right">{{ number_format($transaction->total_product_price) }}</td>
                                        </tr>
                                        @if(!empty($transaction->rounding))
                                            <tr>
                                                <td class="text-right" colspan="8">Rounding</td>
                                                <td class="text-right">{{ number_format($transaction->rounding) }}</td>
                                            </tr>
                                        @endif
                                        @if(!empty($transaction->service_fee))
                                            <tr>
                                                <td class="text-right" colspan="8">Service Fee</td>
                                                <td class="text-right">{{ number_format($transaction->service_fee) }}</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <td class="text-right" colspan="8">Grand Total</td>
                                            <td class="text-right">{{ number_format($transaction->grandtotal) }}</td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".btn-approve").on("click", function() {
        let buyer = $('#buyer').val();
        if(!buyer) { 
            alert('Anda belum memilih pembeli (Marketplace) !');
            return false; 
        }

        $(".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: { 'buyer': buyer },
            success: function(response) {
                alert("Data saved");
                location.href = '/butik/resell/recheck';
            },
            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;
    })

    $(".btn-reject").on("click", function() {
        $(".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') },
            success: function(response) {
                alert("Data saved");
                location.href = '/butik/resell/recheck';
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $(".btn-reject").removeAttr("disabled", "disabled").html('<i class="fa fa-times"></i> Reject');
            }
        });
        return false;
    })

    @if($transaction->payment_method != 'cash')
        $(document).ready(function() {
            ajax_get_balance();
        });
    @else
        
        $('.btn-approve').prop('disabled', false);
    @endif

    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) {
            let balance = response.txt_balance;
            let realBalance = balance.replace(',','').replace(',','').replace(',','').replace(',','').replace(',','').replace(',','').replace('-','').replace('Rp. ','');
            $('#balanceIris').val(realBalance);

            if(parseInt(realBalance) < parseInt('{{ $transaction->grandtotal }}')) {
                $('.btn-approve').prop('disabled', true);
                alert('Maaf, saldo IRIS tidak cukup untuk mentransfer nilai penjualan ini, harap hubungi Finance atau tim terkait !')
            }
            else {
                $('.btn-approve').prop('disabled', false);
            }


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


        return false;
    }
</script>
@endsection