$('#monev_isi_kinerja_pelayanan').summernote({
  tabsize: 2,
  height: 200
});

$(document).on('click','.btn-ubah-tanggal-penyelesaian-kinerja-pelayanan-monev',function(){
  let that = $(this);
  $('#monev_id_kinerja_pelayanan').val(that.data('id'));
  console.log(that.data('isi'));
  $('#monev_isi_kinerja_pelayanan').summernote("code", that.data('isi'));
});

$('#monev_isi_kinerja_pelayanan_tambahan').summernote({
  tabsize: 2,
  height: 200,
  toolbar: [
    // [groupName, [list of button]]
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['style', ['style']],
    ['fontname', ['fontname']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['table', ['table']],
    ['insert', ['link', 'picture', 'video']],
    ['view', ['fullscreen', 'codeview', 'help']],
  ]
}, 'disable');

$(document).on('click','#monev_isi_kinerja_pelayanan_tambahan_btn_edit',function(){
  $('#monev_isi_kinerja_pelayanan_tambahan').summernote('enable');
  $('#monev_isi_kinerja_pelayanan_tambahan_edit').addClass('d-none');
  $('#monev_isi_kinerja_pelayanan_tambahan_final').removeClass('d-none');
});

$(document).on('click','#monev_isi_kinerja_pelayanan_tambahan_btn_batal',function(){

  let that = $(this);
  let isi = $('#monev_isi_kinerja_pelayanan_tambahan').val();

  let arrPembinaan = [];
  
  arrPembinaan.push({ name: "_token", value: "{{ csrf_token() }}" });
  arrPembinaan.push({ name: "st_id", value: "{{$st->id}}" });
  
  $.ajax({
      type: "POST",
      data: $.param(arrPembinaan),
      url: "{{url('surat-tugas-api/pelaksanaan-pembinaan-kinerja-pelayanan-batal')}}",
      success: function(data) {
        $('#monev_isi_kinerja_pelayanan_tambahan').summernote("code", data);
        {{-- $('#monev_isi_kinerja_pelayanan_tambahan').summernote('reset');
        $('#monev_isi_kinerja_pelayanan_tambahan').summernote('pasteHTML', data); --}}
      },
      complete: function() {
        $('#monev_isi_kinerja_pelayanan_tambahan').summernote('disable');
        $('#monev_isi_kinerja_pelayanan_tambahan_edit').removeClass('d-none');
        $('#monev_isi_kinerja_pelayanan_tambahan_final').addClass('d-none');
      }
  });
});

$(document).on('click','#monev_isi_kinerja_pelayanan_tambahan_btn_simpan',function(){
  
  let that = $(this);
  let isi = $('#monev_isi_kinerja_pelayanan_tambahan').val();

  let arrPembinaan = [];
  
  arrPembinaan.push({ name: "_token", value: "{{ csrf_token() }}" });
  arrPembinaan.push({ name: "st_id", value: "{{$st->id}}" });
  arrPembinaan.push({ name: "isi", value: isi });
  
  $.ajax({
      type: "POST",
      data: $.param(arrPembinaan),
      url: "{{url('surat-tugas-api/pelaksanaan-pembinaan-kinerja-pelayanan-edit')}}",
      success: function(data) {
        //
      },
      complete: function() {
          $('#monev_isi_kinerja_pelayanan_tambahan').summernote('disable');
          $('#monev_isi_kinerja_pelayanan_tambahan_edit').removeClass('d-none');
          $('#monev_isi_kinerja_pelayanan_tambahan_final').addClass('d-none');
      }
  });

});

$(document).ready(function(){
  $('#monev_isi_kinerja_pelayanan_tambahan').summernote('disable');
});

// UBAH KOMENTAR
$(document).on('click','.btn-komentar-kinerja-pelayanan',function(){
  $('#lembarkerjapengawasan').append(loadiv);

  let that = $(this);
  let komentar = that.closest(".komentar-form").find('textarea').val();

  if (komentar.trim() == '') {
      return;
  }

  let kinerjaPelayananArray = [];
  
  kinerjaPelayananArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  kinerjaPelayananArray.push({ name: "dt_id", value: that.data('id') });
  kinerjaPelayananArray.push({ name: "komentar", value: komentar });
  
  $.ajax({
      type: "POST",
      data: $.param(kinerjaPelayananArray),
      url: "{{url('surat-tugas-api/kinerja-pelayanan-komentar')}}",
      success: function(data) {
          that.closest('.komentar-form').before(`<div>
              <i class="fas fa-user bg-green"></i>
              <div class="timeline-item">
                <span class="time bg-success">`+data.tanggal_komentar+`</span>
                <h3 class="timeline-header bg-success">`+data.nama+`</h3>
                <div class="timeline-body">
                  `+data.komentar.replace(/\n/g, '<br />')+`
                </div>
              </div>
            </div>`);

            that.closest(".komentar-form").find('textarea').val('');
            that.closest(".komentar-form").find('textarea').focus();
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });
  
});

// UBAH FILE UPLOAD

$(document).on('click','.btn_tindak_lanjut_kinerja_pelayanan_files',function(){
  remove_selected_by_class('tindak_lanjut_kinerja_pelayanan_files');
  $(this).next().trigger("click");
});

$(document).on('change','.tindak_lanjut_kinerja_pelayanan_files',function(){

    if ($(this).get(0).files.length == 0) {
      return;
    }

    $('.card-tindak-lanjut').append(loadiv);

    let formData = new FormData();

    let that = $(this);

    formData.append('_token', "{{ csrf_token() }}");
    formData.append('dt_id', $(this).data('id_tindak_lanjut_kinerja_pelayanan'));
    formData.append('files', $(this)[0].files[0]);

    $.ajax({
        type: "POST",
        method: 'POST',
        data : formData,
        url: "{{url('surat-tugas-api/tindak-lanjut-kinerja-pelayanan-files')}}",
        processData: false,
        contentType: false,
        success: function(data) {
          $('#ul_tindak_lanjut_kinerja_pelayanan'+that.data('id_tindak_lanjut_kinerja_pelayanan')).append(
            `
            <li class="list-group-item d-flex justify-content-between align-items-center px-0">
                <a href="{{asset('storage')}}/`+data.file+`">`+data.file+`</a>
                <button class="btn text-danger btn-link btn-hapus_tindak_lanjut_kinerja_pelayanan_files" type="button"
                data-id_tindak_lanjut_kinerja_pelayanan_files="`+data.id_file_stmpf+`"><i class="fas fa-times"></i></button>
            </li>
            `
          );
        },
        complete: function() {
            $('.loadiv').remove();
        }
    });

  });

  $(document).on('click','.btn-hapus_tindak_lanjut_kinerja_pelayanan_files',function(){

    that = $(this);

    $.ajax({
          type: "POST",
          data : { _token: "{{ csrf_token() }}", id: $(this).data("id_tindak_lanjut_kinerja_pelayanan_files") },
          url: "{{url('surat-tugas-api/tindak-lanjut-kinerja-pelayanan-files-hapus')}}",
          beforeSend: function() {
            $('.card-tindak-lanjut').append(loadiv);
          },
          success: function(data) {
            that.closest("li").remove();
          },
          complete: function() {
              $('.loadiv').remove();
          }
      });

  });