<?= $this->extend('layout/main') ?>

<?= $this->section('content') ?>

<!-- Data Tanah -->
<div class="glass-card" style="width: 100%; overflow-x: auto; margin-bottom: 30px;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
        <h3 class="card-title" style="margin-bottom: 0;">Data Tanah</h3>
        <?php if(session()->get('role') == 'admin'): ?>
        <button class="btn btn-primary" onclick="tambahTanah()">
            <i class="fas fa-plus"></i> Tambah Tanah
        </button>
        <?php endif; ?>
    </div>

    <table id="tableTanah" class="display nowrap" style="width:100%">
        <thead>
            <tr>
                <th>No</th>
                <th>KIB</th>
                <th>Kode Brg</th>
                <th>Nama Tanah</th>
                <th>Status Kepemilikan</th>
                <th>Luas (m²)</th>
                <th>Lokasi</th>
                <th>Tahun Perolehan</th>
                <th>Nilai Perolehan</th>
                <th>Kenaikan/Tahun</th>
                <th>Nilai Sekarang</th>
                <th>Kondisi</th>
                <th>Keterangan</th>
                <?php if(session()->get('role') == 'admin'): ?>
                <th>Aksi</th>
                <?php endif; ?>
            </tr>
        </thead>
        <tbody>
            <?php $no = 1; foreach($tanah as $t): ?>
            <tr>
                <td><?= $no++ ?></td>
                <td><?= $t['kib'] ?? '-' ?></td>
                <td><code style="background:rgba(67,97,238,0.08); padding:2px 6px; border-radius:4px;"><?= $t['kode_barang'] ?? '-' ?></code></td>
                <td><?= $t['nama_tanah'] ?></td>
                <td><?= $t['status_kepemilikan'] ?></td>
                <td><?= $t['luas'] ?></td>
                <td><?= $t['lokasi'] ?></td>
                <td><?= $t['tahun_perolehan'] ?></td>
<td>Rp <?= number_format($t['nilai_perolehan'], 0, ',', '.') ?></td>
<td>
    <?php 
    // Menghitung persen kenaikan dari nilai perolehan
    $persen_kenaikan = $t['nilai_perolehan'] > 0 ? ($t['kenaikan_per_tahun'] / $t['nilai_perolehan']) * 100 : 0; 
    
    // Menampilkan format persen dengan 2 angka di belakang koma
    echo number_format($persen_kenaikan, 2, ',', '.') . '%'; 
    ?>
</td>
<td>Rp <?= number_format($t['nilai_sekarang'], 0, ',', '.') ?></td>
                <td><?= $t['kondisi'] ?></td>
                <td><?= $t['keterangan'] ?></td>
                <?php if(session()->get('role') == 'admin'): ?>
                <td>
                    <button class="btn btn-sm btn-success" title="Edit" onclick='editTanah(<?= json_encode($t) ?>)'><i class="fas fa-edit"></i></button>
                    <a href="<?= base_url('aset/hapus-tanah/'.$t['id']) ?>" class="btn btn-sm btn-danger" onclick="return confirm('Yakin?')"><i class="fas fa-trash"></i></a>
                </td>
                <?php endif; ?>
            </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</div>

