update all blade views for kadar anggota koperasi

resources/views/customers/v2/index.blade.php

@@ -71,12 +71,27 @@
                         </form>
                     </div>
                     @if($search == true && $blacklist_search == false)
-                    <div class="text-center mt-3">
+    <div class="text-center mt-3">
-                        <button type="button" style="margin:auto" class="btn btn-primary" onclick="newcustomer()">
+
-                            Daftar Pelanggan
+        {{-- ✅ Jika anggota tapi belum daftar pelanggan --}}
-                        </button>
+        @if(isset($showDaftarPelangganBtn) && $showDaftarPelangganBtn)
-                    </div>
+            <button type="button" style="margin:auto" class="btn btn-success" onclick="newcustomer()">
-                    @endif
+                Daftar Pelanggan
+            </button>
+        @endif
+
+        {{-- ✅ Jika pelanggan dah ada tapi belum anggota --}}
+        @if(isset($showAssignAnggotaBtn) && $showAssignAnggotaBtn)
+            <form action="{{ route('customers.assignAnggota') }}" method="POST" style="display:inline-block;">
+                @csrf
+                <input type="hidden" name="noic" value="{{ $noic }}">
+                <button type="submit" class="btn btn-primary">Assign sebagai Anggota</button>
+            </form>
+        @endif
+
+    </div>
+@endif
+
                 </div>
             </div>
             <!-- Modal No KP -->
@@ -478,42 +493,75 @@
         </div>
     </div>
 </div>
+
 <script>
