$(function () {
  $.getJSON(BASE_URL + "/views/dataset/" + FILTER_TAHUN + "/control_apbd/data.json?t=" + (new Date().getTime()), function (res) {
    if (res) {
      $('.tbody_apbd').empty();

      $('.kode_perangkat_daerah').text(res.kode_perangkat_daerah);
      $('.nama_perangkat_daerah').text(res.nama_perangkat_daerah);
      $('.total_belanja').text(res.total_belanja);

      res.data.forEach((item, i) => {
        $('.tbody_apbd').append(`
              <tr>
                  <td class='text-center'>${i + 1}</td>
                  <td class="${res.classes['urusan']}">${item.urusan}</td>
                  <td class="${res.classes['bidang_urusan']}">${item.bidang_urusan}</td>
                  <td class="${res.classes['program']}">${item.program}</td>
                  <td class="${res.classes['kegiatan']}">${item.kegiatan}</td>
                  <td class="${res.classes['subkegiatan']}">${item.subkegiatan}</td>
                  <td class="${res.classes['nomenklatur']}">${item.nomenklatur}</td>
                  <td class="${res.classes['kodepaket']}">${item.kodepaket}</td>
                  <td class="${res.classes['lelang']}">${item.lelang}</td>
                  <td class="${res.classes['penunjukan_langsung']}">${item.penunjukan_langsung}</td>
                  <td class="${res.classes['pengadaan_langsung']}">${item.pengadaan_langsung}</td>
                  <td class="${res.classes['kontes_sayembara']}">${item.kontes_sayembara}</td>
                  <td class="${res.classes['swakelola']}">${item.swakelola}</td>
                  <td class="${res.classes['klasifikasi_belanja']}">${item.klasifikasi_belanja}</td>
                  <td class="${res.classes['indikator_sub_keluaran']}">${item.indikator_sub_keluaran}</td>
                  <td class="${res.classes['target_keluaran_volume']}">${item.target_keluaran_volume}</td>
                  <td class="${res.classes['target_keluaran_satuan']}">${item.target_keluaran_satuan}</td>
                  <td class="${res.classes['jenis_keg_fisik']}">${item.jenis_keg_fisik}</td>
                  <td class="${res.classes['jenis_keg_non_fisik']}">${item.jenis_keg_non_fisik}</td>
                  <td class="${res.classes['pagu_alokasi']}">${item.pagu_alokasi}</td>
                  <td class="${res.classes['sbdana_pad']}">${item.sbdana_pad}</td>
                  <td class="${res.classes['sbdana_dbh']}">${item.sbdana_dbh}</td>
                  <td class="${res.classes['sbdana_tp']}">${item.sbdana_tp}</td>
                  <td class="${res.classes['sbdana_otsus']}">${item.sbdana_otsus}</td>
                  <td class="${res.classes['sbdana_dak']}">${item.sbdana_dak}</td>
                  <td class="${res.classes['sbdana_dau']}">${item.sbdana_dau}</td>
                  <td class="${res.classes['sbdana_lain_lain']}">${item.sbdana_lain_lain}</td>
                  <td class="${res.classes['kualifikasi_kecil']}">${item.kualifikasi_kecil}</td>
                  <td class="${res.classes['kualifikasi_menengah']}">${item.kualifikasi_menengah}</td>
                  <td class="${res.classes['kualifikasi_besar']}">${item.kualifikasi_besar}</td>
                  <td class="${res.classes['lokus_provinsi']}">${item.lokus_provinsi}</td>
                  <td class="${res.classes['lokus_kabupaten']}">${item.lokus_kabupaten}</td>
                  <td class="${res.classes['lokus_distrik']}">${item.lokus_distrik}</td>
                  <td class="${res.classes['lokus_keluaran']}">${item.lokus_keluaran}</td>
                  <td class="${res.classes['lokus_kampung']}">${item.lokus_kampung}</td>
                  <td class="${res.classes['titik_koordinat']}">${item.titik_koordinat}</td>
                  <td class="${res.classes['belum_dikerjakan']}">${item.belum_dikerjakan}</td>
                  <td class="${res.classes['sedang_dikerjakan']}">${item.sedang_dikerjakan}</td>
                  <td class="${res.classes['selesai_dikerjakan']}">${item.selesai_dikerjakan}</td>
                  <td class="${res.classes['baru']}">${item.baru}</td>
                  <td class="${res.classes['lanjutan_lama']}">${item.lanjutan_lama}</td>
              </tr>
          `);
      })
    }
  })
})