<!-- Modal Tanah -->
<div class="modal-overlay" id="modalTanah">
    <div class="modal" style="max-width:800px;">
        <div class="modal-header">
            <h3>Form Tanah</h3>
            <button class="close-btn" onclick="closeModal('modalTanah')">&times;</button>
        </div>
        <form action="<?= base_url('aset/simpan-tanah') ?>" method="post">
            <div class="modal-body" style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
                <input type="hidden" name="id" id="tanah_id">

                <!-- KIB & Kode Barang (Cascading) -->
                <div class="form-group">
                    <label><i class="fas fa-barcode" style="color:var(--primary);"></i> KIB</label>
                    <select name="kib" id="tanah_sel_kib" class="form-control" onchange="loadKibDetails(this.value,'tanah_sel_kode')">
                        <option value="">-- Pilih KIB --</option>
                        <?php foreach($kibList as $k): ?>
                        <option value="<?= $k['nama_kib'] ?>" data-id="<?= $k['id'] ?>"><?= $k['nama_kib'] ?> (<?= $k['kode_brg'] ?>)</option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div class="form-group">
                    <label>Kode Barang</label>
                    <select name="kode_barang" id="tanah_sel_kode" class="form-control">
                        <option value="">-- Pilih KIB dulu --</option>
                    </select>
                </div>

                <div class="form-group" style="grid-column:span 2;"><label>Nama Tanah</label><input type="text" name="nama_tanah" class="form-control" required></div>
                <div class="form-group"><label>Status Kepemilikan</label><input type="text" name="status_kepemilikan" class="form-control" required></div>
                <div class="form-group"><label>Luas (m²)</label><input type="number" step="0.01" name="luas" class="form-control" required></div>
                <div class="form-group"><label>Tahun Perolehan</label><input type="number" name="tahun_perolehan" class="form-control" required></div>
                <div class="form-group"><label>Nilai Perolehan</label><input type="number" name="nilai_perolehan" class="form-control" required></div>
                <div class="form-group"><label>Kenaikan/Tahun</label><input type="number" name="kenaikan_per_tahun" class="form-control" required></div>
                <div class="form-group"><label>Kondisi</label><input type="text" name="kondisi" class="form-control" required></div>
                <div class="form-group" style="grid-column:span 2;"><label>Lokasi</label><textarea name="lokasi" class="form-control" rows="2"></textarea></div>
                <div class="form-group" style="grid-column:span 2;"><label>Keterangan</label><textarea name="keterangan" class="form-control" rows="2"></textarea></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" onclick="closeModal('modalTanah')">Batal</button>
                <button type="submit" class="btn btn-primary">Simpan</button>
            </div>
        </form>
    </div>
</div>

<!-- Data Bangunan -->
<div class="glass-card" style="width: 100%; overflow-x: auto;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
        <h3 class="card-title" style="margin-bottom: 0;">Data Bangunan</h3>
        <?php if(session()->get('role') == 'admin'): ?>
        <button class="btn btn-primary" onclick="tambahBangunan()">
            <i class="fas fa-plus"></i> Tambah Bangunan
        </button>
        <?php endif; ?>
    </div>

    <table id="tableBangunan" class="display nowrap" style="width:100%">
        <thead>
            <tr>
                <th>No</th>
                <th>KIB</th>
                <th>Kode Brg</th>
                <th>Nama Bangunan</th>
                <th>Luas (m²)</th>
                <th>Jumlah Ruang</th>
                <th>Tahun Dibangun</th>
                <th>Nilai Perolehan</th>
                <th>Penyusutan/Tahun</th>
                <th>Nilai Sekarang</th>
                <th>Kondisi</th>
                <?php if(session()->get('role') == 'admin'): ?>
                <th>Aksi</th>
                <?php endif; ?>
            </tr>
        </thead>
        <tbody>
            <?php $no = 1; foreach($bangunan as $b): ?>
            <tr>
                <td><?= $no++ ?></td>
                <td><?= $b['kib'] ?? '-' ?></td>
                <td><code style="background:rgba(67,97,238,0.08); padding:2px 6px; border-radius:4px;"><?= $b['kode_barang'] ?? '-' ?></code></td>
                <td><?= $b['nama_bangunan'] ?></td>
                <td><?= $b['luas_bangunan'] ?></td>
                <td><?= $b['jumlah_ruang'] ?></td>
                 <td><?= $b['tahun_dibangun'] ?></td>
<td>Rp <?= number_format($b['nilai_perolehan'], 0, ',', '.') ?></td>
<td>
    <?php 
    // Menghitung persen penyusutan dari nilai perolehan
    $persen_penyusutan = $b['nilai_perolehan'] > 0 ? ($b['penyusutan_per_tahun'] / $b['nilai_perolehan']) * 100 : 0; 
    
    // Menampilkan format persen dengan 2 angka di belakang koma
    echo number_format($persen_penyusutan, 2, ',', '.') . '%'; 
    ?>
