@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="page-title">
                                <div class="title_left">
                                    <h3>Gold Priority Report</h3>

                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6">
                                            <div class="x_panel">
                                                <div class="x_title">
                                                    Filter
                                                </div>
                                                <div class="x_content">
                                                    <form id="form-search" class="form-horizontal">
                                                        <div class="col-xs-12 col-sm-12">
                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Created At
                                                                    :</label>
                                                                <div class="col-xs-3 col-sm-4">
                                                                    <input type="date" class="form-control"
                                                                        name="from_date" id="from_date"
                                                                        value="{{ $request['from_date'] }}"
                                                                        placeholder="Tanggal Mulai">
                                                                </div>
                                                                <!-- <label class="col-xs-2 col-sm-2 text-center">-</label> -->
                                                                <div class="col-xs-4 col-sm-4">
                                                                    <input type="date" class="form-control"
                                                                        name="end_date" id="end_date"
                                                                        value="{{ $request['end_date'] }}"
                                                                        placeholder="Tanggal Selesai">
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Matured At
                                                                    :</label>
                                                                <div class="col-xs-3 col-sm-4">
                                                                    <input type="date" class="form-control"
                                                                        name="start_date" id="start_date"
                                                                        value="{{ $request['start_date'] }}"
                                                                        placeholder="Tanggal Mulai">
                                                                </div>
                                                                <!-- <label class="col-xs-1">-</label> -->
                                                                <div class="col-xs-4 col-sm-4">
                                                                    <input type="date" class="form-control"
                                                                        name="date_end" id="date_end"
                                                                        value="{{ $request['date_end'] }}"
                                                                        placeholder="Tanggal Selesai">
                                                                </div>
                                                            </div>


                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Store Type
                                                                    :</label>
                                                                <div class="col-xs-12 col-sm-8">
                                                                    <select name="store_type" id="store_type"
                                                                        class="form-control">
                                                                        <option value="">All</option>
                                                                        <option value="butik"
                                                                            @if ($request['store_type'] == 'butik') selected @endif>
                                                                            Butik</option>
                                                                        <option value="cmk"
                                                                            @if ($request['store_type'] == 'cmk') selected @endif>
                                                                            CMK</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Status
                                                                    :</label>
                                                                <div class="col-xs-12 col-sm-8">
                                                                    <select name="status_gp" id="status_gp"
                                                                        class="form-control">
                                                                        <option value="">All</option>
                                                                        <option value="active"
                                                                            @if ($request['status_gp'] == 'active') selected @endif>
                                                                            Active</option>
                                                                        <option value="terminate"
                                                                            @if ($request['status_gp'] == 'terminate') selected @endif>
                                                                            Terminate</option>
                                                                        <option value="terminate_buyback"
                                                                            @if ($request['status_gp'] == 'terminate_buyback') selected @endif>
                                                                            Terminate Buyback</option>
                                                                        <option value="done"
                                                                            @if ($request['status_gp'] == 'done') selected @endif>
                                                                            Done</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Maturity
                                                                    :</label>
                                                                <div class="col-xs-12 col-sm-8">
                                                                    <select name="maturity" id="maturity"
                                                                        class="form-control">
                                                                        <option value="">All</option>
                                                                        <option value="jatuh_tempo"
                                                                            @if ($request['maturity'] == 'jatuh_tempo') selected @endif>
                                                                            Sudah Jatuh Tempo</option>
                                                                        <option value="belum_jatuh_tempo"
                                                                            @if ($request['maturity'] == 'belum_jatuh_tempo') selected @endif>
                                                                            Belum Jatuh Tempo</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Jenis
                                                                    Pengajuan :</label>
                                                                <div class="col-xs-12 col-sm-8">
                                                                    <select name="jenis_pengajuan" id="jenis_pengajuan"
                                                                        class="form-control">
                                                                        <option value="">All</option>
                                                                        <option value="new_application"
                                                                            @if ($request['jenis_pengajuan'] == 'new_application') selected @endif>
                                                                            New Application</option>
                                                                        <option value="reapplication"
                                                                            @if ($request['jenis_pengajuan'] == 'reapplication') selected @endif>
                                                                            Reapplication</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Status Pengiriman :</label>
                                                                <div class="col-xs-12 col-sm-8">
                                                                    <select name="status_pengiriman" id="status_pengiriman"
                                                                        class="form-control">
                                                                        <option value="">All</option>
                                                                        <option value="menunggu_pengiriman"
                                                                            @if ($request['status_pengiriman'] == 'menunggu_pengiriman') selected @endif>
                                                                            Menunggu Pengiriman</option>
                                                                        <option value="dalam_perjalanan"
                                                                            @if ($request['status_pengiriman'] == 'dalam_perjalanan') selected @endif>
                                                                            Dalam Perjalanan</option>
                                                                        <option value="diterima_di_pusat"
                                                                            @if ($request['status_pengiriman'] == 'diterima_di_pusat') selected @endif>
                                                                            Diterima di Pusat</option>
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-xs-12 col-sm-4 control-label">Search
                                                                    :</label>
                                                                <div class="col-xs-12 col-sm-8">
                                                                    <input type="text" name="search" id="search"
                                                                        class="form-control"
                                                                        value="{{ $request['search'] ?? '' }}">
                                                                </div>
                                                            </div>

                                                            <div class="form-group" style="margin-top:20px">
                                                                <label class="col-xs-12 col-sm-5 control-label"></label>
                                                                <div class="col-xs-12 col-sm-7">
                                                                    <button type="submit"
                                                                        class="btn btn-primary btn-search"><i
                                                                            class="fa fa-search"></i> Search</button>
                                                                    <button type="button" class="btn btn-warning"
                                                                        id="reset_btn"><i class="fa fa-trash"></i>
                                                                        Reset</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-xs-12 col-sm-6">
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-4">
                                                    <div class="text-center"
                                                        style="border: 1px solid #0f967e; border-radius: 5px; background: #1aba9e; color: #000; width: 100%; padding: 5px;">
                                                        <div><i class="fa fa-file"></i> Total Filtered</div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($transactions->total()) }}</b>
                                                        </div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_active_deposit) }}</b>
                                                        </div>
                                                        <div>Gram</div>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-4">
                                                    <div class="text-center"
                                                        style="border: 1px solid #c99e26; border-radius: 5px; background: #c99e26; color: #000; width: 100%; padding: 5px;">
                                                        <div><i class="fa fa-balance-scale"></i> Total Active</div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_active) }}</b>
                                                        </div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_weight_active) }}</b>
                                                        </div>
                                                        <div>Gram</div>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-4">
                                                    <div class="text-center"
                                                        style="border: 1px solid rgb(55, 107, 166); border-radius: 5px; background:rgb(55, 107, 166); color: #000; width: 100%; padding: 5px;">
                                                        <div><i class="fa fa-balance-scale"></i> Total Maturity</div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_maturity_count) }}</b>
                                                        </div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_maturity_weight) }}</b>
                                                        </div>
                                                        <div>Gram</div>
                                                    </div>
                                                </div>

                                                <div class="col-xs-12 col-sm-4" style="margin-top: 15px;">
                                                    <div class="text-center"
                                                        style="border: 1px solid #a64437; border-radius: 5px; background: #a64437; color: #000; width: 100%; padding: 5px;">
                                                        <div><i class="fa fa-balance-scale"></i> Total Terminated</div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_terminated_list) }}</b>
                                                        </div>
                                                        <div style="font-size: 20px;">
                                                            <b>{{ number_format($total_terminated_weight) }}</b>
                                                        </div>
                                                        <div>Gram</div>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-12" style="margin-top: 15px;">
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                                    <table class="table table-bordered table-striped">
                                                        <thead>
                                                            <tr>
                                                                <th class="text-center" colspan="3">Total GP</th>
                                                                <th class="text-center" colspan="3">Menunggu Pengiriman</th>
                                                                <th class="text-center" colspan="3">Dalam Perjalanan</th>
                                                                <th class="text-center" colspan="3">Sudah Diterima Pusat</th>
                                                                <th class="text-center" colspan="3">Done</th>
                                                            </tr>
                                                            <tr>
                                                                <th class="text-center">JUMLAH TRANSAKSI</th>
                                                                <th class="text-center">JUMLAH BARANG</th>
                                                                <th class="text-center">BERAT BARANG</th>
                                                                <th class="text-center">JUMLAH TRANSAKSI</th>
                                                                <th class="text-center">JUMLAH BARANG</th>
                                                                <th class="text-center">BERAT BARANG</th>
                                                                <th class="text-center">JUMLAH TRANSAKSI</th>
                                                                <th class="text-center">JUMLAH BARANG</th>
                                                                <th class="text-center">BERAT BARANG</th>
                                                                <th class="text-center">JUMLAH TRANSAKSI</th>
                                                                <th class="text-center">JUMLAH BARANG</th>
                                                                <th class="text-center">BERAT BARANG</th>
                                                                <th class="text-center">JUMLAH TRANSAKSI</th>
                                                                <th class="text-center">JUMLAH BARANG</th>
                                                                <th class="text-center">BERAT BARANG</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="load_summary">
                                                            <tr>
                                                                <td class="text-right">{{ number_format($doc_total_gp) }}</td>
                                                                <td class="text-right">{{ number_format($total_gp) }}</td>
                                                                <td class="text-right">{{ number_format($berat_total_gp, 2) }}</td>

                                                                <td class="text-right">{{ number_format($doc_menunggu_kirim) }}</td>
                                                                <td class="text-right">{{ number_format($menunggu_kirim) }}</td>
                                                                <td class="text-right">{{ number_format($berat_menunggu_kirim, 2) }}</td>

                                                                
                                                                <td class="text-right">{{ number_format($doc_dalam_perjalanan) }}</td>
                                                                <td class="text-right">{{ number_format($dalam_perjalanan) }}</td>
                                                                <td class="text-right">{{ number_format($berat_dalam_perjalanan, 2) }}</td>

                                                                <td class="text-right">{{ number_format($doc_terima_pusat) }}</td>
                                                                <td class="text-right">{{ number_format($terima_pusat) }}</td>
                                                                <td class="text-right">{{ number_format($berat_terima_pusat, 2) }}</td>

                                                                <td class="text-right">{{ number_format($doc_maturity_done) }}</td>
                                                                <td class="text-right">{{ number_format($terima_pusat_done) }}</td>
                                                                <td class="text-right">{{ number_format($weight_done, 2) }}</td>

                                                            </tr>
                                                        </tbody>
                                                    </table>

                                    <div class="row">
                                        <div class="col-sm-6 col-md-6">
                                        </div>
                                        <div class="col-sm-6 col-md-6 text-right">
                                            <a href="{{ url('lakusimpan_offline/application_list/download') }}?from_date={{ $request['from_date'] }}&end_date={{ $request['end_date'] }}&store_type={{ $request['store_type'] }}&status_gp={{ $request['status_gp'] }}&search={{ $request['search'] }}&maturity={{ $request['maturity'] }} &jenis_pengajuan={{ $request['jenis_pengajuan'] }}"
                                                class="btn btn-default">
                                                <i class="fa fa-download"></i>&nbsp;&nbsp; Download Transaction
                                            </a>

                                            <a href="{{ url('lakusimpan_offline/application_list/download_report_accounting') }}?from_date={{ $request['from_date'] }}&end_date={{ $request['end_date'] }}&status_gp={{ $request['status_gp'] }}&search={{ $request['search'] }}&maturity={{ $request['maturity'] }} &jenis_pengajuan={{ $request['jenis_pengajuan'] }}"
                                                class="btn btn-default"><i class="fa fa-download"></i>&nbsp;&nbsp; Report
                                                Accounting</a>
                                            <a href="{{ asset('sertifikat_gp_back.pdf') }}" class="btn btn-primary"><i
                                                    class="fa fa-file-o"></i>&nbsp;&nbsp; Download Certificates (Back)</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content" style="zoom: 0.85; overflow: auto;">
                                <table id="table_subscriber" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Account Number</th>
                                            <th>Store</th>
                                            <th>Type</th>
                                            <th>Customer</th>
                                            <th>JR</th>
                                            <th>Deposit Amount</th>
                                            <th>LM Type</th>
                                            <th>Opening</th>
                                            <th>Approved At</th>
                                            <th>Arrived At</th>
                                            <th>Maturity</th>
                                            <th>Voucher</th>
                                            <th>Status</th>
                                            <th>Status Pengiriman</th>
                                            <th>Remark</th>
                                            <th>Pengembalian</th>
                                            <th>#</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($transactions as $key => $transaction)
                                            @php
                                                $sewa_modal_diawal = $transaction->weight/250*12500000;
                                                $pemakaian_bulan_ke = \Carbon\Carbon::parse($transaction->transaction_date)->diffInMonths();
                                                $pemakaian_sewa_modal = $sewa_modal_diawal * $pemakaian_bulan_ke /12;
                                                $penalty = $pemakaian_sewa_modal * 0.25;
                                                $biaya_terminasi = ceil($sewa_modal_diawal - $pemakaian_sewa_modal + $penalty);
                                                $data = json_encode([
                                                    'id' => $transaction->id,
                                                    'weight' => $transaction->weight . ' Gram',
                                                    'voucher_nominal' => 'Rp. ' . number_format($sewa_modal_diawal),
                                                    'durasi_simpan' => '1 Tahun',
                                                    'start_date' => \Carbon\Carbon::parse($transaction->transaction_date)->format('d F Y'),
                                                    'terminate_date' => \Carbon\Carbon::now()->format('d F Y'),
                                                    'store_out_id' => $transaction->store_out_id,
                                                    'store_out' => $transaction->store_out ? $transaction->store_out->name : '',   
                                                    'biaya_terminasi' => $biaya_terminasi,
                                                    'biaya_terminasi_rupiah' => 'Rp. ' . number_format($biaya_terminasi)
                                                ]);

                                                $shipment = $transaction->shipment_detail
                                                    ? $transaction->shipment_detail->shipment
                                                    : '';
                                                $transaction_id = $transaction->lakusimpan;

                                            @endphp
                                            <tr>
                                                <td>{{ $transactions->firstItem() + $key }}</td>
                                                <td>
                                                    <label style="color: #041cbf; cursor: pointer;"
                                                        onclick="detailId('{{ $transaction->id }}', '{{ $transaction->code }}')">{{ $transaction->code }}</label>
                                                    <hr style="border:1px dashed #eee; margin:4px;">
                                                    {!! $transaction->certificate_number ?: '<span style="color: red;">~</span>' !!}
                                                    <hr style="border:1px dashed #eee; margin:4px;">
                                                    @if ($transaction->jenis_pengajuan == 'new_application')
                                                        <span style="font-size: 12px;">New Application</span>
                                                    @elseif($transaction->jenis_pengajuan == 'reapplication')
                                                        <span style="font-size: 12px;">Reapplication</span>
                                                    @else
                                                        -
                                                    @endif
                                                </td>
                                                <td>
                                                    {{ $transaction->store_in->brand ? $transaction->store_in->brand->name : '-' }}
                                                    {{ $transaction->store_in ? $transaction->store_in->name : '~' }}
                                                </td>
                                                <td>{{ $transaction->store_in->group_form_type_id == 1 ? 'Butik' : 'CMK' }}
                                                </td>
                                                <td>{{ $transaction->customer ? $transaction->customer->name : '~' }}</td>
                                                <td>
                                                    {{ $transaction->createdBy ? $transaction->createdBy->name : '-' }}
                                                    <div><b>{{ $transaction->createdBy->username }}</b></div>
                                                </td>
                                                <td>{{ $transaction->total_weight }} Gram
                                                    <div style="padding-top: 2px;">
                                                        <a href="{{ url('lakusimpan_offline/pendaftar_baru/detail/' . $transaction->id) }}"
                                                            class="btn btn-sm btn-info" style="padding: 1px;"><i
                                                                class="fa fa-file"></i> Detail Barang</a>
                                                    </div>
                                                </td>
                                                <td>{{ $transaction->items->isNotEmpty() ? ($transaction->items->first()->item_type == 'fisik' ? 'Emas Fisik' : 'Emas Digital') : '-' }}

                                                </td>
                                                <td><strong style="font-size: 14px;">{{ \Carbon\Carbon::parse($transaction->transaction_date)->format('d F Y') }}</strong></td>
                                                <td><strong style="font-size: 14px;"> {{ \Carbon\Carbon::parse($transaction->approved_date)->format('d F Y') }}</strong>
                                                    <div>
                                                        {{ $transaction->gp_history ? $transaction->gp_history->code : '-' }}
                                                    </div>
                                                </td>
                                                <td>
                                                    @if ($transaction->shipment_detail)
                                                        <strong style="font-size: 14px;">{{ \Carbon\Carbon::parse($transaction->shipment_detail->shipment->received_date)->format('d F Y') }}</strong>
                                                    @else
                                                        ~
                                                    @endif
                                                </td>
                                                <td><strong style="font-size: 14px;">{{ \Carbon\Carbon::parse($transaction->maturity_date)->format('d F Y') }}</strong></td>
                                                <td>
                                                    Rp. {{ number_format($transaction->voucher_nominal) }}
                                                </td>
                                                @if ($transaction->status == 'finished' && !in_array($transaction->advanced_status, ['terminate', 'terminate_buyback']))
                                                    {{--
                                                <td class="text-center" style="background: #dcedc8;">{{ $transaction->move ? $transaction->move->reference_number : '~' }}</td>
                                                --}}
                                                    <td class="text-center">
                                                        Done ({{ $transaction->status }})
                                                       {{-- // untuk fisik --}}
                                                        <br>{{ $transaction->lakusimpan_return_sell ? $transaction->lakusimpan_return_sell->reference_number : '-' }} 
                                                    </td>
                                                @elseif(in_array($transaction->advanced_status, ['terminate', 'terminate_buyback']))
                                                    @php
                                                    $detail_terminasi = json_decode( $transaction->advanced_status_detail,true);
                                                    // if($transaction->id == 10) dd($detail_terminasi);
                                                    @endphp
                                                    @if ($transaction->advanced_status == 'terminate')
                                                        <td>{{ ucwords($transaction->advanced_status) }}</td>
                                                        {{--
                                                    <td style="font-size: 10px;">
                                                        <div>Biaya terminasi : Rp. {{ number_format($detail_terminasi['biaya_terminasi'])  }}</div>
                                                        <div>Tanggal terminasi : {{ \Carbon\Carbon::parse($detail_terminasi['tanggal_terminasi'])->format('d F Y')  }}</div>
                                                        <div>Tempat pengambilan : {{ $detail_terminasi['toko_pengambilan']['name']  }}</div>
                                                    </td>
                                                    --}}
                                                    @else
                                                        {{-- <td>{{ $transaction->advanced_status }}</td> --}}
                                                        <td style="font-size: 10px;">
                                                            <div>Biaya terminasi : Rp.
                                                                {{ number_format($detail_terminasi['biaya_terminasi']) }}
                                                            </div>
                                                            <div>Tanggal terminasi :
                                                                {{ \Carbon\Carbon::parse($detail_terminasi['tanggal_terminasi'])->format('d F Y') }}
                                                            </div>
                                                        </td>
                                                    @endif
                                                    
                                                @else
                                                    {{-- advance_status is not terminate or  terminate_buyback --}}
                                                    @if (
                                                        \Carbon\Carbon::parse($transaction->maturity_date)->lte(now()) &&
                                                            ($transaction->status == 'approved_digital' || $transaction->status == 'approved_digital'))
                                                        <td class="text-center">
                                                            Jatuh Tempo ({{ $transaction->status }})
                                                            {{-- <button id="due_date_btn_{{ $transaction->id }}" class="btn btn-primary" onclick="showFormDueDate('{{ $data }}')">Toko Pengambilan</button> --}}
                                                        </td>
                                                    @elseif($transaction->status == 'finished_digital')
                                                        <td class="text-center">
                                                            Done ({{ $transaction->status }})
                                                            <br>{{ $transaction->lakusimpan_digitalgold ? $transaction->lakusimpan_digitalgold->transaksi_pengembalian->code : '-' }} 
                                                        </td>
                                                    @else
                                                        {{-- 
                                                	<td>
                                                		<select id="advanced_status_{{ $transaction->id }}" class="form-control" onchange="changeStatus({{ $transaction->id }})">
                                                			<option value="">Pilih</option>
                                                			<option value="renewal">Renewal</option>
                                                			<option value="terminate">Terminate</option>
                                                			<option value="terminate_buyback">Terminate Buyback</option>
                                                		</select>
                                                	</td>
                                                    --}}
                                                        <td class="text-center">
                                                            <span id="default_label_{{ $transaction->id }}">
                                                                Active
                                                                @if ($shipment && $shipment->status == 'received')
                                                                    (Item Received)
                                                                @else
                                                                    ({{ $transaction->status }})
                                                                @endif
                                                            </span>
                                                            <button id="renewal_btn_{{ $transaction->id }}"
                                                                class="btn btn-primary" style="display: none;"
                                                                onclick="renewal_process({{ $transaction->id }})">Resend
                                                                Certificate</button>
                                                            <button id="terminate_btn_{{ $transaction->id }}"
                                                                class="btn btn-primary" style="display: none;"
                                                                onclick="showFormTerminate('{{ $data }}')">Process</button>
                                                            <button id="terminate_buyback_btn_{{ $transaction->id }}"
                                                                class="btn btn-primary" style="display: none;"
                                                                onclick="showFormBuyBack({{ $transaction->id }})">Bayar
                                                                Buyback</button>
                                                        </td>
                                                    @endif
                                                @endif
                                                <td>
                                                    @if ($transaction->status == 'rejected')
                                                        <i class="fa fa-times text-danger"></i> REJECTED
                                                    @else
                                                            @if ($transaction->items->isNotEmpty() && $transaction->items->first()->item_type == 'fisik')
                                                                @if ($shipment)
                                                                    @if($shipment->status == 'on_delivery')
                                                                    @else
                                                                        {{ \App\Models\SGK\Shipment_transaction_model::SHIPMENT_STATUS[$shipment->status]['TEXT'] }}
                                                                    @endif

                                                                    @if ($shipment->status == 'on_delivery')
                                                                        {{-- <hr style="border:1px dashed #ccc;"> --}}
                                                                        Dalam Perjalanan
                                                                    @elseif($shipment->status == 'received')
                                                                        {{-- Bisa tambahkan isi di sini jika perlu --}}
                                                                    @endif
                                                                @else
                                                                    Menunggu Pengiriman
                                                                @endif
                                                            @else
                                                                @if (in_array($transaction->status, ['approved_digital', 'finished_digital']))
                                                                    Sudah diterima di kantor pusat
                                                                @endif
                                                            @endif
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($transaction->jenis_pengajuan == 'reapplication')
                                                        <small><strong>Tidak Menambahkan Stock</strong></small>
                                                    @elseif($transaction->jenis_pengajuan == 'new_application')
                                                        <small><strong>Menambahkan Stock</strong></small>
                                                    @else
                                                                                    
                                                    @endif
                                            </td>
                                                <td class="text-center">
                                                    @if (auth()->user()->id_users_team == 1 || auth()->user()->id_users_team == 4)
                                                        @if (
                                                            $transaction->status == 'approved_digital' &&
                                                                \Carbon\Carbon::parse($transaction->maturity_date)->lte(now()->addDays(45)) &&
                                                                $transaction->advanced_status != 'terminate' &&
                                                                $transaction->advanced_status != 'done')
                                                            <button type="button" class="btn btn-primary text-center"
                                                                data-toggle="modal" data-target="#pengembalian"
                                                                data-id="{{ $transaction->id }}">
                                                                Pengembalian
                                                            </button>
                                                         @elseif(
                                                                $transaction->id_move_request == null &&
                                                                $transaction->status == 'approved_fisik' &&
                                                                $transaction->gp_done &&
                                                                $transaction->jenis_pengajuan === 'new_application'

                                                            )
                                                            {{-- <a
                                                                href="{{ route('gp_done', $transaction->id) }}">
                                                                <button type="button"
                                                                    class="btn btn-primary text-center">
                                                                    perpanjangan selesai
                                                                </button>
                                                            </a> --}}
                                                            <button type="button"
                                                                class="btn btn-primary text-center btn-perpanjangan-selesai"
                                                                data-id="{{ $transaction->id }}">
                                                                perpanjangan selesai
                                                            </button>
                                                        @elseif(
                                                                $transaction->jenis_pengajuan === 'reapplication' && 
                                                                $transaction->id_move_request == null &&
                                                                $transaction->status == 'approved_fisik' &&
                                                                (
                                                                    \Carbon\Carbon::parse($transaction->maturity_date)->lte(now()->addDays(45)) || 
                                                                    \Carbon\Carbon::parse($transaction->maturity_date)->lt(now())
                                                                )
                                                            )
                                                            <a
                                                                href="{{ route('lakusimpan/pengembalian/fisik', $transaction->id) }}">
                                                                <button type="button"
                                                                    class="btn btn-primary text-center">
                                                                    Pengembalian Fisik
                                                                </button>
                                                            </a>
                                                        @elseif(
                                                            $shipment &&
                                                                $shipment->status == 'received' &&
                                                                 $transaction->id_move_request == null &&
                                                                 $transaction->status == 'approved_fisik' &&
                                                                (
                                                                    \Carbon\Carbon::parse($transaction->maturity_date)->lte(now()->addDays(45)) || 
                                                                    \Carbon\Carbon::parse($transaction->maturity_date)->lt(now())
                                                                )
                                                            )
                                                            <a
                                                                href="{{ route('lakusimpan/pengembalian/fisik', $transaction->id) }}">
                                                                <button type="button"
                                                                    class="btn btn-primary text-center">
                                                                    Pengembalian Fisik
                                                                </button>
                                                            </a>
                                                            {{-- @elseif($shipment && $shipment->status == 'received' && $transaction->id_move_request !== null)
                                                        <button type="button" class="btn btn-primary text-center" disabled>
                                                            Pengembalian Fisik
                                                        </button> --}}
                                                        @elseif(!$transaction->return_by == null && $transaction->status == 'finished_digital')
                                                            <button type="button" class="btn btn-warning"
                                                                data-toggle="modal" data-target="#pengembalian"
                                                                data-id="{{ $transaction->id }}">
                                                                Info Pengembalian
                                                            </button>
                                                        @elseif(
                                                                $transaction->id_move_request !== null &&
                                                                $transaction->items->isNotEmpty() &&
                                                                optional($transaction->items->first())->item_type === 'fisik'
                                                            )
                                                           
                                                           @if ($transaction->move->status != 'done')
                                                                    No Move {{ $transaction->move->reference_number }}
                                                           @else
                                                           <a href="{{ url('/stock/move/request/apply_certificate/'.$transaction->move->id.'/pdf') }}">
                                                               <button type="button" class="btn btn-warning"
                                                                   data-toggle="modal">
                                                                    No Move {{ $transaction->move->reference_number }}
                                                               </button>
                                                           </a>
                                                           @endif
                                                        @else
                                                            -
                                                        @endif
                                                    @endif
                                                </td>
                                                <td>
                                                    <button id="renewal_btn_{{ $transaction->id }}"
                                                        class="btn btn-warning btn-sm"
                                                        onclick="resendCertificate('{{ $transaction->id }}')"
                                                        style="margin-top: 3px;"><i class="fa fa-paper-plane"></i> Resend
                                                        Certificate</button>
                                                    <a href="{{ url('lakusimpan_offline/application_list/download_certficate/' . $transaction->id) }}"
                                                        class="btn btn-warning"><i class="fa fa-download"></i>
                                                        Certificate</a>
                                                    <a href="{{ url('lakusimpan_offline/application_list/download_tanda_terima/' . $transaction->id) }}"
                                                        class="btn btn-warning"><i class="fa fa-download"></i> Tanda
                                                        Terima</a>
                                                    <a href="{{ url('lakusimpan_offline/application_list/download_surat_pernyataan/' . $transaction->id) }}"
                                                        class="btn btn-warning"><i class="fa fa-download"></i> Surat
                                                        Pernyataan</a>
                                                    <a href="{{ url('lakusimpan_offline/application_list/download_surat_pengembalian/' . $transaction->id) }}"
                                                        class="btn btn-warning"><i class="fa fa-download"></i> Surat
                                                        Pengembalian</a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="16" class="text-center">No Data</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                                <div style="text-align:center">{{ $transactions->appends($_GET)->links() }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('includes.footer')
        </div>
    </div>

    <div class="modal fade" id="pinModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-key"></i> Input Your PIN</h5>
                </div>
                <form id="form-pin" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" name="id">
                    <input type="hidden" id="transaction_status" name="transaction_status">
                    <div class="modal-body">
                        <input type="password" id="pin" name="pin" class="form-control"
                            style="text-align: center;" placeholder="PIN">

                        <div class="reasonArea" style="display: none;">
                            <div style="padding:2px; padding-top: 15px;">Reject Reason</div>
                            <textarea class="form-control" name="reason" placeholder="reason"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary btn-submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="pengembalian" tabindex="-1" role="dialog" aria-labelledby="pengembalianLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pengembalianLabel">Gold Priority <b><span
                                id="certificateNumberPlaceholder"></span></b></h5>
                    <h5 class="modal-title" id="pengajuanLabel">Transaksi Pengajuan <b><span id="pengajuan"></span></b>
                    </h5>
                    <h5 class="modal-title" id="transaksiLabel">Transaksi Pengembalian <b><span
                                id="pengembalian"></span></b></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="emas-fisik">
                        <h2 id="emas-fisik-pengajuan">Emas Pengajuan</h2>
                    </div>
                    <table id="pengembalian-table" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Jenis LM</th>
                                <th>Brand</th>
                                <th>Pecahan</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Data akan dimuat di sini dengan Ajax -->
                        </tbody>
                    </table>
                    <div class="emas-fisik">
                        <h2 id="emas-fisik-pengembalian">Emas Pengembalian</h2>
                        <table id="pengembalian-table-fisik" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Jenis LM</th>
                                    <th>Brand</th>
                                    <th>Pecahan</th>
                                </tr>
                            </thead>
                            <tbody id="tbody-fisik">
                                <!-- Data akan dimuat di sini dengan Ajax -->
                            </tbody>
                        </table>
                    </div>
                    <table id="log-pengembalian">
                        <thead>
                            <div class="digital">
                                <tr>
                                    <td width="30%" id="dikembalikan_pada">Dikembalikan Pada </td>
                                    <th>: </th>
                                    <th id="return_date"> </th>
                                </tr>
                                <tr>
                                    <td width="30%" id="dikembalikan_oleh">Dikembalikan Oleh </td>
                                    <th>: </th>
                                    <th id="return_by"></th>
                                </tr>
                                <tr id="terima">
                                    <td width="30%">Diterima Oleh </td>
                                    <th>: </th>
                                    <th id="diterima_oleh"></th>
                                </tr>
                            </div>
                            {{-- <div class="fisik">
                                <tr>
                                    <td width="30%">Dikembalikan Oleh </td>
                                    <th>: </th>
                                    <th id="return_by_fisik"></th>
                                </tr>
                                <tr>
                                    <td width="30%">Diproses Oleh </td>
                                    <th>: </th>
                                    <th></th>
                                </tr>
                                <tr>
                                    <td width="30%">Diterima Oleh </td>
                                    <th>: </th>
                                    <th id="diterima_fisik"></th>
                                </tr>
                        </div> --}}
                        </thead>
                    </table>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="processIdInput" name="processIdInput">
                    <button type="button" class="btn btn-primary" id="pengembalian-button">Pengembalian</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal PIN -->
    <div class="modal fade" id="pinModalPengembalian" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-key"></i> Input Your PIN</h5>
                </div>
                <form id="form-pin-pengembalian" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" id="idTransactionInput" name="idTransaction">
                    <input type="hidden" id="processIdPinInput" name="processId">
                    <div class="modal-body">
                        <input type="password" id="pinPengembalian" name="pinPengembalian" class="form-control"
                            style="text-align: center;" placeholder="PIN">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary btn-submit-pengembalian">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="terminateBuyBackModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><b>Bayar Buyback</b></h5>
                </div>
                <form method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" id="terminate_buyback_transaction_id" name="id">
                    <div class="modal-body">
                        <div class="form-group row">
                            <div class="col-sm-4 col-md-4">
                                <label class="control-label" style="padding-top: 5px;">Pilih Tanggal Terminasi</label>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <input type="date" id="tanggal_terminasi_buyback" name="tanggal_terminasi_buyback"
                                    value="{{ date('Y-m-d') }}" class="form-control" onchange="showFormBuyBack()">
                            </div>
                        </div>
                        <hr class="devider">
                        <div style="padding: 5px;">
                            = (harga buyback hari ini x jumlah simpanan) - biaya terminasi
                        </div>
                        <div id="buybackCalculation" style="padding: 5px;">
                        </div>
                        <div style="padding: 5px;">
                            <b id="terminateBuybackResult"></b>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary"
                            onclick="do_terminate_buyback()">Terminasi</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="terminateModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><b><i class="fa fa-file-text"></i> Detail Pembatalan
                            Simpanan</b></h5>
                </div>
                <form id="terminate_form" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" id="terminate_transaction_id" name="id">
                    <input type="hidden" id="terminate_fee" name="terminate_fee">
                    <div class="modal-body">
                        <div class="x_panel" style="zoom: 0.95">
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Jenis Emas</label></div>
                                <div id="terminate_jenis_emas" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Jumlah simpanan emas pokok</label>
                                </div>
                                <div id="terminate_weight" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Voucher yang diberikan</label></div>
                                <div id="terminate_voucher_nominal" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Durasi Simpan</label></div>
                                <div id="terminate_durasi" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Tanggal disimpan</label></div>
                                <div id="terminate_tanggal_disimpan" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Tanggal terminasi</label></div>
                                <div id="terminate_tanggal_dibatalkan" class="col-md-5" style="font-weight: bold;">
                                    <input type="date" name="terminate_date" value="{{ date('Y-m-d') }}"
                                        class="form-control" onchange="terminate_calculate_date()">
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Biaya terminasi yang harus
                                        dibayar</label></div>
                                <div id="biaya_terminasi" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                        </div>

                        <div class="x_panel" style="zoom: 0.95">
                            <div class="row form-group">
                                <div class="col-sm-6 col-md-6"><label class="control-label">Tempat Pengambilan</label>
                                </div>
                                <div class="col-sm-5 col-md-5">
                                    <select id="terminate_store_out" name="terminate_store_out" class="form-control">
                                        <option disabled selected>Pilih Toko</option>
                                        @foreach ($storeCMK as $store)
                                            <option value="{{ $store->id }}">{{ $store->brand->name }} -
                                                {{ $store->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-sm-6 col-md-6" style="padding-top: 5px;"><label
                                        class="control-label">Tanggal Pengambilan</label></div>
                                <div class="col-sm-5 col-md-5" style="padding-top: 5px;">
                                    <input type="date" name="pickup_date" value="{{ date('Y-m-d') }}"
                                        class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" onclick="do_terminate()">Terminate</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dueDateModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><b><i class="fa fa-file-text"></i> Detail Pengambilan
                            Lakusimpan</b></h5>
                </div>
                <form id="dueDate_form" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" id="dueDate_transaction_id" name="id">
                    <div class="modal-body">
                        <div class="x_panel" style="zoom: 0.95">
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Jenis Emas</label></div>
                                <div id="dueDate_jenis_emas" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Jumlah simpanan emas pokok</label>
                                </div>
                                <div id="dueDate_weight" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-6"><label class="control-label">Voucher yang diberikan</label></div>
                                <div id="dueDate_voucher_nominal" class="col-md-5" style="font-weight: bold;"></div>
                            </div>
                        </div>

                        <div class="x_panel" style="zoom: 0.95">
                            <div class="row form-group">
                                <div class="col-sm-6 col-md-6"><label class="control-label">Tempat Pengambilan</label>
                                </div>
                                <div class="col-sm-5 col-md-5">
                                    <select id="dueDate_store_out" name="dueDate_store_out" class="form-control">
                                        <option disabled selected>Pilih Toko</option>
                                        @foreach ($storeCMK as $store)
                                            <option value="{{ $store->id }}">{{ $store->brand->name }} -
                                                {{ $store->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-sm-6 col-md-6" style="padding-top: 5px;"><label
                                        class="control-label">Tanggal Pengambilan</label></div>
                                <div class="col-sm-5 col-md-5" style="padding-top: 5px;">
                                    <input type="date" name="dueDate_pickup_date" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary"
                            onclick="do_act_after_due_date()">Terminate</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="detailId" tabindex="" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="detailIdLabel">Transaction Details <span id="code"></span><button
                            type="button" class="close" data-dismiss="modal">&times;</button></h5>
                </div>
                <div class="modal-body">
                    <p>Jenis Pengajuan: <span id="data-pengajuan"></span></p>
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th class="text-center">Account Number</th>
                                <th class="text-center">Start Date</th>
                                <th class="text-center">End Date</th>
                                <th class="text-center">Jenis Pengajuan</th>
                                <th class="text-center">Status</th>
                            </tr>
                        </thead>
                        <tbody id="modalTableBody">
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

@endsection


@section('scripts')
    <script type="text/javascript">
        function detailId(id, code) {
            $('#id').html(id);
            $('#code').html(code);
            $.ajax({
                url: '/lakusimpan_offline/detail/modal/' + id,
                method: 'GET',
                dataType: 'json',
                success: function(response) {
                    if (response.transactions && response.transactions.length > 0) {
                        var tableBody = $('#modalTableBody');
                        tableBody.empty();
                        response.transactions.forEach(function(transaction) {
                            var rowTransaction = '<tr>' +
                                '<td class="text-center">' +
                                '<a href="' + '/lakusimpan_offline/pendaftar_baru/detail/' + transaction
                                .id + '" class="text-decoration-none" style="color: #1482d5;">' +
                                (transaction.code || '-') +
                                '</a>' +
                                '</td>' +
                                '<td class="text-center">' + (transaction.transaction_date ? (new Date(
                                    transaction.transaction_date).getDate()).toString().padStart(2,
                                    '0') + '-' + (new Date(transaction.transaction_date)
                                    .getMonth() + 1).toString().padStart(2, '0') + '-' + new Date(
                                    transaction.transaction_date).getFullYear() : '-') + '</td>' +
                                '<td class="text-center">' + (transaction.maturity_date ? (new Date(
                                    transaction.maturity_date).getDate()).toString().padStart(2,
                                    '0') + '-' + (new Date(transaction.maturity_date).getMonth() +
                                    1).toString().padStart(2, '0') + '-' + new Date(transaction
                                    .maturity_date).getFullYear() : '-') + '</td>' +
                                '<td class="text-center">' + (transaction.jenis_pengajuan ===
                                    'new_application' ? ' New Application' : transaction
                                    .jenis_pengajuan === 'reapplication' ? 'Reapplication' : (
                                        transaction.jenis_pengajuan || '-')) + '</td>' +
                                '<td class="text-center">' + (transaction.status === 'approved_fisik' ?
                                    ' Approved Fisik' : transaction.status === 'approved_digital' ?
                                    'Approved Digital' : transaction.status ===
                                    'waiting_approval_digital' ? 'Waiting Approval Digital' :
                                    transaction.status === 'waiting_approval' ? 'Waiting Approval' :
                                    transaction.status === 'finished_digital' ? 'Finished Digital' :
                                    transaction.status === 'item_received' ? 'Item Received' :
                                    transaction.status === 'approved_qc' ? 'Approved Qc' : (transaction
                                        .status || '-')) + '</td>' +
                                '</tr>';
                            tableBody.append(rowTransaction);
                            if (transaction.gp_history) {
                                var rowGpHistory = '<tr>' +
                                    '<td class="text-center">' +
                                    '<a href="' + '/lakusimpan_offline/pendaftar_baru/detail/' +
                                    transaction.gp_history.id +
                                    '" class="text-decoration-none" style="color: #1482d5;">' +
                                    (transaction.gp_history.code || '-') +
                                    '</a>' +
                                    '</td>' +
                                    '<td class="text-center">' + (transaction.gp_history
                                        .transaction_date ? (new Date(transaction.gp_history
                                            .transaction_date).getDate()).toString().padStart(2, '0') +
                                        '-' + (new Date(transaction.gp_history.transaction_date)
                                            .getMonth() + 1).toString().padStart(2, '0') + '-' +
                                        new Date(transaction.gp_history.transaction_date)
                                        .getFullYear() : '-') + '</td>' +
                                    '<td class="text-center">' + (transaction.gp_history.maturity_date ?
                                        (new Date(transaction.gp_history.maturity_date).getDate())
                                        .toString().padStart(2, '0') + '-' + (new Date(transaction
                                            .gp_history.maturity_date).getMonth() + 1).toString()
                                        .padStart(2, '0') + '-' + new Date(transaction.gp_history
                                            .maturity_date).getFullYear() : '-') + '</td>' +
                                    '<td class="text-center">' + (transaction.gp_history
                                        .jenis_pengajuan === 'new_application' ? ' New Application' :
                                        transaction.gp_history.jenis_pengajuan === 'reapplication' ?
                                        'Reapplication' : (transaction.gp_history.jenis_pengajuan ||
                                            '-')) + '</td>' +
                                    '<td class="text-center">' + (transaction.gp_history.status ===
                                        'approved_fisik' ? ' Approved Fisik' : transaction.gp_history
                                        .status === 'approved_digital' ? 'Approved Digital' :
                                        transaction.gp_history.status === 'waiting_approval_digital' ?
                                        'Waiting Approval Digital' : transaction.gp_history.status ===
                                        'waiting_approval' ? 'Waiting Approval' : transaction.gp_history
                                        .status === 'finished_digital' ? 'Finished Digital' :
                                        transaction.gp_history.status === 'item_received' ?
                                        'Item Received' : transaction.gp_history.status ===
                                        'approved_qc' ? 'Approved Qc' : (transaction.gp_history
                                            .status || '-')) + '</td>' +
                                    '</tr>';
                                tableBody.append(rowGpHistory);
                            }
                        });
                        $('#data-pengajuan').text(response.transactions[0].jenis_pengajuan ===
                            'new_application' ? 'New Application' : response.transactions[0]
                            .jenis_pengajuan === 'reapplication' ? 'Reapplication' : '-');
                    }
                },
                error: function(xhr, status, error) {
                    console.log('Error fetching data:', error);
                }
            });

            $('#detailId').modal('show');
        }

        $(document).ready(function () {
            $('.btn-perpanjangan-selesai').click(function () {
                var $btn = $(this); // simpan referensi button
                var originalText = $btn.html(); // simpan teks asli
                var transactionId = $btn.data('id');

                if (!confirm('Yakin ingin merubah status transaksi GP?')) {
                    return;
                }

                // Ubah tombol jadi loading dan disable
                $btn.prop('disabled', true).html('Loading...');

                $.ajax({
                    url: '/lakusimpan_offline/gp/status/done/' + transactionId,
                    type: 'GET',
                    success: function (response) {
                        alert('Perubahan Status GP Berhasil!');
                        location.reload(); // halaman akan reload
                    },
                    error: function (xhr) {
                        alert('Terjadi kesalahan: ' + xhr.responseText);

                        // Aktifkan kembali tombol dan kembalikan teksnya
                        $btn.prop('disabled', false).html(originalText);
                    }
                });
            });
        });









        // Ensure this part is defined before your onclick handler is triggered
        $('.btn-load').click(function() {
            $('#cover-spin').fadeIn();
        })
        $(document).ready(function() {
            $('#pengembalian').on('show.bs.modal', function(event) {
                var button = $(event.relatedTarget);
                var transactionId = button.data('id');
                var modal = $(this);

                $.ajax({
                    url: '/lakusimpan_offline/detail/data/' + transactionId,
                    type: 'GET',
                    success: function(response) {
                        var tbody = modal.find('#pengembalian-table tbody');
                        tbody.empty(); // Kosongkan table body

                        $.each(response.data, function(index, detail) {
                            var row = $('<tr>');
                            row.append($('<td>').text(detail.item_type));
                            row.append($('<td>').text(detail.item_brand.brand_name));
                            row.append($('<td>').text(detail.weight));
                            tbody.append(row);
                        });

                        modal.find('#certificateNumberPlaceholder').text(response
                            .certificate_number);
                        modal.find('#pengajuan').text(response.pengajuan);
                        modal.find('#pengembalian').text(response.pengembalian);
                        modal.find('#return_date').text(response.dateReturn);
                        modal.find('#return_by').text(response.userReturn + " (" + response
                            .nik + ")");

                        if (response.userReturn !== '-') {
                            $('#log-pengembalian').show();
                            $('#pengembalian-button').hide();
                        } else {
                            $('#log-pengembalian').hide();
                            $('#pengembalian-button').show();
                        }

                        $('#idTransactionInput').val(transactionId);
                        $('#processIdInput').val(transactionId);
                        $('#processIdPinInput').val(transactionId);
                    },
                    error: function(xhr) {
                        var tbody = modal.find('#pengembalian-table tbody');
                        tbody.empty();
                        tbody.append($('<tr>').append($('<td>').attr('colspan', 3).text(
                            'Error fetching details. Please try again later.')));
                    }
                });
            });

            $('#pengembalian-button').on('click', function() {
                $('#pengembalian').modal('hide');
                $('#pinModalPengembalian').modal('show');
            });

            $('.btn-submit-pengembalian').on('click', function() {
                var idTransaction = $('#idTransactionInput').val();
                var processId = $('#processIdPinInput').val();
                var pin = $('#pinPengembalian').val();

                $.ajax({
                    url: '/lakusimpan_offline/process/' + processId + '/pengembalian',
                    method: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}',
                        idTransaction: idTransaction,
                        pin: pin
                    },
                    success: function(response) {
                        if (response.success) {
                            alert(response.message);
                            location.reload();
                        } else {
                            alert('Pengembalian gagal: ' + response.message);
                        }
                    },
                    error: function(xhr) {
                        var response = JSON.parse(xhr.responseText);
                        alert('Oops, ' + response.message);
                        console.log('Error:', xhr);
                    }
                });
            });
        });

        function receivedItem(id, transaksi_id) {
            $('#reasonArea').hide();
            $('#id').val(id);
            $('#transaksi_id').val(transaksi_id);
        }

        $(".btn-submit-item-receive").on("click", function() {
            $.ajax({
                url: '{{ url('lakusimpan_offline/recreate/pendaftar_baru/receive_item') }}',
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: $("#form-pin").serialize(),
                success: function(response) {
                    alert("Success, transaction " + $('#transaction_status').val() + " !");
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                }
            });
            return false;
        })

        function btnAction(status, id) {
            if (confirm("Apa Anda yakin ingin " + status + " transaksi ini ?")) {
                location.href = '{{ url('lakusimpan_offline/pendaftar_baru') }}/' + status + '/' + id;
            };
            return false;
        }

        function changeStatus(id) {
            let status = $('#advanced_status_' + id).val();
            $('#default_label_' + id).hide();
            if (status == 'renewal') {
                $('#renewal_btn_' + id).fadeIn();
                $('#terminate_btn_' + id).hide();
                $('#terminate_buyback_btn_' + id).hide();
            } else if (status == 'terminate') {
                $('#renewal_btn_' + id).hide();
                $('#terminate_btn_' + id).fadeIn();
                $('#terminate_buyback_btn_' + id).hide();
            } else if (status == 'terminate_buyback') {
                $('#renewal_btn_' + id).hide();
                $('#terminate_btn_' + id).hide();
                $('#terminate_buyback_btn_' + id).fadeIn();
            } else {
                $('#renewal_btn_' + id).hide();
                $('#terminate_btn_' + id).hide();
                $('#terminate_buyback_btn_' + id).hide();

                $('#default_label_' + id).fadeIn();
            }
        }

        function renewal_process(id) {
            if (confirm("Apa Anda yakin ingin memperpanjang transaksi ini ?")) {
                let go_url = '{{ url('lakusimpan_offline/process') }}/' + id + '/renewal';
                $('#cover-spin').fadeIn();
                $.ajax({
                    url: go_url,
                    method: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        alert("Berhasil memperpanjang Lakusimpan !");
                        location.reload();
                    },
                    error: function(response) {
                        var response = response.responseJSON;
                        alert(response.error);
                    }
                });
                return false;
            };
            return false;
        }

        function showFormBuyBack(id_ = null) {
            let date_val = $('#tanggal_terminasi_buyback').val();
            let id = id_;
            if (!id_) {
                id = $('#terminate_buyback_transaction_id').val();
            }
            let go_url = '{{ url('lakusimpan_offline/calculate') }}/' + id + '/terminate';
            $.ajax({
                url: go_url,
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: {
                    'terminate_date': date_val
                },
                success: function(response) {
                    $('#buybackCalculation').html(response.data.value);
                    $('#terminateBuybackResult').html(response.data.total);
                    $('#terminate_buyback_transaction_id').val(id);

                    $('#terminateBuyBackModal').modal('show');
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                }
            });
            return false;
        }

        function showFormTerminate(transaction) {
            let data = JSON.parse(transaction);
            $('#terminate_transaction_id').val(data.id);
            $('#terminate_jenis_emas').html(data.brand);
            $('#terminate_weight').html(data.weight);
            $('#terminate_voucher_nominal').html(data.voucher_nominal);
            $('#terminate_durasi').html(data.durasi_simpan);
            $('#terminate_tanggal_disimpan').html(data.start_date);
            // $('#terminate_tanggal_dibatalkan').html(data.terminate_date);
            $('#biaya_terminasi').html(data.biaya_terminasi_rupiah);
            $('#terminate_fee').val(data.biaya_terminasi);
            $('#terminate_store_out').val(data.store_out_id);

            terminate_calculate_date();

            $('#terminateModal').modal('show');
        }

        function terminate_calculate_date() {
            $('#cover-spin').fadeIn();
            $('#biaya_terminasi').html('Loading ...');
            let id = $('#terminate_transaction_id').val();
            let go_url = '{{ url('lakusimpan_offline/calculate') }}/' + id + '/terminate';
            $.ajax({
                url: go_url,
                method: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                data: $("#terminate_form").serialize(),
                success: function(response) {
                    $('#biaya_terminasi').html('Rp. ' + (response.data.terminate_fee).toLocaleString());
                    $('#terminate_fee').val(response.data.terminate_fee);

                    // $('#buybackCalculation').html(response.data.value);
                    // $('#terminateBuybackResult').html(response.data.total);
                    // $('#terminate_buyback_transaction_id').val(id);
                    $('#cover-spin').hide();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $('#cover-spin').hide();
                }
            });
        }

        function showFormDueDate(transaction) {
            let data = JSON.parse(transaction);
            $('#dueDate_transaction_id').val(data.id);
            $('#dueDate_jenis_emas').html(data.brand);
            $('#dueDate_weight').html(data.weight);
            $('#dueDate_voucher_nominal').html(data.voucher_nominal);
            $('#dueDate_store_out').val(data.store_out_id);
            $('#dueDateModal').modal('show');
        }

        function do_terminate() {
            let id = $('#terminate_transaction_id').val();
            if (confirm("Apa Anda yakin ingin meng-terminasi transaksi ini ?")) {
                let go_url = '{{ url('lakusimpan_offline/process') }}/' + id + '/terminate';
                $('#cover-spin').fadeIn();
                $.ajax({
                    url: go_url,
                    method: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: $("#terminate_form").serialize(),
                    success: function(response) {
                        alert("Berhasil meng-terminasi Lakusimpan !");
                        location.reload();
                    },
                    error: function(response) {
                        var response = response.responseJSON;
                        alert(response.error);
                    }
                });
                return false;
            };
            return false;
        }

        function do_terminate_buyback() {
            let id = $('#terminate_buyback_transaction_id').val();
            let date_val = $('#tanggal_terminasi_buyback').val();
            if (confirm("Apa Anda yakin ingin meng-terminasi dan buyback transaksi ini ?")) {
                let go_url = '{{ url('lakusimpan_offline/process') }}/' + id + '/terminate_buyback';
                $('#cover-spin').fadeIn();
                $.ajax({
                    url: go_url,
                    method: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: {
                        'terminate_date': date_val
                    },
                    success: function(response) {
                        alert("Berhasil meng-terminasi dan buyback Lakusimpan !");
                        location.reload();
                    },
                    error: function(response) {
                        var response = response.responseJSON;
                        alert(response.error);
                    }
                });
                return false;
            };
            return false;
        }

        function do_act_after_due_date() {
            let id = $('#dueDate_transaction_id').val();
            if (confirm("Apa Anda yakin ingin menyelesaikan transaksi Lakusimpan ini ?")) {
                let go_url = '{{ url('lakusimpan_offline/process') }}/' + id + '/due_date_finish';
                $('#cover-spin').fadeIn();
                $.ajax({
                    url: go_url,
                    method: "POST",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    data: $("#dueDate_form").serialize(),
                    success: function(response) {
                        alert("Berhasil menyelesaikan Lakusimpan !");
                        location.reload();
                    },
                    error: function(response) {
                        var response = response.responseJSON;
                        alert(response.error);
                    }
                });
                return false;
            };
            return false;
        }

        // Other modal and button click handlers as you had in the original code...

        // Show details modal when clicking on .show-details elements
        $('.show-details').click(function() {
            var code = $(this).data('code');
            var pengajuan = $(this).data('pengajuan');
            var status = $(this).data('status');
            var approval = $(this).data('approval');
            var account = $(this).data('account');
            var transaction = $(this).data('transaction');
            var pickup = $(this).data('pickup');
            var history = $(this).data('history');

            $('#data-code').html('<b>Gold Priority - </b><b>' + code + '</b>' +
                '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                '<span aria-hidden="true">&times;</span></button>');
            $('#data-pengajuan').text(pengajuan);
            $('#data-status').text(status);
            $('#data-approval').text(approval);
            $('#data-account').text(account);
            $('#data-transaction').text(transaction);
            $('#data-pickup').text(pickup);
            $('#data-history').text(history);
        });

        // Show modal for transaction details when clicking on a button
        $('#detail').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            var transactionId = button.data('id');

            $.ajax({
                url: 'lakusimpan_offline/pendaftar_baru/modal/' + transactionId,
                method: 'GET',
                success: function(response) {
                    $('#modalTableBody').empty();
                    response.transactions.forEach(function(data) {
                        $('#modalTableBody').append(
                            `<tr>
                            <td class="text-center">${data.code}</td>
                            <td class="text-center">${data.certificate_number}</td>
                            <td class="text-center">${data.transaction_date}</td>
                            <td class="text-center">${data.pickup_date}</td>
                            <td class="text-center">${data.jenis_pengajuan == 'reapplication' ? 'Perpanjangan' : (data.jenis_pengajuan == 'new_application' ? 'Pengajuan Baru' : data.jenis_pengajuan)}</td>
                            <td class="text-center">${data.status == 'approved_fisik' ? 'Approved Fisik' : (data.status == 'waiting_approval_digital' ? 'Waiting Approval Digital' : data.status)}</td>
                        </tr>`
                        );
                    });
                    response.gpHistoryData.forEach(function(data_same) {
                        $('#modalTableBody').append(
                            `<tr>
                            <td class="text-center">${data_same.code}</td>
                            <td class="text-center">${data_same.certificate_number}</td>
                            <td class="text-center">${data_same.transaction_date}</td>
                            <td class="text-center">${data_same.pickup_date}</td>
                            <td class="text-center">${data_same.jenis_pengajuan == 'reapplication' ? 'Perpanjangan' : (data_same.jenis_pengajuan == 'new_application' ? 'Pengajuan Baru' : data_same.jenis_pengajuan)}</td>
                            <td class="text-center">${data_same.status == 'approved_fisik' ? 'Approved Fisik' : (data_same.status == 'waiting_approval_digital' ? 'Waiting Approval Digital' : data_same.status)}</td>
                        </tr>`
                        );
                    });
                },
                error: function(xhr, status, error) {
                    console.error(error);
                }
            });
        });

        function resendCertificate(id) {
            if (confirm("Apa Anda yakin ingin mengirim ulang sertifikat transaksi ini ?")) {
                location.href = "{{ url('lakusimpan_offline/resend_certificate') }}/" + id;
            };
            return false;
        }

        function receivedItem(id) {
            if (confirm("Apa Anda yakin ingin recreate stock GP?")) {
                $.ajax({
                    url: "{{ url('lakusimpan_offline/pendaftar_baru/recreate/receive_item') }}/" + id,
                    type: "GET", // Bisa diubah ke POST jika perlu
                    dataType: "json",
                    success: function(response) {
                        alert("Stock GP berhasil direcreate!");
                        // Jika ingin reload halaman setelah sukses:
                        location.reload();
                    },
                    error: function(xhr, status, error) {
                        alert("Terjadi kesalahan: " + xhr.responseText);
                    }
                });
            }
        }


        // function receivedItem(id) {
        //     $('#id').val(id);
        //     $('#action').val('receive_item');
        // }

        // $(".btn-submit").on("click", function() {
        //     let action = $('#action').val();

        //     if (action == 'receive_item') {
        //         let status = $('#transaction_status').val();

        //         // Tampilkan konfirmasi sebelum melanjutkan
        //         let confirmAction = confirm("Apakah Anda yakin ingin menerima item ini?");
        //         if (!confirmAction) {
        //             return false; // Batalkan jika user memilih "Cancel"
        //         }

        //         $.ajax({
        //             url: '{{ url('lakusimpan_offline/recreate/pendaftar_baru/receive_item') }}',
        //             method: "POST",
        //             headers: {
        //                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //             },
        //             data: $("#form-pin").serialize(),
        //             success: function(response) {
        //                 alert("Success, transaction " + $('#transaction_status').val() + " !");
        //                 location.reload();
        //             },
        //             error: function(response) {
        //                 var response = response.responseJSON;
        //                 alert(response.error);
        //             }
        //         });

        //         return false;
        //     }
        // });
    </script>

@endsection