-    var api_url = "<?php echo $api_url ?>";
+var api_url = @json($api_url ?? '');
-    var search = "<?php echo $search ?>";
+    var search = @json($search ?? false);
-    var type_id = "<?php echo $idtype ?>";
+    var type_id = @json($idtype ?? '');
-    var blacklist_search = "<?php echo $blacklist_search ?>";
+    var isAnggota = @json($isAnggota ?? false);
+    var isPelanggan = @json($isPelanggan ?? false);
+    var blacklist_search = @json($blacklist_search ?? false);
+    var showAssignAnggotaBtn = @json($showAssignAnggotaBtn ?? false);
+    var showDaftarPelangganBtn = @json($showDaftarPelangganBtn ?? false);
+
     $(document).ready(function(){
+        // Datepicker
         $('#passport_tarikh_lahir').datepicker({
             format: 'dd/mm/yyyy',
             endDate: new Date()
         });
+
         var noic = $('#noic').val();
-        identifyIC(noic);
+        if (typeof identifyIC === 'function') {
+            identifyIC(noic);
+        }
 
-        if(search == true){
+        // Debug: Papar semua nilai dalam console
-            if(blacklist_search == true){
+        console.log({
-                Swal.fire({
+            search,
-                    icon: 'warning',
+            blacklist_search,
-                    title: 'Amaran!',
+            showAssignAnggotaBtn,
-                    text: 'Pelanggan telah disenarai hitamkan dari Pembiayaan'
+            showDaftarPelangganBtn
-                });
+        });
-                event.preventDefault();
+
-                return false;
+        // Logik amaran SweetAlert
-            }else{
+        if("{{ auth()->user()->cawangan }}"  == 'X0301'){
-                Swal.fire({
+            if (search === true) {
-                    icon: 'info',
+                if (blacklist_search === true) {
-                    title: 'Pelanggan Tiada Dalam Rekod!',
+                    Swal.fire({
-                    text: 'Sila Daftar Pelanggan'
+                        icon: 'warning',
-                });
+                        title: 'Amaran!',
-                event.preventDefault();
+                        text: 'Pelanggan telah disenarai hitamkan dari Pembiayaan.'
-                return false;
+                    });
+                } 
+                else if (isAnggota && !isPelanggan) {
+                    Swal.fire({
+                        icon: 'info',
+                        title: 'Anggota Belum Didaftarkan!',
+                        text: 'Pelanggan ini adalah anggota koperasi tetapi belum berdaftar sebagai pelanggan.'
+                    });
+                } 
+                else if (isPelanggan && !isAnggota) {
+                    Swal.fire({
+                        icon: 'info',
+                        title: 'Pelanggan Bukan Anggota!',
+                        text: 'Pelanggan ini berdaftar tetapi belum menjadi anggota koperasi.'
+                    });
+                } 
+                else if (!isAnggota && !isPelanggan) {
+                    Swal.fire({
+                        icon: 'info',
+                        title: 'Pelanggan Tiada Dalam Rekod!',
+                        text: 'Sila Daftar Pelanggan.'
+                    });
+                }
             }
-
         }
 
     });
 
+
+
     function calculatePassportAge(){
         var passport_lahir = $('#passport_tarikh_lahir').val();
         var split_date = passport_lahir.split('/');

resources/views/customers/v2/info.blade.php

@@ -88,6 +88,16 @@
                             <input type="text" class="form-control" name="bakilelong" id="bakilelong" readonly value="{{ number_format($bakilelong,2) }}">
                         </div>
                     </div>
+                        @if(isset($customer_info['tag_anggota']) && $customer_info['tag_anggota'] == 1)
+                        <div class="form-group row">
+                            <div class="col-md-4">
+                                <b>Status</b>
+                            </div>
+                        <div class="col-md-8">
+                            <input type="text" class="form-control" readonly value="Anggota Koperasi">
+                        </div>
+                        </div>
+                    @endif
 
                 </div>
                 <div class="col-md-6">
@@ -120,9 +130,171 @@
                 </div>
             </div>
 
-            <!-- footer card -->
+<div class="form-group d-flex justify-content-end align-items-center mt-3 mb-2">
-<div class="mr-4 form-group d-flex justify-content-end">
+
-    <button class="btn btn-primary button-spacing" data-toggle="modal" data-target="#customer_detail">Maklumat Pelanggan</button>
+    <!-- Butang Maklumat Pelanggan -->
+    <button class="btn btn-primary d-flex align-items-center" 
+            data-toggle="modal" data-target="#customer_detail" 
+            style="margin-right: 12px;">
+        <i class="fas fa-info-circle me-1"></i> Maklumat Pelanggan
+    </button>
+
+
+
+  <!-- Butang Assign Sebagai Anggota -->
+@if(isset($showAssignAnggotaBtn) && $showAssignAnggotaBtn && isset($kodcaw) && $kodcaw == 'X0301')
+
+    <div class="m-0 p-2">
+        <button type="button"
+                class="btn btn-success d-flex align-items-center"
+                data-noic="{{ $noic }}"
+                onclick="assignAnggota(this)">
+            <i class="fas fa-user-check me-1"></i> Assign sebagai Anggota
+        </button>
+    </div>
+
+    <script>
+function test(e) {
+    console.log('test');
+    console.log(e);
+    return;
+    const swalWithBootstrapButtons = Swal.mixin({
+        customClass: {
+            confirmButton: 'btn btn-success me-2',
+            cancelButton: 'btn btn-danger'
+        },
+        buttonsStyling: false
+    });
+
+    try {
+        // 1️⃣ Sahkan tindakan
+        const confirm = await swalWithBootstrapButtons.fire({
+            title: 'Mohon Kelulusan Operasi',
+            text: 'Adakah anda pasti mahu mohon kelulusan operasi untuk assign sebagai anggota?',
+            icon: 'question',
+            showCancelButton: true,
+            confirmButtonText: 'Ya, Hantar Mohon',
+            cancelButtonText: 'Batal',
+            reverseButtons: true
+        });
+
+        if (!confirm.isConfirmed) {
+            await Swal.fire('Dibatalkan', 'Tindakan tidak diteruskan.', 'info');
+            return;
+        }
+
+        // 2️⃣ Masukkan komen
+        const komenPrompt = await Swal.fire({
+            title: 'Masukkan Komen',
+            input: 'text',
+            inputPlaceholder: 'Contoh: Layak sebagai anggota',
+            showCancelButton: true,
+            confirmButtonText: 'Hantar',
+            cancelButtonText: 'Batal',
+            inputValidator: (value) => {
+                if (!value) return 'Sila masukkan komen!';
+            }
+        });
+
+        if (!komenPrompt.isConfirmed) {
+            await Swal.fire('Dibatalkan', 'Tiada komen dimasukkan.', 'info');
+            return;
+        }
+
+        const komen = komenPrompt.value;
+
+        // 3️⃣ Papar popup "Tunggu Pengesahan Operasi"
+        Swal.fire({
+            title: 'Tunggu Pengesahan Operasi',
+            text: 'Permohonan sedang menunggu kelulusan operasi...',
+            icon: 'info',
+            allowOutsideClick: false,
+            allowEscapeKey: false,
+            showConfirmButton: false,
+            didOpen: () => {
+                Swal.showLoading();
+            }
+        });
+
+        // 4️⃣ Hantar permohonan ke backend (Laravel)
+        const response = await fetch("{{ route('operasi.createkelulusan-anggota') }}", {
+           
+            method: 'POST',
+            headers: {
+                "Content-Type": "application/json",
+                "X-CSRF-TOKEN": "{{ csrf_token() }}"
+            },
+            body: JSON.stringify({
+                mohon: "Assign Anggota",
+                noic: noic,
+                norujukan: norujukan,
+                komen: komen,
+                teller: "{{ Auth::user()->name }}",
+                tagoperasi: 1 // 1 = tunggu kelulusan operasi
+            })
+
+            console.log(`Response: ${response}`);
+        });
+
+        const result = await response.json();
+
+        if (!response.ok || !result) {
+            throw new Error(result.message || 'Ralat semasa menghantar permohonan.');
+        }
+
+        // Simpan ID permohonan (jika API hantar balik id/siri)
+        const siricreated = result.data?.id ?? null;
+
+        // 5️⃣ Aktifkan listener Pusher
+        const pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
+            cluster: 'ap1',
+            encrypted: true
+        });
+
+        const channel = pusher.subscribe('notice-anggota');
+        channel.bind('my-anggota', function (data) {
+
+            // Padankan notifikasi dengan permohonan semasa
+            if (
+                data.norujukan === norujukan &&
+                data.noic === noic &&
+                (!siricreated || data.siri == siricreated)
+            ) {
+                Swal.close(); // Tutup popup loading
+
+                if (data.kelulusan === 'lulus') {
+                    Swal.fire({
+                        icon: 'success',
+                        title: 'Diluluskan oleh Operasi',
+                        text: `Komen: ${data.komen}`,
+                        confirmButtonText: 'OK'
+                    }).then(() => {
+                        // contoh: reload page atau update UI
+                        location.reload();
+                    });
+                } else if (data.kelulusan === 'batal') {
+                    Swal.fire({
+                        icon: 'warning',
+                        title: 'Permohonan Dibatalkan',
+                        text: `Komen: ${data.komen}`,
+                        confirmButtonText: 'OK'
+                    });
+                }
+            }
+        });
+
+    } catch (error) {
+        console.error('Ralat mohonKelulusanOperasiAnggota:', error);
+        Swal.fire({
+            icon: 'error',
+            title: 'Ralat',
+            text: 'Gagal menghantar permohonan kelulusan operasi. Sila cuba semula.'
+        });
+    }
+}
+
+    </script>
+@endif
 </div>
 
 </div>
@@ -403,16 +575,24 @@
                                 </div>
                                 <div class='col-md-8'>
                                     @php
-                                        $poskod = Http::withOptions(['verify' => config('app.api_verify')])->get($api_url . '/api/poskod/'. $customer_info['poskod'])->json();
+    $poskod = Http::withOptions(['verify' => config('app.api_verify')])
-                                        // $data = $poskod;
+        ->get($api_url . '/api/poskod/' . $customer_info['poskod'])
-                                        // $poskod2 = array('koddaerah'=>'NIL','kodnegeri' => 'NIL');
+        ->json();
-                                        // dd($poskod,$poskod2,$data,$customer_info);
+
-                                        if(empty($poskod)){
+    // Jika tiada data poskod atau tiada koddaerah
-                                            $poskod = array('koddaerah'=>'NIL','kodnegeri' => 'NIL');
+    if (empty($poskod) || !isset($poskod['koddaerah'])) {
-                                        }
+        $poskod = ['koddaerah' => 'NIL', 'kodnegeri' => 'NIL'];
-                                        $daerah = Http::withOptions(['verify' => config('app.api_verify')])->get($api_url . '/api/daerah/' . $poskod['koddaerah'])->json();
+    }
-                                    @endphp
+
-                                    <input type="text" readonly name='koddaerah' id='koddaerah' value="{{ $daerah ? $daerah['namadaerah'] : 'NIL' }}" class='form-control'>
+    $daerah = Http::withOptions(['verify' => config('app.api_verify')])
+        ->get($api_url . '/api/daerah/' . $poskod['koddaerah'])
+        ->json();
+@endphp
+
+<input type="text" readonly name="koddaerah" id="koddaerah"
+       value="{{ $daerah['namadaerah'] ?? 'NIL' }}"
+       class="form-control">
+
                                 </div>
                             </div>
                             <div class='form-group row col-md-12'>
@@ -2996,6 +3176,126 @@
             });
         }
     }