</td>
<td>Rp <?= number_format($b['nilai_sekarang'], 0, ',', '.') ?></td>
                <td><?= $b['kondisi'] ?></td>
                <?php if(session()->get('role') == 'admin'): ?>
                <td>
                    <button class="btn btn-sm btn-success" title="Edit" onclick='editBangunan(<?= json_encode($b) ?>)'><i class="fas fa-edit"></i></button>
                    <a href="<?= base_url('aset/hapus-bangunan/'.$b['id']) ?>" class="btn btn-sm btn-danger" onclick="return confirm('Yakin?')"><i class="fas fa-trash"></i></a>
                </td>
                <?php endif; ?>
            </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</div>

<!-- Modal Bangunan -->
<div class="modal-overlay" id="modalBangunan">
    <div class="modal" style="max-width:800px;">
        <div class="modal-header">
            <h3>Form Bangunan</h3>
            <button class="close-btn" onclick="closeModal('modalBangunan')">&times;</button>
        </div>
        <form action="<?= base_url('aset/simpan-bangunan') ?>" method="post">
            <div class="modal-body" style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
                <input type="hidden" name="id" id="bangunan_id">

                <!-- KIB & Kode Barang (Cascading) -->
                <div class="form-group">
                    <label><i class="fas fa-barcode" style="color:var(--primary);"></i> KIB</label>
                    <select name="kib" id="bangunan_sel_kib" class="form-control" onchange="loadKibDetails(this.value,'bangunan_sel_kode')">
                        <option value="">-- Pilih KIB --</option>
                        <?php foreach($kibList as $k): ?>
                        <option value="<?= $k['nama_kib'] ?>" data-id="<?= $k['id'] ?>"><?= $k['nama_kib'] ?> (<?= $k['kode_brg'] ?>)</option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div class="form-group">
                    <label>Kode Barang</label>
                    <select name="kode_barang" id="bangunan_sel_kode" class="form-control">
                        <option value="">-- Pilih KIB dulu --</option>
                    </select>
                </div>

                <div class="form-group" style="grid-column:span 2;"><label>Nama Bangunan</label><input type="text" name="nama_bangunan" class="form-control" required></div>
                <div class="form-group"><label>Luas (m²)</label><input type="number" step="0.01" name="luas_bangunan" class="form-control" required></div>
                <div class="form-group"><label>Jumlah Ruang</label><input type="number" name="jumlah_ruang" class="form-control" required></div>
                <div class="form-group"><label>Tahun Dibangun</label><input type="number" name="tahun_dibangun" class="form-control" required></div>
                <div class="form-group"><label>Nilai Perolehan</label><input type="number" name="nilai_perolehan" class="form-control" required></div>
                <div class="form-group"><label>Penyusutan/Tahun</label><input type="number" name="penyusutan_per_tahun" class="form-control" required></div>
                <div class="form-group">
                    <label>Kondisi</label>
                    <select name="kondisi" class="form-control" required>
                        <option value="Baik">Baik</option>
                        <option value="Rusak Ringan">Rusak Ringan</option>
                        <option value="Rusak Berat">Rusak Berat</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" onclick="closeModal('modalBangunan')">Batal</button>
                <button type="submit" class="btn btn-primary">Simpan</button>
            </div>
        </form>
    </div>
</div>

<!-- KIB Data untuk JS -->
<script id="kibDetailsData" type="application/json"><?= json_encode($kibDetails) ?></script>
<script id="kibListData" type="application/json"><?= json_encode($kibList) ?></script>

<?= $this->endSection() ?>

