// MANAJEMEN PERADILAN

var FrameManajemenPeradilanBelumAdaIsi = `
<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-12 text-center">
                <h5>Belum Ada Data</h5>
            </div>
        </div>
    </div>
</div>`;

$('#manajemenPeradilanModal').on('show.bs.modal', function (event) {
  $('#isi_manajemen_peradilan_kondisi').val('');
  $('#isi_manajemen_peradilan_kriteria').val('');
  $('#isi_manajemen_peradilan_akibat').val('');
  $('#isi_manajemen_peradilan_sebab').val('');
  $('#isi_manajemen_peradilan_rekomendasi').val('');
  $('#isi_manajemen_peradilan_top').val('');
});

$('#manajemenPeradilanModal').on('shown.bs.modal', function (event) {
  $('#isi_manajemen_peradilan_kondisi').focus();
});

$('#btn-modal_manajemen_peradilan').on("click", function() {

$('#lembarkerjapengawasan').append(loadiv);

var isi_manajemen_peradilan_kondisi = $('#isi_manajemen_peradilan_kondisi').val();
var isi_manajemen_peradilan_kriteria = $('#isi_manajemen_peradilan_kriteria').val();
var isi_manajemen_peradilan_akibat = $('#isi_manajemen_peradilan_akibat').val();
var isi_manajemen_peradilan_sebab = $('#isi_manajemen_peradilan_sebab').val();
var isi_manajemen_peradilan_rekomendasi = $('#isi_manajemen_peradilan_rekomendasi').val();
var isi_manajemen_peradilan_top = $('#isi_manajemen_peradilan_top').val();

if ($('#tableManajemenPeradilan').length){
$('#tableManajemenPeradilanTbody').append(
`
<tr>
    <td class="text-center"></td>
    <td>`+isi_manajemen_peradilan_kondisi+`</td>
    <td>`+isi_manajemen_peradilan_kriteria+`</td>
    <td>`+isi_manajemen_peradilan_akibat+`</td>
    <td>`+isi_manajemen_peradilan_sebab+`</td>
    <td>`+isi_manajemen_peradilan_rekomendasi+`</td>
    <td>`+isi_manajemen_peradilan_top+`</td>
    <td>
        <div class="btn-group">
            <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window" id="ddButton"
                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Aksi
            </button>
            <div class="dropdown-menu" aria-labelledby="ddButton">
                <a class="dropdown-item" href="#">Edit</a>
                <button class="dropdown-item btn-hapus-manajemen_peradilan" type="button">Hapus</button>
            </div>
        </div>
    </td>
</tr>
`
);

$('#tableManajemenPeradilanTbodyTindakLanjut').append(
`
<tr>
    <td class="text-center">
      <button class="btn btn-warning btn-sm btn-block" data-toggle="modal"
        data-target="#ubahstatusId">Ubah Status</button>
      <p class="mt-3 font-weight-bold">BELUM</p>
      {{-- <button class="btn btn-warning btn-sm btn-block btn-ubah-status-tindak-lanjut" data-toggle="modal"
        data-target="#ubahstatusId" data-id="{{$dt->id}}" data-status="{{$dt->status}}"
        data-link="tindak-lanjut-status">Ubah Status</button>
      <p class="mt-3 font-weight-bold" id="tindakLanjut{{$dt->id}}">{{$dt->status}}</p> --}}
    </td>
    <td>
      <div class="timeline">
        <div>
          <i class="fas fa-comments bg-yellow"></i>
          <div class="timeline-item">
            <h3 class="timeline-header font-weight-bold">Tulis Komentar</h3>

            <div class="timeline-body">
              <textarea name="" id="" cols="30" rows="3" class="form-control"></textarea>
            </div>
            <div class="timeline-footer">
              <button class="btn btn-primary btn-sm">Kirim Komentar</button>
            </div>
          </div>
        </div>
      </div>
    </td>
    <td>`+isi_manajemen_peradilan_kondisi+`</td>
    <td>`+isi_manajemen_peradilan_rekomendasi+`</td>
    <td class="text-center"><button class="btn btn-warning btn-sm btn-block">Ubah Tanggal</button>
      <p class="mt-3 font-weight-bold"></p>
    </td>
    <td>
      <button class="btn btn-warning btn-sm btn-block">Ubah Tindak Lanjut</button>
      <p class="mt-3">
      </p>
    </td>
    <td class="text-center"><button class="btn btn-warning btn-sm btn-block">Ubah Tanggal</button>
      <p class="mt-3 font-weight-bold"></p>
    </td>

    <td><button class="btn btn-primary btn-sm btn-block">+ Upload File</button>
      <ul class="py-2 pl-3 pr-0 m-0">
        
      </ul>
    </td>
  </tr>
`
);

} else {

$('#frameTableManajemenPeradilan').html(
` <div class="table-responsive">
    <table class="table table-bordered" id="tableManajemenPeradilan">
        <thead>
            <tr>
                <th style="width:50px;" class="text-center">No</th>
                <th style="min-width:300px;">Kondisi</th>
                <th style="min-width:300px;">Kriteria</th>
                <th style="min-width:300px;">Akibat</th>
                <th style="min-width:300px;">Sebab</th>
                <th style="min-width:300px;">Rekomendasi</th>
                <th style="min-width:300px;">Tanggapan Objek Pemeriksaan</th>
                <th style="min-width:10px;">Aksi</th>
            </tr>
        </thead>
        <tbody id="tableManajemenPeradilanTbody">
            <tr>
                <td class="text-center"></td>
                <td>`+isi_manajemen_peradilan_kondisi+`</td>
                <td>`+isi_manajemen_peradilan_kriteria+`</td>
                <td>`+isi_manajemen_peradilan_akibat+`</td>
                <td>`+isi_manajemen_peradilan_sebab+`</td>
                <td>`+isi_manajemen_peradilan_rekomendasi+`</td>
                <td>`+isi_manajemen_peradilan_top+`</td>
                <td>
                    <div class="btn-group">
                        <button class="btn btn-primary dropdown-toggle" type="button" data-boundary="window"
                            id="ddButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Aksi
                        </button>
                        <div class="dropdown-menu" aria-labelledby="ddButton">
                            <a class="dropdown-item" href="#">Edit</a>
                            <button class="dropdown-item btn-hapus-manajemen_peradilan" type="button">Hapus</button>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
`
);

$('#frameTableManajemenPeradilanTindakLanjut').html(
` <div class="table-responsive mb-3">
    <table class="table table-bordered" id="tableManajemenPeradilanTindakLanjut">
      <thead>
        <tr>
          <th style="min-width:150px;">Status T.Lanjut</th>
          <th style="min-width:400px;">Komentar</th>
          <th style="min-width:250px;">Temuan</th>
          <th style="min-width:250px;">Rekomendasi</th>
          <th style="min-width:150px;">Target Penyelesaian</th>
          <th style="min-width:250px;">Tindak Lanjut</th>
          <th style="min-width:150px;">Tgl Penyelesaian</th>
          <th style="min-width:150px;">Upload Bukti</th>
        </tr>
      </thead>
      <tbody id="tableManajemenPeradilanTbodyTindakLanjut">
        <tr>
          <td class="text-center">
            <button class="btn btn-warning btn-sm btn-block" data-toggle="modal"
              data-target="#ubahstatusId">Ubah Status</button>
            <p class="mt-3 font-weight-bold">BELUM</p>
          </td>
          <td>
            <div class="timeline">
              <div>
                <i class="fas fa-comments bg-yellow"></i>
                <div class="timeline-item">
                  <h3 class="timeline-header font-weight-bold">Tulis Komentar</h3>

                  <div class="timeline-body">
                    <textarea name="" id="" cols="30" rows="3" class="form-control"></textarea>
                  </div>
                  <div class="timeline-footer">
                    <button class="btn btn-primary btn-sm">Kirim Komentar</button>
                  </div>
                </div>
              </div>
            </div>
          </td>
          <td>`+isi_manajemen_peradilan_kondisi+`</td>
          <td>`+isi_manajemen_peradilan_rekomendasi+`</td>
          <td class="text-center"><button class="btn btn-warning btn-sm btn-block">Ubah Tanggal</button>
            <p class="mt-3 font-weight-bold"></p>
          </td>
          <td>
            <button class="btn btn-warning btn-sm btn-block">Ubah Tindak Lanjut</button>
            <p class="mt-3">
            </p>
          </td>
          <td class="text-center"><button class="btn btn-warning btn-sm btn-block">Ubah Tanggal</button>
            <p class="mt-3 font-weight-bold"></p>
          </td>

          <td><button class="btn btn-primary btn-sm btn-block">+ Upload File</button>
            <ul class="py-2 pl-3 pr-0 m-0">
              
            </ul>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
`
);
}

@include('surat-tugas.js.show-manajemen-peradilan-ajax')
});

