@if (isset($akses->detail_polis))
    @if ($akses->detail_polis->view == 1)
        <input type="hidden" id="update" value="{{ $akses->detail_polis->update }}">
        <input type="hidden" id="delete" value="{{ $akses->detail_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="Polis.exportExcel(this, event)">
                        <i class="fa-solid fa-file-export"></i> Export
                    </button>
                    @if ($akses->detail_polis->insert == 1)
                        <button class="btn btn-primary btn-sm" onclick="Polis.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="Polis.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="Polis.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="Polis.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="Polis.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="Polis.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="Polis.setKlaimFilter(this, 'other')">
                    <i class="fa-solid fa-ellipsis" style="margin-right:5px;"></i> ASURANSI OTHER
                </button>
            </div>

            <div class="row mb-3 mt-2 align-items-end" style="padding: 0 15px;">
                <div class="col-md-3">
                    <label class="form-label">Tgl Awal (dari)</label>
                    <input type="date" class="form-control" id="filter_start_date">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Tgl Awal (sampai)</label>
                    <input type="date" class="form-control" id="filter_end_date">
                </div>
                <div class="col-md-3" style="padding-top:24px;">
                    <button type="button" class="btn btn-primary" onclick="Polis.applyDateFilter()">
                        <i class="fa-solid fa-filter"></i> Filter
                    </button>
                    <button type="button" class="btn btn-secondary" onclick="Polis.resetDateFilter()">
                        <i class="fa-solid fa-rotate-left"></i> Reset
                    </button>
                </div>
            </div>

            <div class="card-body">
                <table id="table-data" class="dataTable" style="width:100%">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>No Polis</th>
                            <th>Tipe Asuransi</th>
                            <th>Nama Tertanggung (Polis)</th>
                            <th>Nilai Pertanggungan</th>
                            <th>Tgl Awal</th>
                            <th>Tgl Akhir</th>
                            <th>Tipe Mobil</th>
                            <th>Tujuan</th>
                            <th>Asal</th>
                            <th>Tujuan Cargo</th>
                            <th>Lokasi</th>
                            <th>Okupasi</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    @else
        @include('web.alert.message')
    @endif
@else
    @include('web.alert.message')
@endif