<?= $this->section('scripts') ?>
<script>
    const ALL_KIB_DETAILS = JSON.parse(document.getElementById('kibDetailsData').textContent);
    const ALL_KIB_LIST    = JSON.parse(document.getElementById('kibListData').textContent);

    function loadKibDetails(kibNama, targetSelectId, currentKode = '') {
        const sel = document.getElementById(targetSelectId);
        sel.innerHTML = '<option value="">-- Pilih Kode --</option>';
        if (!kibNama) { sel.innerHTML = '<option value="">-- Pilih KIB dulu --</option>'; return; }

        const kib = ALL_KIB_LIST.find(k => k.nama_kib === kibNama);
        if (!kib) return;

        const details = ALL_KIB_DETAILS.filter(d => parseInt(d.id_kib_kategori) === parseInt(kib.id));
        details.forEach(d => {
            const opt = document.createElement('option');
            opt.value = d.kode;
            opt.textContent = d.kode + ' — ' + d.nama_barang;
            if (d.kode === currentKode) opt.selected = true;
            sel.appendChild(opt);
        });
        if (currentKode && !details.find(d => d.kode === currentKode)) {
            const opt = document.createElement('option');
            opt.value = currentKode; opt.textContent = currentKode; opt.selected = true;
            sel.appendChild(opt);
        }
    }

    $(document).ready(function() {
        initDataTable('#tableTanah');
        initDataTable('#tableBangunan');
    });

    function tambahTanah() {
        document.getElementById('tanah_id').value = '';
        document.querySelector('#modalTanah form').reset();
        document.getElementById('tanah_sel_kode').innerHTML = '<option value="">-- Pilih KIB dulu --</option>';
        openModal('modalTanah');
    }
    function editTanah(data) {
        document.getElementById('tanah_id').value = data.id;
        document.getElementById('tanah_sel_kib').value = data.kib || '';
        loadKibDetails(data.kib, 'tanah_sel_kode', data.kode_barang);
        document.querySelector('#modalTanah input[name="nama_tanah"]').value = data.nama_tanah;
        document.querySelector('#modalTanah input[name="status_kepemilikan"]').value = data.status_kepemilikan;
        document.querySelector('#modalTanah input[name="luas"]').value = data.luas;
        document.querySelector('#modalTanah input[name="tahun_perolehan"]').value = data.tahun_perolehan;
        document.querySelector('#modalTanah input[name="nilai_perolehan"]').value = data.nilai_perolehan;
        document.querySelector('#modalTanah input[name="kenaikan_per_tahun"]').value = data.kenaikan_per_tahun;
        document.querySelector('#modalTanah input[name="kondisi"]').value = data.kondisi;
        document.querySelector('#modalTanah textarea[name="lokasi"]').value = data.lokasi;
        document.querySelector('#modalTanah textarea[name="keterangan"]').value = data.keterangan;
        openModal('modalTanah');
    }

    function tambahBangunan() {
        document.getElementById('bangunan_id').value = '';
        document.querySelector('#modalBangunan form').reset();
        document.getElementById('bangunan_sel_kode').innerHTML = '<option value="">-- Pilih KIB dulu --</option>';
        openModal('modalBangunan');
    }
    function editBangunan(data) {
        document.getElementById('bangunan_id').value = data.id;
        document.getElementById('bangunan_sel_kib').value = data.kib || '';
        loadKibDetails(data.kib, 'bangunan_sel_kode', data.kode_barang);
        document.querySelector('#modalBangunan input[name="nama_bangunan"]').value = data.nama_bangunan;
        document.querySelector('#modalBangunan input[name="luas_bangunan"]').value = data.luas_bangunan;
        document.querySelector('#modalBangunan input[name="jumlah_ruang"]').value = data.jumlah_ruang;
        document.querySelector('#modalBangunan input[name="tahun_dibangun"]').value = data.tahun_dibangun;
        document.querySelector('#modalBangunan input[name="nilai_perolehan"]').value = data.nilai_perolehan;
        document.querySelector('#modalBangunan input[name="penyusutan_per_tahun"]').value = data.penyusutan_per_tahun;
        document.querySelector('#modalBangunan select[name="kondisi"]').value = data.kondisi;
        openModal('modalBangunan');
    }
</script>
<?= $this->endSection() ?>
