@if (isset($akses->detail_penawaran_polis))
    @if ($akses->detail_penawaran_polis->view == 1)
        <input type="hidden" id="update" value="{{ $akses->detail_penawaran_polis->update }}">
        <input type="hidden" id="delete" value="{{ $akses->detail_penawaran_polis->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="PenawaranPolis.exportExcel(this, event)">
                        <i class="fa-solid fa-file-export"></i> Export
                    </button>
                    @if ($akses->detail_penawaran_polis->insert == 1)
                        <button class="btn btn-primary btn-sm" onclick="PenawaranPolis.add(this, event)">
                            <i class="fa-solid fa-plus"></i> Tambah
                        </button>
                    @endif
                </div>
            </div>
            {{-- Filter Tabs --}}
            <div class="page-tabs" id="klaim-filter-tabs">
                <button class="tab-btn active" data-type="vehicle"
                    onclick="PenawaranPolis.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="PenawaranPolis.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="PenawaranPolis.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="PenawaranPolis.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="PenawaranPolis.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="PenawaranPolis.setKlaimFilter(this, 'other')">
                    <i class="fa-solid fa-ellipsis" style="margin-right:5px;"></i> ASURANSI OTHER
                </button>
            </div>
            <div class="card-body">
                <table id="table-data" class="dataTable" style="width:100%">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>No Penawaran</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 Polis -->
        <div class="modal fade" id="modalGeneratePolis" tabindex="-1" aria-labelledby="modalGeneratePolisLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form id="form-generate-polis"
                        onsubmit="PenawaranPolis.submitGeneratePolis(this, event); return false;">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalGeneratePolisLabel">Generate Polis</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_penawaran_polis" name="id">
                            <div class="form-group mb-3">
                                <label for="no_polis">Nomor Polis</label>
                                <input type="text" class="form-control" id="no_polis" name="no_polis"
                                    placeholder="Contoh: POL-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