@if (isset($akses->detail_placing_slip))
    @if ($akses->detail_placing_slip->view == 1)
        <input type="hidden" id="update" value="{{ $akses->detail_placing_slip->update }}">
        <input type="hidden" id="delete" value="{{ $akses->detail_placing_slip->delete }}">
        <input type="hidden" id="filter_type" value="vehicle">
        <div class="card card-table">
            <div class="card-header">
                <div class="card-title">Daftar {{ $title }}</div>
                <div class="btn-group">
                    <button class="btn btn-secondary btn-sm" onclick="PlacingSlip.exportExcel(this, event)">
                        <i class="fa-solid fa-file-export"></i> Export
                    </button>
                    @if ($akses->detail_placing_slip->insert == 1)
                        <button class="btn btn-primary btn-sm" onclick="PlacingSlip.add(this, event)">
                            <i class="fa-solid fa-plus"></i> Tambah MV
                        </button>
                        &nbsp;
                        <button class="btn btn-primary btn-sm" onclick="PlacingSlip.addTravels(this, event)">
                            <i class="fa-solid fa-plus"></i> Tambah Travel
                        </button>
                        &nbsp;
                        <button class="btn btn-primary btn-sm" onclick="PlacingSlip.addCargo(this, event)">
                            <i class="fa-solid fa-plus"></i> Tambah Cargo
                        </button>
                        &nbsp;
                        <button class="btn btn-primary btn-sm" onclick="PlacingSlip.addBuildings(this, event)">
                            <i class="fa-solid fa-plus"></i> Tambah Building
                        </button>
                        &nbsp;
                        <button class="btn btn-primary btn-sm" onclick="PlacingSlip.add(this, event)">
                            <i class="fa-solid fa-plus"></i> Tambah Other
                        </button>
                        &nbsp;
                    @endif
                </div>
            </div>
            <div class="card-body">
                {{-- Filter Tabs --}}
                <div class="page-tabs" id="klaim-filter-tabs">
                    <button class="tab-btn active" data-type="vehicle"
                        onclick="PlacingSlip.setKlaimFilter(this, 'vehicle')">
                        <i class="fa-solid fa-car" style="margin-right:5px;"></i> ASURANSI KENDARAAN
                    </button>
                    <button class="tab-btn" data-type="cargo" onclick="PlacingSlip.setKlaimFilter(this, 'cargo')">
                        <i class="fa-solid fa-box" style="margin-right:5px;"></i> ASURANSI CARGO
                    </button>
                    <button class="tab-btn" data-type="pa" onclick="PlacingSlip.setKlaimFilter(this, 'pa')">
                        <i class="fa-solid fa-person-walking" style="margin-right:5px;"></i> ASURANSI PERSONAL ACCIDENT
                    </button>
                    <button class="tab-btn" data-type="building" onclick="PlacingSlip.setKlaimFilter(this, 'building')">
                        <i class="fa-solid fa-building" style="margin-right:5px;"></i> ASURANSI BUILDING
                    </button>
                    <button class="tab-btn" data-type="travel" onclick="PlacingSlip.setKlaimFilter(this, 'travel')">
                        <i class="fa-solid fa-plane" style="margin-right:5px;"></i> ASURANSI TRAVEL
                    </button>
                    <button class="tab-btn" data-type="other" onclick="PlacingSlip.setKlaimFilter(this, 'other')">
                        <i class="fa-solid fa-ellipsis" style="margin-right:5px;"></i> ASURANSI OTHER
                    </button>
                </div>
                <table id="table-data" class="dataTable" style="width:100%">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>No Placing Slip</th>
                            <th>Tipe Asuransi</th>
                            <th>Nama Tertanggung</th>
                            <th>Nilai Pertanggungan</th>
                            <th>Rate (%)</th>
                            <th>Tgl Awal</th>
                            <th>Tgl Akhir</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Modal Generate Quotation -->
        <div class="modal fade" id="modalGenerateQuotation" tabindex="-1" aria-labelledby="modalGenerateQuotationLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form id="form-generate-quotation"
                        onsubmit="PlacingSlip.submitGenerateQuotation(this, event); return false;">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalGenerateQuotationLabel">Generate Quotation</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <input type="hidden" id="gen_id_placing_slip" name="id">
                            <div class="form-group mb-3">
                                <label for="no_quotation">Nomor Quotation</label>
                                <input type="text" class="form-control" id="no_quotation" name="no_quotation"
                                    placeholder="Contoh: QUO-2026-001" required>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                            <button type="submit" class="btn btn-primary">Generate</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @else
        @include('web.alert.message')
    @endif
@else
    @include('web.alert.message')
@endif

<script>
    var currentData = null;
</script>