@extends('template.master')

@section('title', 'Dashboard TKPK - Program Kemiskinan')
@section('description', 'Meta Description - Deskripsi setiap view dalam website')

@section('body')
<style>
  .swal2-container {
    z-index: 3051;
  }
  .select2-container.select2-container--default.select2-container--open  {
    z-index: 5000;
  }
</style>
        <!-- Content wrapper -->
        <div class="content-wrapper">
          <!-- Content -->

          <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Pages/</span> Program Pengentasan Kemiskinan</h4>
            <div class="text-start mb-3">
                {{-- <button type="button" class="btn btn-primary"><i class='bx bx-download icon-export'></i>Export</button> --}}
                @if (Session::get('user')->user_role != "diskominfo")
                  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#tambahProgram">
                    Tambah
                  </button>
                @else
                  
                @endif
            </div>
            <div class="card p-4">
              <div class="card-datatable text-nowrap">
                <table id="program_miskin" class="display">
                  <thead>
                      <tr>
                          <th>Tahun</th> 
                          <th>Strategi Penanganan</th>
                          <th>Perangkat Daerah</th>
                          <th></th>
                          {{-- <th rowspan="2">Rencana Aksi</th>
                          <th rowspan="2">Indikator</th>
                          <th rowspan="2">Satuan</th>
                          <th colspan="4">Target Triwulan</th>
                          <th colspan="4">Realisasi Triwulan</th>
                          <th rowspan="2">Target Anggaran</th>
                          <th rowspan="2">Realisasi Anggaran</th>
                          <th rowspan="2">Keterangan</th>
                          <th rowspan="2">Create Date</th> --}}
                          {{-- <th rowspan="2"></th> --}}
                      </tr>
                      {{-- <tr>                            
                          <th>I</th>
                          <th>II</th>
                          <th>III</th>
                          <th>IV</th>
                          <th>I</th>
                          <th>II</th>
                          <th>III</th>
                          <th>IV</th>
                      </tr> --}}
                  </thead>
                </table>
              </div>
            </div>


          </div>

          <div class="content-backdrop fade"></div>
          <!-- Tambah Program Modal -->
          <div class="modal fade" id="tambahProgram" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-simple modal-tambah-user">
              <div class="modal-content p-3 p-md-5">
                <div class="modal-body">
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  <div class="text-center mb-4">
                    <h3 class="mb-2">Tambah Data</h3>
                    <p class="text-muted">Penambahan data untuk Program Pengentasan Kemiskinan.</p>
                  </div>
                  <form id="addProgram" class="row g-3">
                    <div class="col-12 col-md-6">
                      @csrf
                      <label class="form-label" for="tahun">Tahun</label>
                      <input
                        type="text"
                        id="tahun"
                        name="tahun"
                        class="form-control"
                        placeholder="20XX"
                        required
                      />
                    </div>
                    <div class="col-12 col-md-6">
                      <label class="form-label" for="perangkat_daerah">Perangkat Daerah</label>
                      <input
                        type="text"
                        id="perangkat_daerah"
                        name="perangkat_daerah"
                        class="form-control"
                        placeholder="Dinas ..."
                        value="{{Session::get('user')->user_name}}"
                        readonly
                        required
                      />
                    </div>
                    <div class="col-12 col-md-12">
                      <label class="form-label" for="strategi">Strategi Penanganan</label>
                      <textarea name="strategi" id="strategi" required cols="5" rows="10" class="form-control" placeholder="Strategi ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="rencana_aksi">Rencana Aksi</label>
                      <textarea name="rencana_aksi" id="rencana_aksi" required cols="5" rows="10" class="form-control" placeholder="Rencana ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="indikator">Indikator</label>
                      <textarea name="indikator" id="indikator" required cols="5" rows="10" class="form-control" placeholder="Indikator ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="satuan">Satuan</label>
                      <input name="satuan" id="satuan" required class="form-control" placeholder="Satuan ..."/>
                    </div>
                    <label class="form-label">Target Triwulan</label>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_1">Triwulan I</label>
                      <input name="target_1" id="target_1" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_2">Triwulan II</label>
                      <input name="target_2" id="target_2" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_3">Triwulan III</label>
                      <input name="target_3" id="target_3" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_4">Triwulan IV</label>
                      <input name="target_4" id="target_4" required class="form-control" placeholder="..."/>
                    </div>
                    <label class="form-label">Realisasi Triwulan</label>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_1">Triwulan I</label>
                      <input name="realisasi_1" id="realisasi_1" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_2">Triwulan II</label>
                      <input name="realisasi_2" id="realisasi_2" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_3">Triwulan III</label>
                      <input name="realisasi_3" id="realisasi_3" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_4">Triwulan IV</label>
                      <input name="realisasi_4" id="realisasi_4" required class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="target_anggaran">Target Anggaran</label>
                      <input name="target_anggaran" id="target_anggaran" required class="form-control" placeholder="Rp ..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="realisasi_anggaran">Realisasi Anggaran</label>
                      <input name="realisasi_anggaran" id="realisasi_anggaran" required class="form-control" placeholder="Rp ..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="keterangan">Keterangan</label>
                      <textarea name="keterangan" id="keterangan" required cols="5" rows="10" class="form-control" placeholder="Keterangan ..."></textarea>
                    </div>
                    <div class="col-12 text-center">
                      <button type="button" class="btn btn-primary me-sm-3 me-1" id="btn-simpanProgram">Submit</button>
                      <button
                        type="reset"
                        class="btn btn-label-secondary"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      >
                        Cancel
                      </button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <!--/ Tambah Program Modal -->
          <!-- View Program Modal -->
          <div class="modal fade" id="viewProgram" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-simple modal-view-user">
              <div class="modal-content p-3 p-md-5">
                <div class="modal-body">
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  <div class="text-center mb-4">
                    <h3 class="mb-2" id="ViewDataLabel">Loading ...</h3>
                    <p class="text-danger d-none" id="error_info">Maaf terdapat kesalahan, silakan coba lagi.</p>
                  </div>
                  <form id="viewFormProgram" class="row g-3">
                    <div class="col-12 col-md-6">
                      @csrf
                      <label class="form-label" for="tahun">Tahun</label>
                      <input
                        type="hidden"
                        id="idView"
                        name="idView"
                        readonly
                      />
                      <input
                        type="text"
                        id="tahunView"
                        name="tahunView"
                        class="form-control"
                        placeholder="20XX"
                        readonly
                      />
                    </div>
                    <div class="col-12 col-md-6">
                      <label class="form-label" for="perangkat_daerah">Perangkat Daerah</label>
                      <input
                        type="text"
                        id="perangkat_daerahView"
                        name="perangkat_daerahView"
                        class="form-control"
                        placeholder="Dinas ..."
                        readonly
                      />
                    </div>
                    <div class="col-12 col-md-12">
                      <label class="form-label" for="strategi">Strategi Penanganan</label>
                      <textarea name="strategiView" id="strategiView" readonly cols="5" rows="10" class="form-control" placeholder="Strategi ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="rencana_aksi">Rencana Aksi</label>
                      <textarea name="rencana_aksiView" id="rencana_aksiView" readonly cols="5" rows="10" class="form-control" placeholder="Rencana ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="indikator">Indikator</label>
                      <textarea name="indikatorView" id="indikatorView" readonly cols="5" rows="10" class="form-control" placeholder="Indikator ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="satuan">Satuan</label>
                      <input name="satuanView" id="satuanView" readonly class="form-control" placeholder="Satuan ..."/>
                    </div>
                    <label class="form-label">Target Triwulan</label>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_1">Triwulan I</label>
                      <input name="target_1View" id="target_1View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_2">Triwulan II</label>
                      <input name="target_2View" id="target_2View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_3">Triwulan III</label>
                      <input name="target_3View" id="target_3View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_4">Triwulan IV</label>
                      <input name="target_4View" id="target_4View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <label class="form-label">Realisasi Triwulan</label>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_1">Triwulan I</label>
                      <input name="realisasi_1View" id="realisasi_1View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_2">Triwulan II</label>
                      <input name="realisasi_2View" id="realisasi_2View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_3">Triwulan III</label>
                      <input name="realisasi_3View" id="realisasi_3View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_4">Triwulan IV</label>
                      <input name="realisasi_4View" id="realisasi_4View" readonly class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="target_anggaran">Target Anggaran</label>
                      <input name="target_anggaranView" id="target_anggaranView" readonly class="form-control" placeholder="Rp ..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="realisasi_anggaran">Realisasi Anggaran</label>
                      <input name="realisasi_anggaranView" id="realisasi_anggaranView" readonly class="form-control" placeholder="Rp ..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="keterangan">Keterangan</label>
                      <textarea name="keteranganView" id="keteranganView" readonly cols="5" rows="10" class="form-control" placeholder="Keterangan ..."></textarea>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <!--/ View Program Modal -->
          <!-- Edit Program Modal -->
          <div class="modal fade" id="editProgram" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-simple modal-edit-user">
              <div class="modal-content p-3 p-md-5">
                <div class="modal-body">
                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  <div class="text-center mb-4">
                    <h3 class="mb-2" id="EditDataLabel">Loading ...</h3>
                    <p class="text-danger d-none" id="error_info">Maaf terdapat kesalahan, silakan coba lagi.</p>
                  </div>
                  <form id="editFormProgram" class="row g-3">
                    <div class="col-12 col-md-6">
                      @csrf
                      <label class="form-label" for="tahun">Tahun</label>
                      <input
                        type="hidden"
                        id="idEdit"
                        name="idEdit"
                      
                      />
                      <input
                        type="text"
                        id="tahunEdit"
                        name="tahunEdit"
                        class="form-control"
                        placeholder="20XX"
                      
                      />
                    </div>
                    <div class="col-12 col-md-6">
                      <label class="form-label" for="perangkat_daerah">Perangkat Daerah</label>
                      <input
                        type="text"
                        id="perangkat_daerahEdit"
                        name="perangkat_daerahEdit"
                        class="form-control"
                        placeholder="Dinas ..."
                      
                      />
                    </div>
                    <div class="col-12 col-md-12">
                      <label class="form-label" for="strategi">Strategi Penanganan</label>
                      <textarea name="strategiEdit" id="strategiEdit" cols="5" rows="10" class="form-control" placeholder="Strategi ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="rencana_aksi">Rencana Aksi</label>
                      <textarea name="rencana_aksiEdit" id="rencana_aksiEdit" cols="5" rows="10" class="form-control" placeholder="Rencana ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="indikator">Indikator</label>
                      <textarea name="indikatorEdit" id="indikatorEdit" cols="5" rows="10" class="form-control" placeholder="Indikator ..."></textarea>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="satuan">Satuan</label>
                      <input name="satuanEdit" id="satuanEdit" class="form-control" placeholder="Satuan ..."/>
                    </div>
                    <label class="form-label">Target Triwulan</label>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_1">Triwulan I</label>
                      <input name="target_1Edit" id="target_1Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_2">Triwulan II</label>
                      <input name="target_2Edit" id="target_2Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_3">Triwulan III</label>
                      <input name="target_3Edit" id="target_3Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="target_4">Triwulan IV</label>
                      <input name="target_4Edit" id="target_4Edit" class="form-control" placeholder="..."/>
                    </div>
                    <label class="form-label">Realisasi Triwulan</label>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_1">Triwulan I</label>
                      <input name="realisasi_1Edit" id="realisasi_1Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_2">Triwulan II</label>
                      <input name="realisasi_2Edit" id="realisasi_2Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_3">Triwulan III</label>
                      <input name="realisasi_3Edit" id="realisasi_3Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12 col-md-3">
                      <label class="form-label" for="realisasi_4">Triwulan IV</label>
                      <input name="realisasi_4Edit" id="realisasi_4Edit" class="form-control" placeholder="..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="target_anggaran">Target Anggaran</label>
                      <input name="target_anggaranEdit" id="target_anggaranEdit" class="form-control" placeholder="Rp ..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="realisasi_anggaran">Realisasi Anggaran</label>
                      <input name="realisasi_anggaranEdit" id="realisasi_anggaranEdit" class="form-control" placeholder="Rp ..."/>
                    </div>
                    <div class="col-12">
                      <label class="form-label" for="keterangan">Keterangan</label>
                      <textarea name="keteranganEdit" id="keteranganEdit" cols="5" rows="10" class="form-control" placeholder="Keterangan ..."></textarea>
                    </div>
                    <div class="col-12 text-center">
                      <button type="button" class="btn btn-primary me-sm-3 me-1" id="btn-simpanEditProgram">Submit</button>
                      <button
                        type="reset"
                        class="btn btn-label-secondary"
                        data-bs-dismiss="modal"
                        aria-label="Close"
                      >
                        Cancel
                      </button>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <!--/ Edit Program Modal -->
        </div>
        <!-- Content wrapper -->
       


