@extends('layouts.master')

@section('title', 'Lihat Pelunasan Shopee')

@section('content')
<div class="row">
    <x-page-title title="{{__('Pelunasan Shopee')}}" pagetitle="Lihat {{__('Pelunasan Shopee')}}" />
    <hr>
    <div class="container content">
        <h2>Lihat {{__('Pelunasan Shopee')}}</h2>
        <div id="message-container">
            @if(session('success'))
                <div id="success-message" class="alert alert-success fade show">{{ session('success') }}</div>
            @endif
            @if($errors->any())
                <div id="error-message" class="alert alert-danger fade show">
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>

        <form id="contract-form" action="" method="POST">
            <input type='hidden' id="checkHPP" name='checkHPP' value=0 />
            <div class="mb-3 card">
                <div class="card-header">{{__('Pelunasan Shopee')}} {{__('Information')}} : <strong>{{$ShopeePay->shopee_payment_number}}</strong></div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="customer_name">{{__('Order SN')}}</label>
                                <input type="text" id="customer_name" class="form-control" name="customer_name" value="{{ old('customer_name', $ShopeePay->order_sn) }}" readonly>
                            </div>
                            <br>

                            <div class="form-group">
                                <label for="customer_name">{{__('Buyer Username')}}</label>
                                <input type="text" id="customer_name" class="form-control" name="customer_name" value="{{ old('customer_name', $ShopeePay->buyer_username) }}" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mb-3 card">
                <div class="card-header">Pelunasan Shopee Details</div>
                <div class="card-body table-responsive">
                    <h5 class="text-end">Total sebelum pajak: <span id="total-value">0</span></h5>
                    <div style="overflow-x: auto;">
                    <table class="table table-bordered" id="sales-order-details-table">
                        <thead>
                            <tr>
                                <th style="min-width: 430px">{{__('Jenis')}}</th>
                                <th style="min-width: 230px">Nominal</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="table-light">
                                <td colspan="2" class="fw-bold text-uppercase text-secondary" style="letter-spacing: 0.5px;">— Ringkasan Utama</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Jumlah Dana Diterima (Escrow Amount)"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->escrow_amount,0,'.',',')}}"></td>
                            </tr>
                            <br>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Nominal Awal (Original Price)"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->original_price,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Diskon Penjual"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->seller_discount,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="HPP (Original COGS)"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->original_cost_of_goods_sold,0,'.',',')}}"></td>
                            </tr>

                            <tr class="table-info-subtle">
                                <td colspan="2" class="fw-bold text-info-emphasis text-uppercase" style="background-color: #e0f2fe; color: #0369a1;">— Biaya Angkut</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Ongkir Dibayar Pembeli"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->buyer_paid_shipping_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Potongan Ongkir Shopee"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->shopee_shipping_rebate,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Diskon Ongkir Logistik (3PL)"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->shipping_fee_discount_from_3pl,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-danger" readonly value="Ongkir Aktual"></td>
                                <td><input type="text" class="form-control text-end text-danger" readonly value="{{number_format($ShopeePay->actual_shipping_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-danger" readonly value="Ongkir Balik (Retur)"></td>
                                <td><input type="text" class="form-control text-end text-danger" readonly value="{{number_format($ShopeePay->reverse_shipping_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-danger" readonly value="Ongkir Retur Akhir ke Penjual"></td>
                                <td><input type="text" class="form-control text-end text-danger" readonly value="{{number_format($ShopeePay->final_return_to_seller_shipping_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-danger" readonly value="Pajak SST Ongkir Balik"></td>
                                <td><input type="text" class="form-control text-end text-danger" readonly value="{{number_format($ShopeePay->reverse_shipping_fee_sst,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-danger" readonly value="Pajak SST Ongkir"></td>
                                <td><input type="text" class="form-control text-end text-danger" readonly value="{{number_format($ShopeePay->shipping_fee_sst,0,'.',',')}}"></td>
                            </tr>

                            <tr class="table-warning-subtle">
                                <td colspan="2" class="fw-bold text-warning-emphasis text-uppercase" style="background-color: #fef3c7; color: #b45309;">— Biaya Pajak</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pajak Escrow"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->escrow_tax,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pajak Penjualan LVG"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->sales_tax_on_lvg,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pajak PPh (Withholding)"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->withholding_tax,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="PPN Barang Impor"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->vat_on_imported_goods,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pajak PPN Potong Pungut"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->withholding_vat_tax,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pajak PPh OP Potong Pungut"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->withholding_pit_tax,0,'.',',')}}"></td>
                            </tr>

                            <tr class="table-danger-subtle">
                                <td colspan="2" class="fw-bold text-danger-emphasis text-uppercase" style="background-color: #fee2e2; color: #b91c1c;">— Biaya Shopee</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Diskon Shopee Asli (Original Shopee Discount)"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->original_shopee_discount,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Transaksi Penjual"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->seller_transaction_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Layanan"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->service_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Komisi"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->commission_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Kampanye"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->campaign_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Proteksi Pengiriman"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->shipping_seller_protection_fee_amount,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Premi Proteksi Pengiriman"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->delivery_seller_protection_fee_premium_amount,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pajak GST Produk Akhir"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->final_escrow_product_gst,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Komisi AMS"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->order_ams_commission_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Retur Luar Negeri"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->overseas_return_service_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya Proses Pesanan"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->seller_order_processing_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Bonus Tukar Tambah"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->trade_in_bonus_by_seller,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Biaya FBS"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->fbs_fee,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-success" readonly value="Klaim Proteksi Penjual RSF"></td>
                                <td><input type="text" class="form-control text-end text-success" readonly value="{{number_format($ShopeePay->rsf_seller_protection_fee_claim_amount,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control text-success" readonly value="Biaya Kemasan (Pembeli)"></td>
                                <td><input type="text" class="form-control text-end text-success" readonly value="{{number_format($ShopeePay->buyer_paid_packaging_fee,0,'.',',')}}"></td>
                            </tr>

                            <tr class="table-success-subtle">
                                <td colspan="2" class="fw-bold text-success-emphasis text-uppercase" style="background-color: #dcfce7; color: #15803d;">— Diskon</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Voucher dari Penjual"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->voucher_from_seller,0,'.',',')}}"></td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Cashback Koin Penjual"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->seller_coin_cash_back,0,'.',',')}}"></td>
                            </tr>

                            <tr class="table-secondary">
                                <td colspan="2" class="fw-bold text-dark text-uppercase" style="background-color: #f3f4f6; color: #1f2937;">— Diskon Shopee</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Diskon Shopee"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->shopee_discount,0,'.',',')}}"></td>
                            </tr>

                            <tr class="table-light">
                                <td colspan="2" class="fw-bold text-uppercase text-secondary" style="letter-spacing: 0.5px;">— Lain-Lain</td>
                            </tr>
                            <tr>
                                <td><input type="text" class="form-control" readonly value="Pengembalian Dana Penjual"></td>
                                <td><input type="text" class="form-control text-end" readonly value="{{number_format($ShopeePay->seller_return_refund,0,'.',',')}}"></td>
                            </tr>
                        </tbody>
                    </table>
                    </div>
                    <button type="button" id="add-row" class="btn btn-primary mt-3 d-none">Add Row</button>
                </div>
            </div>
            <a class="btn btn-secondary mb-3" href="{{ route('shopee.pay') }}" >Back</a>
        </form>

    </div>
</div>

@section('scripts')
<script>
    function calculateTotals() {
        let total = 0;
        document.querySelectorAll('.nominal').forEach(function (input) {
            input.value = input.value.replace(/,/g, '');
            if(input.id=='disc_nominal'){
                total -= parseFloat(input.value) || 0;
            }else{
                total += parseFloat(input.value) || 0;
            }
            const cursorPosition = input.selectionStart;
            let value = input.value.replace(/,/g, '');
            let formattedValue = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
            input.value = formattedValue;
            const newCursorPosition = formattedValue.length - (value.length - cursorPosition);
            input.setSelectionRange(newCursorPosition, newCursorPosition);
        });
        let strTotal = (total)+"";
        let value2 = strTotal.replace(/,/g, '');
        let formattedValue2 = value2.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
        document.getElementById('total-value').innerText = formattedValue2;

        return { total };
    }
    calculateTotals();
</script>
@endsection
@endsection