@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="page-title">
                <div class="title_left">
                    <h3>Laku Cicil Approved</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{ route('dashboard') }}">Dashboard</a>
                        </li>
                        <li>
                            <a href="{{ route('laku_cicil_config') }}">Laku Cicil</a>
                        </li>
                        <li class="active">Config</li>
                    </ol>
                </div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">      
                        <div class="x_content" style="overflow: auto;">
                            <table id="table_subscriber" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">Application Number</th>
                                        <th class="text-center">Date</th>
                                        <th class="text-center">Customer</th>
                                        <th class="text-center">Handphone</th>
                                        <th class="text-center">Total Transaksi</th>
                                        <th class="text-center">Admin Fee</th>
                                        <th class="text-center">Down Payment</th>
                                        <th class="text-center">Remaining Quota</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($configs as $data)
                                        <tr>
                                            <td class="text-center">{{ $data->code }}</td>
                                            <td class="text-center">{{ $data->laku_cicil_details->date_transaction }}</td>
                                            <td class="text-center">{{ $data->customer_cicil->name ?? '-'}}</td>
                                            <td class="text-center">{{ $data->customer_cicil->handphone }}</td>
                                            <td class="text-right">{{ number_format($data->laku_cicil_details->total_harga_emas) }}</td>
                                            <td class="text-right">{{ $data->laku_cicil_details->admin_fee ?? '0' }}</td>
                                            <td class="text-right">{{ number_format($data->laku_cicil_details->down_payment) }}</td>
                                            <td class="text-right">Rp {{ number_format($data->laku_cicil_details->total_harga_emas) }} / 
                                                @if ($data->laku_cicil_details->type == 'fisik')
                                                    {{ number_format($data->plafond_customer->remaining_fisik) }}
                                                @else ($data->laku_cicil_details->type == 'digital')
                                                    {{ number_format($data->plafond_customer->remaining_fisik) }}
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if ($data->status)
                                                    Waiting Approval
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                <a href="{{ route('transaksi_laku_cicil_lm_detail', $data->id) }}">
                                                    <i class="bi bi-three-dots-vertical"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>


<!-- Modal Konfirmasi -->
<div class="modal fade" id="confirmOpenModal" tabindex="-1" role="dialog" aria-labelledby="confirmOpenModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header bg-warning text-white">
        <h5 class="modal-title" id="confirmOpenModalLabel">Konfirmasi</h5>
        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Apakah Anda yakin ingin melanjutkan proses "Approved" transaksi berikut?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
        <button type="button" id="btnLanjutkan" class="btn btn-primary">Lanjutkan</button>
      </div>
    </div>
  </div>
</div>
@endsection

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script> -->

<!-- 
<script>
$(document).ready(function() {
    let targetUrl = '';

    
    $('.btn-confirm-open').on('click', function() {
        targetUrl = $(this).data('url'); 
        $('#confirmOpenModal').modal('show');
    });

   
    $('#btnLanjutkan').on('click', function() {
        if (targetUrl) {
            window.location.href = targetUrl; 
        }
    });
});
</script> -->