+
+  async function assignAnggota(e){
+    let noic = $(e).data('noic');
+
+    const swalWithBootstrapButtons = Swal.mixin({
+        customClass: {
+            confirmButton: 'btn btn-success me-2',
+            cancelButton: 'btn btn-danger'
+        },
+        buttonsStyling: false
+    });
+
+    try {
+        // 1️⃣ Sahkan tindakan
+        const confirm = await swalWithBootstrapButtons.fire({
+            title: 'Mohon Kelulusan Operasi',
+            text: 'Adakah anda pasti mahu mohon kelulusan operasi untuk assign sebagai anggota?',
+            icon: 'question',
+            showCancelButton: true,
+            confirmButtonText: 'Ya, Hantar Mohon',
+            cancelButtonText: 'Batal',
+            reverseButtons: true
+        });
+
+        if (!confirm.isConfirmed) {
+            await Swal.fire('Dibatalkan', 'Tindakan tidak diteruskan.', 'info');
+            return;
+        }
+
+         console.log(confirm);
+
+        // 2️⃣ Masukkan komen
+        const komenPrompt = await Swal.fire({
+            title: 'Masukkan Komen',
+            input: 'text',
+            inputPlaceholder: 'Contoh: Layak sebagai anggota',
+            showCancelButton: true,
+            confirmButtonText: 'Hantar',
+            cancelButtonText: 'Batal',
+            inputValidator: (value) => !value && 'Sila masukkan komen!'
+        });
+
+        if (!komenPrompt.isConfirmed) {
+            await Swal.fire('Dibatalkan', 'Tiada komen dimasukkan.', 'info');
+            return;
+        }
+
+        const komen = komenPrompt.value;
+
+        // 3️⃣ Papar popup loading
+        Swal.fire({
+            title: 'Tunggu Pengesahan Operasi',
+            text: 'Permohonan sedang menunggu kelulusan operasi...',
+            icon: 'info',
+            allowOutsideClick: false,
+            allowEscapeKey: false,
+            showConfirmButton: false,
+            didOpen: () => Swal.showLoading()
+        });
+
+        // 4️⃣ Aktifkan listener Pusher terlebih dahulu
+        const pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
+            cluster: 'ap1',
+            encrypted: true
+        });
+        const channel = pusher.subscribe('notice-anggota');
+
+        channel.bind('my-anggota', function (data) {
+            // Padankan hanya berdasarkan noic
+            console.log(data,noic);
+            if (data.noic == noic) {
+                Swal.close(); // tutup loading
+
+                if (data.status === 'DILULUSKAN') {
+                    Swal.fire({
+                        icon: 'success',
+                        title: 'Diluluskan oleh Operasi',
+                        confirmButtonText: 'OK'
+                    }).then(() => location.reload());
+                } else if (data.status === 'DITOLAK') {
+                    Swal.fire({
+                        icon: 'warning',
+                        title: 'Permohonan Dibatalkan',
+                        confirmButtonText: 'OK'
+                    });
+                }
+            }
+        });
+
+        // 5️⃣ Hantar permohonan ke backend
+        const response = await fetch("{{ route('operasi.createkelulusan-anggota') }}", {
+            method: 'POST',
+            headers: {
+                "Content-Type": "application/json",
+                "X-CSRF-TOKEN": "{{ csrf_token() }}"
+            },
+            body: JSON.stringify({
+                mohon: "Assign Anggota",
+                nokp: noic,
+                komen: komen,
+                teller: "{{ Auth::user()->name }}",
+                tagoperasi: 1 // tunggu kelulusan operasi
+            })
+        });
+
+        const result = await response.json();
+        if (!response.ok || !result) throw new Error(result.message || 'Ralat semasa menghantar permohonan.');
+
+        console.log(result);
+
+    } catch (error) {
+        console.error('Ralat mohonKelulusanOperasiAnggota:', error);
+        Swal.fire({
+            icon: 'error',
+            title: 'Ralat',
+            text: 'Gagal menghantar permohonan kelulusan operasi. Sila cuba semula.'
+        });
+    }
+}
+
 </script>
 <script>
     $('#kodkerja').on('change', function() {

resources/views/gadaian/v2/index.blade.php

@@ -187,6 +187,7 @@
                                 <input type="text" name="kadarkeuntungan" id="kadarkeuntungan" value="" hidden>
                                 <input type="text" name="kuantiti_marhun" id="kuantiti_marhun" value="" hidden>
                                 <input type="text" name="total_nilai_marhun" id="total_nilai_marhun" value="" hidden>
+                                <input type="text" name="nokp" id="nokp" value="{{ $customer_info['kpbaru'] }}" hidden>
                                 <a href="{{ route('gadai.batal',['norujukan'=>$norujukan]) }}" class="float-right btn btn-danger mr-2">Batal</a>
                                 <input type="submit" name="terima_gadai" id="terima_gadai" class="float-right btn btn-primary mr-2" value="Terima">
                             </div>
@@ -586,6 +587,7 @@
             url: api_url + '/api/kadarujrah',
             async:false,
             data:{
+                'nokp': $('#nokp').val(),
                 'nilaimarhun' : total_nilai_marhun,
                 'kodcaw' : kodcaw_ujrah
             },
@@ -625,6 +627,9 @@
     $('#pinjaman').on('input',function(){
         var pinjaman = Number(this.value);
         var nilaimarhun = Number($('#jumlah_nilai_marhun').val());
+        var nokp = $('#nokp').val();
+        console.log('DEBUG NOKP:', nokp, kadarupah);
+
 
         // var keuntungan_sebulan = pinjaman * kadarupah;
         // var keuntungan_6bln = keuntungan_sebulan * 6;
@@ -638,6 +643,7 @@
             url: api_url + '/api/onepercent',
             async:false,
             data:{
+                'nokp': nokp,
                 'nilaimarhun' : total_nilai_marhun,
                 'pembiayaan' : pinjaman,
                 'kadarujrah' : kadarupah,

resources/views/homepage/operasi/home.blade.php

@@ -14,6 +14,7 @@
                   </nav>
 
                 <div class="card-body text-center">
+                    <a href="{{ route('operasi.kelulusananggota') }}" class="btn btn-info btn-lg">Kelulusan Anggota</a>
                     <a href="{{ route('operasi.kelulusan') }}" class="btn btn-info btn-lg">Kelulusan</a>
                     <a href="{{ route('daftar.kakitangan') }}" class="btn btn-info btn-lg">Kakitangan</a>
                     <a href="{{ route('parameter') }}" class="btn btn-info btn-lg">Parameter</a>

resources/views/operasi/kelulusan_anggota.blade.php

@@ -0,0 +1,480 @@
+@extends('layouts.app_operasi')
+
+@section('content')
+    <div class="container col-12">
+        <div class="row justify-content-center">
+            <div class="col-md-12">
+                <div class="card">
+                    <nav aria-label="breadcrumb">
+                        <ol class="breadcrumb pb-3">
+                            <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                            <li class="breadcrumb-item active" aria-current="page">Kelulusan Anggota</li>
+                        </ol>
+                    </nav>
+
+                    <div class="card-body text-center">
+
+                        <div class="row mb-4">
+                            <div class="col-2 justify-content-start">
+                            </div>
+                            <div class="col-8 mt-3 justify-content-center">
+                            </div>
+                            <div class="col-2">
+                            </div>
+                        </div>
+
+                        <table class='table mt-2 table-striped table-hover' id='table-kelulusan' style="width:100%;">
+                            <thead class="thead-dark">
+                                <tr>
+                                    <th>Cawangan</th>
+                                    <th>No Kad Pengenalan</th>
+                                    <th>Komen</th>
+                                    <th>Tarikh/Masa</th>
+                                    <th>Tindakan</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach ($arraykelulusan as $index => $k)
+                                    @foreach ($k['kelulusanall'] as $indexapp => $approval)
+                                        <tr>
+                                            <td>{{ $k['cawangan'] }}</td>
+                                            <td>{{ $approval['nokp'] }}</td>
+                                            <td>{{ $approval['komen'] ?? '—' }}</td>
+                                            <td>{{ \Carbon\Carbon::parse($approval['created_at'])->timezone('Asia/Kuala_Lumpur')->format('d/m/Y h:i A') }}</td>
+                                            <td>
+                                                <!-- ✅ Lulus -->
+                                                <button class="btn btn-success btn-sm me-2"
+                                                    onclick="updatelulusAnggota(this)" data-nokp="{{ $approval['nokp'] }}"
+                                                    data-kodcaw="{{ $k['cawangankod'] }}" data-taglulus="Y"
+                                                    title="Lulus Anggota">
+                                                    <i class="fas fa-thumbs-up"></i>
+                                                </button>
+
+                                                <!-- ❌ Batal / Tolak -->
+                                                <button class="btn btn-danger btn-sm" onclick="updatelulusAnggota(this)"
+                                                    data-nokp="{{ $approval['nokp'] }}"
+                                                    data-kodcaw="{{ $k['cawangankod'] }}" data-taglulus="N"
+                                                    title="Batal / Tolak Kelulusan">
+                                                    <i class="fas fa-thumbs-down"></i>
+                                                </button>
+                                            </td>
+                                        </tr>
+                                    @endforeach
+                                @endforeach
+                            </tbody>
+                        </table>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        var tablekelulusan = $('#table-kelulusan').DataTable({
+            "scrollX": true
+        });
+
+        let api = "{{ config('api.url') }}";
+
+        const formatter = new Intl.NumberFormat('en-US', {
+            minimumFractionDigits: 2
+        });
+
+        var audio = new Audio("{{ asset('sound/3.wav') }}");
+
+        if (tablekelulusan.data().any()) {
+            audio.play();
+            audio.addEventListener('ended', function() {
+                this.currentTime = 0;
+                this.play();
+            }, false);
+        } else {
+            audio.loop = false;
+            audio.muted = true;
+        }
+
+
+        $('#kelulusanmodal').on('show.bs.modal', function(event) {
+            let button = $(event.relatedTarget);
+            let norujukan = $(button).data('norujukan');
+            let kodcaw = $(button).data('kodcawangan');
+
+            $.ajax({
+                method: 'GET',
+                url: api + '/api/gadai/norujukan/' + norujukan,
+                dataType: 'json',
+                success: function(datagadaiwithnorujukan) {
+
+                    let nokp = datagadaiwithnorujukan[0][0].nokp;
+
+                    $.ajax({
+                        method: 'GET',
+                        url: api + '/api/customers/' + nokp,
+                        dataType: 'json',
+                        success: function(datagadaiwithnokp) {
+
+                            let nama = datagadaiwithnokp.nama;
+
+                            $('#namalanjut').text(nama);
+                            $('#nokplanjut').text(nokp);
+
+                            $.ajax({
+                                method: 'GET',
+                                url: api + '/api/gadai/customers/' + nokp +
+                                    '/outstandingsemasa/' + kodcaw,
+                                dataType: 'json',
+                                success: function(outstandingsemasa) {
+
+                                    $('#pinjterkumpul').text('RM' + formatter
+                                        .format(outstandingsemasa));
+
+                                },
+                                error: function(xhr, status, error) {
+                                    var err = eval("(" + xhr.responseText +
+                                        ")");
+                                    alert(xhr.responseText);
+                                }
+                            });
+
+
+                        }
+                    });
+
+                    $.ajax({
+                        method: 'GET',
+                        url: api + '/api/customers/' + nokp + '/gadai/belum_tebus',
+                        dataType: 'json',
+                        success: function(data) {
+                            let bilanganaktif = 0;
+                            if (data == null) {
+                                bilanganaktif = 0;
+                            } else {
+                                bilanganaktif = data[0].length;
+                            }
+
+                            $('#bilaktif').text(bilanganaktif);
+
+
+                        }
+                    });
+
+
+                    $.ajax({
+                        method: 'GET',
+                        url: api + '/api/customers/' + nokp + '/gadai/lelong',
+                        dataType: 'json',
+                        success: function(data) {
+
+                            let bilanganlelong = 0;
+
+                            if (data == null) {
+                                bilanganlelong = 0;
+                            } else {
+                                bilanganlelong = data.length;
+                            }
+
+
+                            $('#billelong').text(bilanganlelong);
+                        }
+                    });
+
+
+                }
+            });
+
+        });
+
+        async function updatelulus(e) {
+            console.log(e);
+            return;
+
+            const {
+                value: katalaluan
+            } = await Swal.fire({
+                title: 'Masukkan Katalaluan Semula',
+                input: 'password',
+                inputPlaceholder: 'Katalaluan',
+                confirmButtonText: 'Hantar',
+                showCancelButton: true,
+                cancelButtonText: 'Batal',
+                allowOutsideClick: true
+            })
+
+            let dataminta = '';
+
+            $.ajax({
+                method: 'get',
+                url: "{{ route('operasi.getmintasemulakelulusan') }}",
+                async: false,
+                data: {
+                    passsemula: katalaluan
+                },
+                success: function(data) {
+                    if (data == "False") {
+                        dataminta = data;
+                    }
+                }
+            });
+
+            if (dataminta == 'False') {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Pengesahan Katalaluan Tidak Berjaya'
+                })
+                event.preventDefault();
+                return false;
+            }
+
+            // var { value: komenkelulusan } = await Swal.fire({
+            //     title: 'Masukkan Komen!',
+            //     input: 'radio',
+            //     customClass: {
+            //         input: 'custom-radio'
+            //     },
+            //     inputOptions: {
+            //         'Pelanggan Baru': 'Pelanggan Baru',
+            //         'Pelanggan Tetap': 'Pelanggan Tetap',
+            //         'Rekod Gadaian Baik': 'Rekod Gadaian Baik',
+            //         'Lain2': 'Lain-Lain'
+            //     },
+            //     confirmButtonText: 'Hantar',
+            //     showCancelButton:false,
+            //     allowOutsideClick: false
+            // })
+
+            // if(komenkelulusan === 'Lain2')
+            // {
+            //     var { value: komenkelulusan } = await Swal.fire({
+            //     title: 'Masukkan Komen!',
+            //     input: 'text',
+            //     inputPlaceholder: 'Komen',
+            //     confirmButtonText: 'Hantar',
+            //     showCancelButton:false,
+            //     allowOutsideClick: false
+            //     });
+            // }
+
+            const {
+                value: komenkelulusan
+            } = await Swal.fire({
+                title: 'Masukkan Komen!',
+                input: 'text',
+                inputPlaceholder: 'Komen',
+                confirmButtonText: 'Hantar',
+                showCancelButton: false,
+                allowOutsideClick: false
+            })
+
+            let norujukan = $(e).data('norujukan');
+            let cawangankod = $(e).data('kodcaw');
+            let siri = $(e).data('siri');
+            let namaoperasi = "{{ Auth::user()->name }}";
+            let teller = $(e).closest('tr').children('td:eq(2)').text();
+            let taglulus = $(e).data('taglulus');
+
+            teller = String(teller);
+
+            $.ajax({
+                method: 'put',
+                url: "{{ route('operasi.updatekelulusan') }}",
+                data: {
+                    "_token": "{{ csrf_token() }}",
+                    "taglulus": taglulus,
+                    "norujukan": norujukan,
+                    "kodcaw": cawangankod,
+                    "komenkelulusan": komenkelulusan,
+                    "siri": siri,
+                    'namaoperasi': namaoperasi,
+                    'teller': teller
+                },
+                success: function(data) {
+                    console.log(data);
+                    Swal.fire({
+                        icon: 'success',
+                        title: 'Pengesahan Berjaya'
+                    }).then(function() {
+                        location.reload();
+                    });
+
+                },
+                error: function(xhr, status, error) {
+                    var err = eval("(" + xhr.responseText + ")");
+                    alert(xhr.responseText);
+                }
+            });
+
+        }
+
+        async function updatelulusAnggota(e) {
+
+            // 1️⃣ Semak katalaluan semula
+            const {
+                value: katalaluan
+            } = await Swal.fire({
+                title: 'Masukkan Katalaluan Semula',
+                input: 'password',
+                inputPlaceholder: 'Katalaluan',
+                confirmButtonText: 'Hantar',
+                showCancelButton: true,
+                cancelButtonText: 'Batal',
+                allowOutsideClick: true
+            });
+
+            if (!katalaluan) return;
+
+            let sah = true;
+            await $.ajax({
+                method: 'get',
+                url: "{{ route('operasi.getmintasemulakelulusan') }}",
+                async: false,
+                data: {
+                    passsemula: katalaluan
+                },
+                success: function(data) {
+                    if (data == "False") sah = false;
+                }
+            });
+
+            if (!sah) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Pengesahan Katalaluan Tidak Berjaya'
+                });
+                return false;
+            }
+
+            // 2️⃣ Dapatkan komen kelulusan
+            const {
+                value: komenkelulusan
+            } = await Swal.fire({
+                title: 'Masukkan Komen Kelulusan',
+                input: 'text',
+                inputPlaceholder: 'Contoh: Anggota layak diluluskan',
+                confirmButtonText: 'Hantar',
+                showCancelButton: false,
+                allowOutsideClick: false
+            });
+
+            // 3️⃣ Ambil data daripada butang / row
+            let nokp = $(e).data('nokp'); // data-nokp perlu ada dalam butang
+            let kodcaw = $(e).data('kodcaw');
+            let siri = $(e).data('siri');
+            let taglulus = $(e).data('taglulus');
+            let namaoperasi = "{{ Auth::user()->name }}";
+
+            // 4️⃣ Hantar ke backend (route khas kelulusan anggota)
+            $.ajax({
+                method: 'put',
+                url: "{{ route('operasi.updatekelulusananggota') }}",
+                data: {
+                    "_token": "{{ csrf_token() }}",
+                    "nokp": nokp,
+                    "kodcaw": kodcaw,
+                    "siri": siri,
+                    "taglulus": taglulus,
+                    "komenkelulusan": komenkelulusan,
+                    "namaoperasi": namaoperasi
+                },
+                success: function(data) {
+                    Swal.fire({
+                        icon: 'success',
+                        title: 'Kelulusan Anggota Berjaya'
+                    }).then(function() {
+                        location.reload();
+                    });
+                },
+                error: function(xhr, status, error) {
+                    alert("Ralat: " + xhr.responseText);
+                }
+            });
+        }
+
+
+        async function updatebatal(e) {
+            const {
+                value: katalaluan
+            } = await Swal.fire({
+                title: 'Masukkan Katalaluan Semula',
+                input: 'password',
+                inputPlaceholder: 'Katalaluan',
+                confirmButtonText: 'Hantar',
+                showCancelButton: true,
+                cancelButtonText: 'Batal',
+                allowOutsideClick: true
+            })
+
+            let dataminta = '';
+
+            $.ajax({
+                method: 'get',
+                url: "{{ route('operasi.getmintasemulakelulusan') }}",
+                async: false,
+                data: {
+                    passsemula: katalaluan
+                },
+                success: function(data) {
+                    if (data == "False") {
+                        dataminta = data;
+                    }
+                }
+            });
+
+            if (dataminta == 'False') {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Pengesahan Katalaluan Tidak Berjaya'
+                })
+                event.preventDefault();
+                return false;
+            }
+
+            const {
+                value: komenkelulusan
+            } = await Swal.fire({
+                title: 'Masukkan Komen',
+                input: 'text',
+                inputPlaceholder: 'Komen',
+                confirmButtonText: 'Hantar',
+                showCancelButton: false,
+                allowOutsideClick: false
+            })
+
+            let norujukan = $(e).data('norujukan');
+            let siri = $(e).data('siri');
+            let cawangankod = $(e).data('kodcaw');
+            let namaoperasi = "{{ Auth::user()->name }}";
+            let teller = $(e).closest('tr').children('td:eq(2)').text();
+
+            teller = String(teller);
+
+            $.ajax({
+                method: 'put',
+                url: "{{ route('operasi.updatekelulusan') }}",
+                data: {
+                    "_token": "{{ csrf_token() }}",
+                    "norujukan": norujukan,
+                    "siri": siri,
+                    "kodcaw": cawangankod,
+                    "komenkelulusan": komenkelulusan,
+                    "pembatalan": "batal",
+                    'namaoperasi': namaoperasi,
+                    'teller': teller
+                },
+                success: function(data) {
+                    Swal.fire({
+                        icon: 'success',
+                        title: 'Pengesahan Berjaya'
+                    }).then(function() {
+                        location.reload();
+
+                    });
+
+                },
+                error: function(xhr, status, error) {
+                    var err = eval("(" + xhr.responseText + ")");
+                    alert(xhr.responseText);
+                }
+            });
+        }
+    </script>
+@endsection