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

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

$('#monev_isi_administrasi_umum_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']],
    ['table', ['table']],
    // ['insert', ['link', 'picture', 'video']],
    ['view', ['fullscreen', 'codeview', 'help']],
  ]
}, 'disable');

$(document).on('click','#monev_isi_administrasi_umum_tambahan_btn_edit',function(){
  $('#monev_isi_administrasi_umum_tambahan').summernote('enable');
  $('#monev_isi_administrasi_umum_tambahan_edit').addClass('d-none');
  $('#monev_isi_administrasi_umum_tambahan_final').removeClass('d-none');
});

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

  let that = $(this);
  let isi = $('#monev_isi_administrasi_umum_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-administrasi-umum-batal')}}",
      success: function(data) {
        $('#monev_isi_administrasi_umum_tambahan').summernote("code", data);
        {{-- $('#monev_isi_administrasi_umum_tambahan').summernote('reset');
        $('#monev_isi_administrasi_umum_tambahan').summernote('pasteHTML', data); --}}
      },
      complete: function() {
        $('#monev_isi_administrasi_umum_tambahan').summernote('disable');
        $('#monev_isi_administrasi_umum_tambahan_edit').removeClass('d-none');
        $('#monev_isi_administrasi_umum_tambahan_final').addClass('d-none');
      }
  });
});

$(document).on('click','#monev_isi_administrasi_umum_tambahan_btn_simpan',function(){
  
  let that = $(this);
  let isi = $('#monev_isi_administrasi_umum_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-administrasi-umum-edit')}}",
      success: function(data) {
        //
      },
      complete: function() {
          $('#monev_isi_administrasi_umum_tambahan').summernote('disable');
          $('#monev_isi_administrasi_umum_tambahan_edit').removeClass('d-none');
          $('#monev_isi_administrasi_umum_tambahan_final').addClass('d-none');
      }
  });

});

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

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

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

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

  let administrasiUmumArray = [];
  
  administrasiUmumArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  administrasiUmumArray.push({ name: "dt_id", value: that.data('id') });
  administrasiUmumArray.push({ name: "komentar", value: komentar });
  
  $.ajax({
      type: "POST",
      data: $.param(administrasiUmumArray),
      url: "{{url('surat-tugas-api/administrasi-umum-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();
      }
  });
  
});