$(document).on('click','.btn-hapus-manajemen_peradilan',function(){
    $('#lembarkerjapengawasan').append(loadiv);

    $(this).closest("tr").remove();

    if ($('#tableManajemenPeradilanTbody tr').length == 0){
        @include('surat-tugas.js.show-manajemen-peradilan-ajax-empty')
    $('#frameTableManajemenPeradilan').html(FrameManajemenPeradilanBelumAdaIsi);
    } else {
        @include('surat-tugas.js.show-manajemen-peradilan-ajax')
    }
});

// UBAH DATA STATUS
$(document).on('click','.btn-ubah-status-tindak-lanjut',function(){
  let that = $(this);
  $('#statusTindakLanjut').val(that.data('status'));
  $('#ubahStatusSimpan').data("id", that.data('id'));
  $('#ubahStatusSimpan').data("link", that.data('link'));
});

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

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

  let that = $(this);

  var statusArray = [];

  statusArray.push({ name: "_token", value: "{{ csrf_token() }}" });
  statusArray.push({ name: "id", value: that.data("id") });
  statusArray.push({ name: "status", value: $('#statusTindakLanjut').val() });

  $.ajax({
      type: "POST",
      data: $.param(statusArray),
      url: "{{url('surat-tugas-api')}}"+"/"+that.data('link'),
      success: function(data) {
        $('#tindakLanjut'+that.data('id')).text($('#statusTindakLanjut').val());
      },
      complete: function() {
          $('.loadiv').remove();
      }
  });

});

// AKHIR FORMAT MENIMBANG