@extends('layouts.master')

@section('content')
    <div class="header bg-primary text-white p-3 mb-3 rounded mt-3">
        <h3 class="m-0 font-weight-normal">Pelanggan</h3>
    </div>
    <style>
        .rating-box {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 3px;
            border: 1px solid #ddd;
        }
        .bg-orange {
            background-color: #FFA500;
        }
        .table td {
            white-space: nowrap;
        }
        .btn-action {
            padding: 0.25rem 0.5rem;
            font-size: 0.75rem;
            line-height: 1;
        }
        .btn-action i {
            font-size: 0.75rem;
        }
        .is-invalid {
            border-color: #dc3545 !important;
            background-color: #fff8f8 !important;
        }
        .is-invalid:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
        }
        /* Custom CSS untuk Select2 */
        .select2-container--bootstrap-5 .select2-selection {
            min-height: 38px;
        }
        .select2-container--bootstrap-5 .select2-selection--single {
            padding: 0.375rem 0.75rem;
        }
        .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
        }
        .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
            height: 36px;
        }
        .select2-container--bootstrap-5 .select2-dropdown {
            border-color: #ced4da;
        }
        .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] {
            background-color: #0d6efd;
        }
        .select2-container--bootstrap-5 .select2-search__field {
            padding: 0.375rem 0.75rem;
        }
        /* Paksa search box Select2 selalu tampil pada single select */
        .select2-container--bootstrap-5 .select2-search--dropdown {
            display: block !important;
            padding: 8px;
        }
        .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
            width: 100% !important;
            border: 1px solid #ced4da;
            border-radius: 4px;
        }
        .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field:focus {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }
        .select2-dropdown-show-search .select2-search--dropdown {
            display: block !important;
        }
        .select2-container--bootstrap-5 .select2-results__option {
            padding: 8px 12px;
        }
        .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] {
            background-color: #0d6efd;
            color: white;
        }
        .select2-container--bootstrap-5 .select2-results__option[aria-selected=true] {
            background-color: #e9ecef;
        }
        
        /* Styling untuk keterangan plafond */
        .plafond-info {
            font-size: 0.875rem;
            margin-top: 0.25rem;
            transition: color 0.3s ease;
        }
        
        .plafond-info.text-danger {
            font-weight: 500;
        }
        
        .btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }
    </style>
    <!-- Tambahkan CSS Select2 di bagian atas -->
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />

    <div class="card mb-3">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif


        <div class="card-header">
            <h6 class="card-title">Tambah Pelanggan</h6>
        </div>
        <div class="card-body">
            <form action="{{ route('customer.store') }}" method="post">
                @csrf
                @if (isset($customer))
                    <input type="hidden" name="id" value="{{ $customer->id }}">
                @endif
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="nama">Nama</label>
                            <input type="text" name="nama" placeholder="Nama" class="form-control mb-2" value="{{ isset($customer) ? $customer->nama : '' }}" required>
                        </div>
                        <div class="form-group">
                            <label for="alamat">Alamat</label>
                            <input type="text" name="alamat" placeholder="Alamat" class="form-control mb-2" value="{{ isset($customer) ? $customer->alamat : '' }}" required>
                        </div>
                        <div class="form-group">
                            <label for="kota">Kota/Kabupaten</label>
                            <select name="kota_id" class="form-control select2-kota mb-2" required>
                                <option value="">Pilih Kota/Kabupaten</option>
                                @foreach ($kota as $k)
                                    <option value="{{ $k->id }}" {{ isset($customer) && $customer->kota_id == $k->id ? 'selected' : '' }}>
                                        {{ $k->jenis }} {{ $k->nama }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        @php
                            $ranges = \App\Models\RangePlafond::all();
                            $sangatTerpercaya = $ranges->where('rating', 'Sangat Terpercaya')->first();
                        @endphp
                        <input type="hidden" name="plafond" value="{{ $sangatTerpercaya->plafond_minimal }}">
                        <input type="hidden" name="rating" value="sangat_terpercaya">
                        <div class="form-group">
                            <label for="sales">Sales</label>
                            <select name="sales_id" class="form-control mb-2" required {{ auth()->user()->pegawai && auth()->user()->pegawai->jabatan_id == 1 ? 'disabled' : '' }}>
                                <option value="">Pilih Sales</option>
                                @foreach ($sales as $sale)
                                    @if(auth()->user()->pegawai && auth()->user()->pegawai->jabatan_id == 1)
                                        @if($sale->id == auth()->user()->pegawai->id)
                                            <option value="{{ $sale->id }}" {{ isset($customer) && $customer->sales_id == $sale->id ? 'selected' : '' }}>{{ $sale->nama }}</option>
                                        @endif
                                    @else
                                        <option value="{{ $sale->id }}" {{ isset($customer) && $customer->sales_id == $sale->id ? 'selected' : '' }}>{{ $sale->nama }}</option>
                                    @endif
                                @endforeach
                            </select>
                            @if(auth()->user()->pegawai && auth()->user()->pegawai->jabatan_id == 1)
                                <input type="hidden" name="sales_id" value="{{ auth()->user()->pegawai->id }}">
                            @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="telepon">Telepon</label>
                            <input type="text" name="telepon" placeholder="Telepon" class="form-control mb-2" onkeypress="return event.charCode >= 48 && event.charCode <= 57" value="{{ isset($customer) ? $customer->telepon : '' }}" required>
                        </div>
                        <div class="form-group">
                            <label for="jenis_identitas">Jenis Identitas</label>
                            <select name="jenis_identitas" class="form-control mb-2" required>
                                <option value="">Pilih Jenis Identitas</option>
                                <option value="NIK" {{ isset($customer) && $customer->jenis_identitas == 'NIK' ? 'selected' : '' }}>NIK</option>
                                <option value="NPWP" {{ isset($customer) && $customer->jenis_identitas == 'NPWP' ? 'selected' : '' }}>NPWP</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="nomor_identitas">Nomor Identitas</label>
                            <input type="text" name="nomor_identitas" placeholder="Nomor Identitas" class="form-control mb-2" onkeypress="return event.charCode >= 48 && event.charCode <= 57" value="{{ isset($customer) ? $customer->nomor_identitas : '' }}" required>
                        </div>
                        <div class="form-group">
                            <label for="ekspedisi">Ekspedisi</label>
                            <select name="ekspedisi_id" class="form-control mb-2" required>
                                <option value="">Pilih Ekspedisi</option>
                                @foreach ($ekspedisi as $item)
                                    <option value="{{ $item->id }}" {{ isset($customer) && $customer->ekspedisi_id == $item->id ? 'selected' : '' }}>{{ $item->nama }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">
                    @if(isset($customer))
                        Simpan
                    @else
                        Tambah Pelanggan
                    @endif
                </button>
                @if(isset($customer))
                    <a href="{{ route('customer') }}" class="btn btn-secondary">Kembali</a>
                @endif
            </form>
        </div>
    </div>

    @if(!isset($customer))
    <div class="card">
        <div class="card-header">
            <h6 class="card-title">Daftar Pelanggan</h6>
        </div>
        <div class="card-body">
            <!-- Form Pencarian -->
            <div class="row mb-3">
                <div class="col-md-12">
                    <form action="{{ route('customer') }}" method="GET" class="form-inline">
                        <div class="row g-3">
                            <div class="col-md-2">
                                <input type="text" name="search_nama" class="form-control" placeholder="Cari Customer" value="{{ request('search_nama') }}">
                            </div>
                            <div class="col-md-2">
                                <select name="search_kota" class="form-control select2-kota">
                                    <option value="">Pilih Kota/Kabupaten</option>
                                    @foreach ($kota as $k)
                                        <option value="{{ $k->id }}" {{ request('search_kota') == $k->id ? 'selected' : '' }}>{{ $k->jenis }} {{ $k->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2">
                                <button type="submit" class="btn btn-primary">Cari</button>
                                <a href="{{ route('customer') }}" class="btn btn-secondary">Reset</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- Tabel Pelanggan -->
            <div class="table-responsive" id="daftarTabel">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Nama</th>
                            <th>Alamat</th>
                            <th>Telepon</th>
                            <th>Kota</th>
                            <th>Plafond</th>
                            <th>Sales</th>
                            <th>Ekspedisi</th>
                            <th>Rating</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (isset($customers) && count($customers) > 0)
                            @forelse ($customers as $customer)
                                <tr>
                                    <td>{{ $customer->nama }}</td>
                                    <td>{{ $customer->alamat }}</td>
                                    <td>{{ $customer->telepon }}</td>
                                    <td>{{ $customer->kota ? $customer->kota->jenis . ' ' . $customer->kota->nama : '-' }}</td>
                                    <td>
                                        @php
                                            // Status pembayaran yang dianggap belum lunas
                                            $status_belum_lunas = ['belum ada pembayaran', 'belum_lunas', 'Uang Muka', 'Termin 1', 'Termin 2', 'Retur Potong Nota'];
                                            $total_sisa_tagihan = 0;
                                            $transaksis = $customer->transaksis()->where('jenis', 2)->whereIn('status_pembayaran', $status_belum_lunas)->get();
                                            foreach ($transaksis as $trx) {
                                                // Ambil total tagihan
                                                $total_tagihan = $trx->barangTransaksis->sum(function($barang) {
                                                    $subtotal = $barang->jumlah * $barang->harga_jual;
                                                    $diskon = $barang->diskon > 0 ? ($subtotal * $barang->diskon / 100) : 0;
                                                    $setelah_diskon = $subtotal - $diskon;
                                                    $pajak = $barang->pajak > 0 ? ($setelah_diskon * $barang->pajak / 100) : 0;
                                                    return $setelah_diskon + $pajak;
                                                });
                                                $total_tagihan += ($trx->biaya_ekspedisi ?? 0);
                                                // Hitung total pembayaran
                                                $uang_muka = $trx->pembayarans->where('status_pembayaran', 'Uang Muka')->sum('jumlah_bayar');
                                                $termin1 = $trx->pembayarans->where('status_pembayaran', 'Termin 1')->sum('jumlah_bayar');
                                                $termin2 = $trx->pembayarans->where('status_pembayaran', 'Termin 2')->sum('jumlah_bayar');
                                                $lunas = $trx->pembayarans->where('status_pembayaran', 'Lunas')->sum('jumlah_bayar');
                                                // Retur potong nota
                                                $retur_potong_nota = 0;
                                                if ($trx->returPenjualan) {
                                                    foreach ($trx->returPenjualan as $retur) {
                                                        foreach ($retur->barangTransaksis as $barangRetur) {
                                                            if ($barangRetur->tipe_retur == 'potong_nota') {
                                                                $retur_potong_nota += $barangRetur->harga_total;
                                                            }
                                                        }
                                                    }
                                                }
                                                // Sisa tagihan = total tagihan - (uang muka + termin1 + termin2 + retur potong nota)
                                                $sisa = $total_tagihan - ($uang_muka + $termin1 + $termin2 + $retur_potong_nota);
                                                if ($sisa < 0) $sisa = 0;
                                                $total_sisa_tagihan += $sisa;
                                            }
                                            $sisa_plafond = $customer->plafond - $total_sisa_tagihan;
                                            // Ambil range rating
                                            $ranges = \App\Models\RangePlafond::all();
                                            $kurangTerpercaya = $ranges->where('rating', 'Kurang Terpercaya')->first();
                                            $terpercaya = $ranges->where('rating', 'Terpercaya')->first();
                                            $sangatTerpercaya = $ranges->where('rating', 'Sangat Terpercaya')->first();
                                            if ($sisa_plafond >= $sangatTerpercaya->plafond_minimal) {
                                                $rating = 'sangat_terpercaya';
                                            } elseif ($sisa_plafond >= $terpercaya->plafond_minimal && $sisa_plafond <= $terpercaya->plafond_maksimal) {
                                                $rating = 'terpercaya';
                                            } elseif ($sisa_plafond >= $kurangTerpercaya->plafond_minimal && $sisa_plafond <= $kurangTerpercaya->plafond_maksimal) {
                                                $rating = 'kurang_terpercaya';
                                            } else {
                                                $rating = 'tidak_terdefinisi';
                                            }
                                        @endphp
                                        {{ 'Rp ' . number_format($sisa_plafond, 0, ',', '.') }}
                                    </td>
                                    <td>{{ $customer->sales->nama ?? '-' }}</td>
                                    <td>{{ $customer->ekspedisi->nama ?? '-' }}</td>
                                    <td>
                                        @if($rating == 'sangat_terpercaya')
                                            <span class="rating-box bg-success"></span>
                                            <span class="rating-box bg-success"></span>
                                            <span class="rating-box bg-success"></span>
                                        @elseif($rating == 'terpercaya')
                                            <span class="rating-box bg-warning"></span>
                                            <span class="rating-box bg-warning"></span>
                                            <span class="rating-box bg-white"></span>
                                        @elseif($rating == 'kurang_terpercaya')
                                            <span class="rating-box bg-danger"></span>
                                            <span class="rating-box bg-white"></span>
                                            <span class="rating-box bg-white"></span>
                                        @else
                                            <span class="rating-box bg-white"></span>
                                            <span class="rating-box bg-white"></span>
                                            <span class="rating-box bg-white"></span>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{ route('customer.edit', $customer->id) }}" class="btn btn-warning btn-action" data-toggle="tooltip" title="Edit Pelanggan">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                        <a href="{{ route('customer.destroy', $customer->id) }}" class="btn btn-danger btn-action" data-toggle="tooltip" title="Hapus Pelanggan"
                                            onclick="return confirm('Apakah anda yakin ingin menghapus pelanggan ini?')">
                                            <i class="fa fa-trash"></i>
                                        </a>
                                        <button type="button" class="btn btn-info btn-action" data-bs-toggle="modal" data-bs-target="#ratingModal{{ $customer->id }}" title="Ubah Rating & Plafond">
                                            <i class="fa fa-star"></i>
                                        </button>
                                    </td>
                                </tr>

                                <!-- Modal Rating -->
                                @php
                                    // Hitung sisa plafond dan rating dinamis untuk modal
                                    $status_belum_lunas = ['belum ada pembayaran', 'belum_lunas', 'Uang Muka', 'Termin 1', 'Termin 2', 'Retur Potong Nota'];
                                    $total_sisa_tagihan_modal = 0;
                                    $transaksis_modal = $customer->transaksis()->where('jenis', 2)->whereIn('status_pembayaran', $status_belum_lunas)->get();
                                    foreach ($transaksis_modal as $trx_modal) {
                                        $total_tagihan_modal = $trx_modal->barangTransaksis->sum(function($barang) {
                                            $subtotal = $barang->jumlah * $barang->harga_jual;
                                            $diskon = $barang->diskon > 0 ? ($subtotal * $barang->diskon / 100) : 0;
                                            $setelah_diskon = $subtotal - $diskon;
                                            $pajak = $barang->pajak > 0 ? ($setelah_diskon * $barang->pajak / 100) : 0;
                                            return $setelah_diskon + $pajak;
                                        });
                                        $total_tagihan_modal += ($trx_modal->biaya_ekspedisi ?? 0);
                                        $uang_muka_modal = $trx_modal->pembayarans->where('status_pembayaran', 'Uang Muka')->sum('jumlah_bayar');
                                        $termin1_modal = $trx_modal->pembayarans->where('status_pembayaran', 'Termin 1')->sum('jumlah_bayar');
                                        $termin2_modal = $trx_modal->pembayarans->where('status_pembayaran', 'Termin 2')->sum('jumlah_bayar');
                                        $retur_potong_nota_modal = 0;
                                        if ($trx_modal->returPenjualan) {
                                            foreach ($trx_modal->returPenjualan as $retur) {
                                                foreach ($retur->barangTransaksis as $barangRetur) {
                                                    if ($barangRetur->tipe_retur == 'potong_nota') {
                                                        $retur_potong_nota_modal += $barangRetur->harga_total;
                                                    }
                                                }
                                            }
                                        }
                                        $sisa_modal = $total_tagihan_modal - ($uang_muka_modal + $termin1_modal + $termin2_modal + $retur_potong_nota_modal);
                                        if ($sisa_modal < 0) $sisa_modal = 0;
                                        $total_sisa_tagihan_modal += $sisa_modal;
                                    }
                                    $sisa_plafond_modal = $customer->plafond - $total_sisa_tagihan_modal;
                                    $ranges = \App\Models\RangePlafond::all();
                                    $kurangTerpercaya = $ranges->where('rating', 'Kurang Terpercaya')->first();
                                    $terpercaya = $ranges->where('rating', 'Terpercaya')->first();
                                    $sangatTerpercaya = $ranges->where('rating', 'Sangat Terpercaya')->first();
                                    if ($sisa_plafond_modal >= $sangatTerpercaya->plafond_minimal) {
                                        $rating_modal = 'sangat_terpercaya';
                                    } elseif ($sisa_plafond_modal >= $terpercaya->plafond_minimal && $sisa_plafond_modal <= $terpercaya->plafond_maksimal) {
                                        $rating_modal = 'terpercaya';
                                    } elseif ($sisa_plafond_modal >= $kurangTerpercaya->plafond_minimal && $sisa_plafond_modal <= $kurangTerpercaya->plafond_maksimal) {
                                        $rating_modal = 'kurang_terpercaya';
                                    } else {
                                        $rating_modal = 'tidak_terdefinisi';
                                    }
                                @endphp
                                <div class="modal fade" id="ratingModal{{ $customer->id }}" tabindex="-1" aria-labelledby="ratingModalLabel{{ $customer->id }}" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="ratingModalLabel{{ $customer->id }}">Rating Pelanggan</h5>
                                                <button type="button" class="btn" data-bs-dismiss="modal" style="position: absolute; right: 1rem; top: 1rem; background: #dc3545; color: #fff; border: none;">Kembali</button>
                                            </div>
                                            <div class="modal-body">
                                                <form action="{{ url('/customer/update-rating/' . $customer->id) }}" method="POST">
                                                    @csrf
                                                    <div class="form-group mb-3">
                                                        <label>Pilih Rating</label>
                                                        <select id="ratingSelect{{ $customer->id }}" name="rating" class="form-control rating-select mb-2" data-customer-id="{{ $customer->id }}" required>
                                                            <option value="sangat_terpercaya" {{ $rating_modal == 'sangat_terpercaya' ? 'selected' : '' }}>Sangat Terpercaya</option>
                                                            <option value="terpercaya" {{ $rating_modal == 'terpercaya' ? 'selected' : '' }}>Terpercaya</option>
                                                            <option value="kurang_terpercaya" {{ $rating_modal == 'kurang_terpercaya' ? 'selected' : '' }}>Kurang Terpercaya</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group">
                                                        <label>Plafond</label>
                                                        <div class="input-group">
                                                            <span class="input-group-text">Rp</span>
                                                            <input type="text" name="plafond" class="form-control plafon-rupiah" value="{{ number_format($sisa_plafond_modal, 0, ',', '.') }}" required autocomplete="off">
                                                        </div>
                                                        <small class="text-muted plafond-info" id="plafondInfo{{ $customer->id }}">
                                                            @if($rating_modal == 'kurang_terpercaya')
                                                                Plafond maksimal: Rp {{ number_format($kurangTerpercaya->plafond_maksimal, 0, ',', '.') }}
                                                            @elseif($rating_modal == 'terpercaya')
                                                                Plafond harus antara Rp {{ number_format($terpercaya->plafond_minimal, 0, ',', '.') }} - Rp {{ number_format($terpercaya->plafond_maksimal, 0, ',', '.') }}
                                                            @else
                                                                Plafond minimal: Rp {{ number_format($sangatTerpercaya->plafond_minimal, 0, ',', '.') }}
                                                            @endif
                                                        </small>
                                                    </div>
                                                    <div class="text-center mt-3">
                                                        <button type="submit" class="btn btn-primary btn-sm mx-auto d-block">Ubah Rating dan Plafond</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @empty
                                <tr>
                                    <td colspan="9" class="text-center">Pelanggan tidak ditemukan</td>
                                </tr>
                            @endforelse
                        @else
                            <tr>
                                <td colspan="9" class="text-center">Pelanggan tidak ditemukan</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

@endsection

@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    $(document).ready(function() {
        $('.select2-kota').select2({
            theme: 'bootstrap-5',
            placeholder: 'Cari Kota/Kabupaten...',
            allowClear: true,
            width: '100%',
            minimumResultsForSearch: 0
        });
        if (window.location.search.includes('search_nama') || window.location.search.includes('search_kota')) {
            setTimeout(function() {
                var tabel = document.getElementById('daftarTabel');
                if (tabel) {
                    tabel.scrollIntoView({ behavior: 'smooth', block: 'start' });
                }
            }, 300);
        }
    });

        // Existing scripts...
        // $('[data-toggle="tooltip"]').tooltip();

        // Mencegah input non-numeric pada telepon
        $('input[name="telepon"]').on('input', function() {
            this.value = this.value.replace(/[^0-9]/g, '');
        });

        // Validasi form sebelum submit
        $('form').on('submit', function(e) {
            e.preventDefault();
            
            let emptyFields = [];
            let form = $(this);
            let hasError = false;
            
            // Cek setiap input yang required
            form.find('input[required], select[required]').each(function() {
                if (!$(this).val()) {
                    let fieldName = $(this).attr('name');
                    let label = form.find('label[for="' + fieldName + '"]').text();
                    emptyFields.push(label);
                    $(this).addClass('is-invalid');
                    hasError = true;
                } else {
                    $(this).removeClass('is-invalid');
                }
            });

            if (hasError) {
                // Tampilkan popup error
                Swal.fire({
                    icon: 'error',
                    title: 'Form Belum Lengkap',
                    html: 'Mohon lengkapi field berikut:<br>' + emptyFields.join('<br>'),
                    confirmButtonText: 'OK'
                });
                return false;
            }

            // Jika semua valid, submit form
            form.unbind('submit').submit();
        });

        // Hapus class is-invalid saat input diubah
        $('input, select').on('input change', function() {
            $(this).removeClass('is-invalid');
        });

        // Update informasi range plafond saat modal dibuka
        $('[id^="ratingModal"]').on('show.bs.modal', function() {
            const customerId = $(this).attr('id').replace('ratingModal', '');
            const ratingSelect = $(this).find('select[name="rating"]');
            updatePlafondRangeInfoModal(ratingSelect.val(), customerId);
            
            // Inisialisasi keterangan plafond saat modal dibuka
            updatePlafondInfo(ratingSelect.val(), customerId);
        });

        // Update informasi range plafond saat rating berubah
        $('select[name="rating"]').on('change', function() {
            const customerId = $(this).closest('.modal').attr('id').replace('ratingModal', '');
            updatePlafondRangeInfoModal($(this).val(), customerId);
        });

        // Fungsi untuk mengupdate keterangan plafond secara dinamis
        $(document).on('change', '.rating-select', function() {
            const customerId = $(this).data('customer-id');
            const selectedRating = $(this).val();
            updatePlafondInfo(selectedRating, customerId);
        });

        // Data range plafond statis sebagai fallback
        const rangePlafondData = {
            kurang_terpercaya: {
                plafond_minimal: @if(isset($kurangTerpercaya)){{ $kurangTerpercaya->plafond_minimal }}@else 0 @endif,
                plafond_maksimal: @if(isset($kurangTerpercaya)){{ $kurangTerpercaya->plafond_maksimal }}@else 100000000 @endif
            },
            terpercaya: {
                plafond_minimal: @if(isset($terpercaya)){{ $terpercaya->plafond_minimal }}@else 100000001 @endif,
                plafond_maksimal: @if(isset($terpercaya)){{ $terpercaya->plafond_maksimal }}@else 150000000 @endif
            },
            sangat_terpercaya: {
                plafond_minimal: @if(isset($sangatTerpercaya)){{ $sangatTerpercaya->plafond_minimal }}@else 150000001 @endif,
                plafond_maksimal: null
            }
        };

        // Fungsi untuk mengupdate informasi plafond berdasarkan rating
        function updatePlafondInfo(rating, customerId) {
            const plafondInfo = $('#plafondInfo' + customerId);
            const plafondInput = $('#ratingModal' + customerId + ' input[name="plafond"]');
            
            // Gunakan data statis sebagai fallback
            const ranges = rangePlafondData;
            let infoMessage = '';
            let suggestedPlafond = '';
            
            if (rating === 'kurang_terpercaya') {
                infoMessage = 'Plafond maksimal: Rp ' + new Intl.NumberFormat('id-ID').format(ranges.kurang_terpercaya.plafond_maksimal);
                suggestedPlafond = ranges.kurang_terpercaya.plafond_minimal;
            } else if (rating === 'terpercaya') {
                infoMessage = 'Plafond harus antara Rp ' + new Intl.NumberFormat('id-ID').format(ranges.terpercaya.plafond_minimal) + ' - Rp ' + new Intl.NumberFormat('id-ID').format(ranges.terpercaya.plafond_maksimal);
                suggestedPlafond = ranges.terpercaya.plafond_minimal;
            } else if (rating === 'sangat_terpercaya') {
                infoMessage = 'Plafond minimal: Rp ' + new Intl.NumberFormat('id-ID').format(ranges.sangat_terpercaya.plafond_minimal);
                suggestedPlafond = ranges.sangat_terpercaya.plafond_minimal;
            }
            
            // Update keterangan
            plafondInfo.text(infoMessage);
            plafondInfo.removeClass('text-danger').addClass('text-muted');
            
            // Update nilai plafond dengan nilai minimal dari rating yang dipilih
            if (suggestedPlafond) {
                plafondInput.val(new Intl.NumberFormat('id-ID').format(suggestedPlafond));
            }
        }

    function updatePlafondRangeInfoModal(rating, customerId) {
        // Fungsi ini tidak diperlukan lagi karena sudah menggunakan data statis
        console.log('updatePlafondRangeInfoModal called for rating:', rating, 'customer:', customerId);
    }

    function validateRatingPlafond(element, customerId) {
        // Fungsi ini sudah digantikan dengan validatePlafondByRating
        console.log('validateRatingPlafond called for customer:', customerId);
    }

    // Format rupiah untuk input plafon
    function formatRupiah(angka) {
        let number_string = angka.toString().replace(/[^\d]/g, ''),
            sisa = number_string.length % 3,
            rupiah = number_string.substr(0, sisa),
            ribuan = number_string.substr(sisa).match(/\d{3}/g);
        if (ribuan) {
            let separator = sisa ? '.' : '';
            rupiah += separator + ribuan.join('.');
        }
        return rupiah;
    }

    // Pastikan saat submit, value plafon diubah ke angka
    $(document).on('submit', 'form', function() {
        $(this).find('input[name="plafond"]').val(function(_, v) {
            return v.replace(/\D/g, '');
        });
    });

    // Format input plafond dengan pemisah ribuan
    $(document).on('input', '.plafon-rupiah', function() {
        let value = $(this).val().replace(/\D/g, '');
        $(this).val(formatRupiah(value));
        
        // Validasi plafond sesuai rating
        const modal = $(this).closest('.modal');
        const customerId = modal.attr('id').replace('ratingModal', '');
        const rating = modal.find('.rating-select').val();
        validatePlafondByRating(value, rating, customerId);
    });

    // Fungsi validasi plafond berdasarkan rating
    function validatePlafondByRating(plafondValue, rating, customerId) {
        const plafondInfo = $('#plafondInfo' + customerId);
        const submitButton = $('#ratingModal' + customerId + ' button[type="submit"]');
        const plafond = parseInt(plafondValue.replace(/\D/g, '')) || 0;
        
        // Gunakan data statis
        const ranges = rangePlafondData;
        let isValid = true;
        let infoMessage = '';
        
        if (rating === 'kurang_terpercaya') {
            if (plafond < ranges.kurang_terpercaya.plafond_minimal || plafond > ranges.kurang_terpercaya.plafond_maksimal) {
                isValid = false;
                infoMessage = 'Plafond harus antara Rp ' + new Intl.NumberFormat('id-ID').format(ranges.kurang_terpercaya.plafond_minimal) + ' - Rp ' + new Intl.NumberFormat('id-ID').format(ranges.kurang_terpercaya.plafond_maksimal);
            } else {
                infoMessage = 'Plafond maksimal: Rp ' + new Intl.NumberFormat('id-ID').format(ranges.kurang_terpercaya.plafond_maksimal);
            }
        } else if (rating === 'terpercaya') {
            if (plafond < ranges.terpercaya.plafond_minimal || plafond > ranges.terpercaya.plafond_maksimal) {
                isValid = false;
                infoMessage = 'Plafond harus antara Rp ' + new Intl.NumberFormat('id-ID').format(ranges.terpercaya.plafond_minimal) + ' - Rp ' + new Intl.NumberFormat('id-ID').format(ranges.terpercaya.plafond_maksimal);
            } else {
                infoMessage = 'Plafond harus antara Rp ' + new Intl.NumberFormat('id-ID').format(ranges.terpercaya.plafond_minimal) + ' - Rp ' + new Intl.NumberFormat('id-ID').format(ranges.terpercaya.plafond_maksimal);
            }
        } else if (rating === 'sangat_terpercaya') {
            if (plafond < ranges.sangat_terpercaya.plafond_minimal) {
                isValid = false;
                infoMessage = 'Plafond minimal: Rp ' + new Intl.NumberFormat('id-ID').format(ranges.sangat_terpercaya.plafond_minimal);
            } else {
                infoMessage = 'Plafond minimal: Rp ' + new Intl.NumberFormat('id-ID').format(ranges.sangat_terpercaya.plafond_minimal);
            }
        }
        
        // Update tampilan berdasarkan validasi
        plafondInfo.text(infoMessage);
        if (isValid) {
            plafondInfo.removeClass('text-danger').addClass('text-muted');
            submitButton.prop('disabled', false);
        } else {
            plafondInfo.removeClass('text-muted').addClass('text-danger');
            submitButton.prop('disabled', true);
        }
    }
</script>
@endpush