@endsection
@section('jquery')
<script>
  function delprogram(IdProgram,Strategi){
    Swal.fire({
      title: "Apakah anda yakin ingin menghapus program "+Strategi+" ?",
      showDenyButton: true,
      confirmButtonText: "Hapus",
      denyButtonText: `Batal`
    }).then((result) => {
      /* Read more about isConfirmed, isDenied below */
      if (result.isConfirmed) {
        $.ajax({
          url : "{{route('api.delprogram')}}",
          type : "GET",
          data : 'id='+ IdProgram,
          processData : false,
          contentType : false,
          cache : false,
          dataType: "json",
          success : function(res){
            if (res.status != '200'){
              const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: true,              
              });
              Toast.fire({
                icon: 'error',
                title: res.message
              })
            } else {
              const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true,
              });
              Toast.fire({
                icon: 'success',
                title: 'Program Berhasil Dihapus'
              })
            }
            $('#program_miskin').DataTable().ajax.reload();
          },
          error: function (xhr, ajaxOptions, thrownError) {
          }
        })
      } else if (result.isDenied) {
        Swal.fire("Changes are not saved", "", "info");
      }
    });
  }
  $(document).ready(function() {

    $('#viewProgram').on('shown.bs.modal', function (e) {
      $('#error_info').addClass('d-none');
	    var id = $(e.relatedTarget).data('id');
	    // alert(id);
	    if(! id){	      
        $('#tahunView').val('');
        $('#perangkat_daerahView').val('');
        $('#strategiView').val('');
        $('#rencana_aksiView').val('');
        $('#indikatorView').val('');
        $('#satuanView').val('');
        $('#target_1View').val('');
        $('#target_2View').val('');
        $('#target_3View').val('');
        $('#target_4View').val('');
        $('#realisasi_1View').val('');
        $('#realisasi_2View').val('');
        $('#realisasi_3View').val('');
        $('#realisasi_4View').val('');
        $('#target_anggaranView').val('');
        $('#realisasi_anggaranView').val('');
        $('#keteranganView').val('');
	    }else{
	      $.ajax({
          type : 'POST',
          headers: {
            'X-CSRF-TOKEN': '{{csrf_token()}}'
          },
          url : "{{route('api.getdetailrawdatapk')}}",
          data :  'id='+ id,
          beforeSend: function(){
            $('#viewFormProgram').hide();
            $('#ViewDataLabel').html('Loading ...');
          },
          success : function(res){            
            $('#viewFormProgram').show();
            $('#ViewDataLabel').html('Detail Data');
            var obj = JSON.parse(res);	  
            if (obj.recordsTotal != 0){
              $('#idView').val(obj.data[0].id);
              $('#tahunView').val(obj.data[0].tahun);
              $('#perangkat_daerahView').val(obj.data[0].perangkat_daerah);
              $('#strategiView').val(obj.data[0].strategi_penanganan);
              $('#rencana_aksiView').val(obj.data[0].rencana_aksi);
              // moment(new Date(obj.data[0].tanggal_lahir)).locale("id").format('LL')
              $('#indikatorView').val(obj.data[0].indikator);
              $('#satuanView').val(obj.data[0].satuan);
              $('#target_1View').val(obj.data[0].target_1);
              $('#target_2View').val(obj.data[0].target_2);
              $('#target_3View').val(obj.data[0].target_3);
              $('#target_4View').val(obj.data[0].target_4);
              $('#realisasi_1View').val(obj.data[0].realisasi_1);
              $('#realisasi_2View').val(obj.data[0].realisasi_2);
              $('#realisasi_3View').val(obj.data[0].realisasi_3);
              $('#realisasi_4View').val(obj.data[0].realisasi_4);
              $('#target_anggaranView').val(obj.data[0].target_anggaran);
              $('#realisasi_anggaranView').val(obj.data[0].realisasi_anggaran);
              $('#keteranganView').val(obj.data[0].keterangan);
            } else {
              $('#error_info').removeClass('d-none');
              $('#viewFormProgram').hide();
            }
			    }
			  });
	  	}
	  });

    $('#editProgram').on('shown.bs.modal', function (e) {
      $('#error_info').addClass('d-none');
	    var id = $(e.relatedTarget).data('id');
	    // alert(id);
	    if(! id){	      
        $('#tahunEdit').val('');
        $('#perangkat_daerahEdit').val('');
        $('#strategiEdit').val('');
        $('#rencana_aksiEdit').val('');
        $('#indikatorEdit').val('');
        $('#satuanEdit').val('');
        $('#target_1Edit').val('');
        $('#target_2Edit').val('');
        $('#target_3Edit').val('');
        $('#target_4Edit').val('');
        $('#realisasi_1Edit').val('');
        $('#realisasi_2Edit').val('');
        $('#realisasi_3Edit').val('');
        $('#realisasi_4Edit').val('');
        $('#target_anggaranEdit').val('');
        $('#realisasi_anggaranEdit').val('');
        $('#keteranganEdit').val('');
	    }else{
	      $.ajax({
          type : 'POST',
          headers: {
            'X-CSRF-TOKEN': '{{csrf_token()}}'
          },
          url : "{{route('api.getdetailrawdatapk')}}",
          data :  'id='+ id,
          beforeSend: function(){
            $('#editFormProgram').hide();
            $('#EditDataLabel').html('Loading ...');
          },
          success : function(res){            
            $('#editFormProgram').show();
            $('#EditDataLabel').html('Edit Data');
            var obj = JSON.parse(res);	  
            if (obj.recordsTotal != 0){
              $('#idEdit').val(obj.data[0].id);
              $('#tahunEdit').val(obj.data[0].tahun);
              $('#perangkat_daerahEdit').val(obj.data[0].perangkat_daerah);
              $('#strategiEdit').val(obj.data[0].strategi_penanganan);
              $('#rencana_aksiEdit').val(obj.data[0].rencana_aksi);
              // moment(new Date(obj.data[0].tanggal_lahir)).locale("id").format('LL')
              $('#indikatorEdit').val(obj.data[0].indikator);
              $('#satuanEdit').val(obj.data[0].satuan);
              $('#target_1Edit').val(obj.data[0].target_1);
              $('#target_2Edit').val(obj.data[0].target_2);
              $('#target_3Edit').val(obj.data[0].target_3);
              $('#target_4Edit').val(obj.data[0].target_4);
              $('#realisasi_1Edit').val(obj.data[0].realisasi_1);
              $('#realisasi_2Edit').val(obj.data[0].realisasi_2);
              $('#realisasi_3Edit').val(obj.data[0].realisasi_3);
              $('#realisasi_4Edit').val(obj.data[0].realisasi_4);
              $('#target_anggaranEdit').val(obj.data[0].target_anggaran);
              $('#realisasi_anggaranEdit').val(obj.data[0].realisasi_anggaran);
              $('#keteranganEdit').val(obj.data[0].keterangan);
            } else {
              $('#error_info').removeClass('d-none');
              $('#editFormProgram').hide();
            }
			    }
			  });
	  	}
	  });

    var table = new DataTable('#program_miskin', {
      ordering: false,
      scrollX: true,
      "processing": true,
      "serverSide": true,
      ajax: {
        url: "{{route('api.getrawdatapk')}}",
        type: "POST",
        headers: {
          'X-CSRF-TOKEN': '{{csrf_token()}}'
        },
        // data: 'status_anggota="'+status_anggota+'"&desil="'+desil+'"',
        "data": function(d) {
          d.id = '';
          d.dinas = '{{Session::get('user')->user_name}}';
        },
        dataType: "json",
        cache: false,
      },
      columns: [
        { data: 'tahun'},
        { data: 'strategi_penanganan'},
        { data: 'perangkat_daerah'},
        // { data: 'rencana_aksi'},
        // { data: 'indikator'},
        // { data: 'satuan'},
        // { data: 'target_1'},
        // { data: 'target_2'},
        // { data: 'target_3'},
        // { data: 'target_4'},
        // { data: 'realisasi_1'},
        // { data: 'realisasi_2'},
        // { data: 'realisasi_3'},
        // { data: 'realisasi_4'},
        // { data: 'target_anggaran'},
        // { data: 'realisasi_anggaran'},
        // { data: 'keterangan'},
        // { data: 'create_date'},
        { 
          data: 'id',
          "render": function(data, type, row, meta) {
            if ('{{Session::get('user')->user_role}}' != 'diskominfo'){
              return `
                <button type="button" class="btn btn-info" data-bs-toggle="modal" data-id="`+data+`" data-bs-target="#viewProgram"><i class="fas fa-eye"></i></button>
                <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-id="`+data+`" data-bs-target="#editProgram"><i class="fas fa-pen"></i></button>
                <a class="btn btn-danger text-white" onclick="delprogram(`+data+`,'`+row.strategi_penanganan+`')"><i class="fas fa-times"></i></a>
              `
            } else {
              return `
                <button type="button" class="btn btn-info" data-bs-toggle="modal" data-id="`+data+`" data-bs-target="#viewProgram"><i class="fas fa-eye"></i></button>
              `
            }
          },
        },
      ],
    });

    $('#btn-simpanProgram').on('click', function(e){
      e.preventDefault();
      var form = $('#addProgram').get(0);
      var form_data = new FormData(form);
      var obj;

      $.ajax({
        url : "{{route('api.savetambahprogram')}}",
        type : "POST",
        data : form_data,
        processData : false,
        contentType : false,
        cache : false,
        dataType: "json",
        beforeSend: function(){
          $('#btn-simpanProgram').prop('disabled', true);
        },
        success : function(res){
          $('#btn-simpanProgram').prop('disabled', false);
          // console.log(res);
          if (res.status != '200'){
            const Toast = Swal.mixin({
              toast: true,
              position: 'top-end',
              showConfirmButton: true,              
            });
            Toast.fire({
              icon: 'error',
              title: res.message
            })
            table.ajax.reload();
          } else {
            const Toast = Swal.mixin({
              toast: true,
              position: 'top-end',
              showConfirmButton: false,
              timer: 3000,
              timerProgressBar: true,
            });
            Toast.fire({
              icon: 'success',
              title: 'Sukses Update Data'
            })
            table.ajax.reload();
          }
          $('.modal-backdrop').remove();
          $('#tambahProgram').modal('hide');
        },
        error: function (xhr, ajaxOptions, thrownError) {
          $('#btn-simpanProgram').prop('disabled', false);
        }
      })
    })

    $('#btn-simpanEditProgram').on('click', function(e){
      e.preventDefault();
      var form = $('#editFormProgram').get(0);
      var form_data = new FormData(form);
      var obj;

      $.ajax({
        url : "{{route('api.saveeditprogram')}}",
        type : "POST",
        data : form_data,
        processData : false,
        contentType : false,
        cache : false,
        dataType: "json",
        beforeSend: function(){
          $('#btn-simpanEditProgram').prop('disabled', true);
        },
        success : function(res){
          $('#btn-simpanEditProgram').prop('disabled', false);
          // console.log(res);
          if (res.status != '200'){
            const Toast = Swal.mixin({
              toast: true,
              position: 'top-end',
              showConfirmButton: true,              
            });
            Toast.fire({
              icon: 'error',
              title: res.message
            })
            table.ajax.reload();
          } else {
            const Toast = Swal.mixin({
              toast: true,
              position: 'top-end',
              showConfirmButton: false,
              timer: 3000,
              timerProgressBar: true,
            });
            Toast.fire({
              icon: 'success',
              title: 'Sukses Update Data'
            })
            table.ajax.reload();
          }
          $('.modal-backdrop').remove();
          $('#editProgram').modal('hide');
        },
        error: function (xhr, ajaxOptions, thrownError) {
          $('#btn-simpanEditProgram').prop('disabled', false);
        }
      })
    })

    $('#tambahProgram').on('hidden.bs.modal', function () {
      $(this).find('form').trigger('reset');
    })

    $('#editProgram').on('hidden.bs.modal', function () {
      $(this).find('form').trigger('reset');
    })
  });
</script>
@endsection