@extends('be.layout-index')
@section('content')
@php
$modul="Tindak Lanjut";
$modula="m_tindaklanjut";
$id='';
$no='';
$id_laporan='';
$rekomendasi_no='';
$rekomendasi_file='';
$id_statusm='';
if(isset($data)){
    $id=$data->id;
    $no=$data->no;
    $id_laporan=$data->id_laporan;
    $rekomendasi_no=$data->rekomendasi_no;
    $rekomendasi_file=$data->rekomendasi_file;
    $id_statusm=$data->id_status;
}
@endphp
<style>
.borderless tr td{
    padding:3px;
    border:0;
    text-align:left;
    background-color:#fff!important;
    font-size:10pt;
}
.borderless tr{
    background-color:#fff!important;
}
</style>
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<link rel="stylesheet" href="{{asset('media/css/readonly.css')}}">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="{{asset('media/assets/js/select2.full.js')}}""></script>
<script src="{{asset('media/assets/node_modules/tinymce/tinymce.min.js')}}"></script>
<div class="row">
   <div class="col-12">
       <div class="card">
               <div class="card-body">
            
<div class="panel-default">
    <div class="content-box-header  panel-heading">
        <div class="panel-title"></div>
    </div>
    <div class="content-box-large box-with-header">
        <form id=frm name=frm enctype="multipart/form-data" method=post action="{{route($modula.'.save')}}">
			@csrf
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group row {{$id!=''?'':'required'}}">
                        <label class="col-sm-2 control-label">Laporan</label>
                        <div class="input-group col-md-4">
                            @if($id!='')
                                {!!$no!!}
                            @else
                              <input class="form-control py-2" type="search" placeholder="Cari No Pelaporan" id="no" name="no">
                              <span class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button" data-toggle="modal" data-target=".bs-example-modal-lg">
                                    <i class="fa fa-search"></i>
                                </button>
                              </span><span class="col-md-12" style="margin-left:-10px" class=span_err><font class=font_err></font></span>
                            @endif
                        </div>
                    </div>
                    <div class="form-group row {!!($id!=''?'show':'hide')!!}">
                        <label class="col-sm-2 control-label">No {{($id_jenislaporan==3?"Putusan":"Rekomendasi")}}</label>
                        <div class="col-sm-5" class=hide id=rekomendasi_no>{!!$rekomendasi_no!!}</div>
                    </div>
                    <div class="form-group row {!!($id!=''?'show':'hide')!!}">
                        <label class="col-sm-2 control-label">File {!!($id_jenislaporan==3?"Putusan":"Rekomendasi")!!}</label>
                        <div class="col-sm-7" class=hide id=rekomendasi_file>
                        @if($rekomendasi_file!="")
                            <a href="{!!route("download.be_ka_dk")."/".rawurlencode($rekomendasi_file)!!}" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>
                        @endif
                        </div>
                    </div>
                    <div id=dtindaklanjut>
                    @php
                        $tiny='';
                        if(!empty($m_tahapaned)){
                            $idx_tahapan=0;
                            echo '<table  class="table borderless" width=100%>';
                            foreach ($m_tahapaned as $item) {
                                $paramskat['id_tindaklanjut']=$id;
                                $paramskat['id_kategori']=$item->id_kat;
                                $kat=DB::table('t_tindaklanjut_kategori')
									   ->where('id_tindaklanjut',$id)
									   ->where('id_kategori',$item->id_kat)
									   ->first();
                                if($kat){
                                    $id_tindaklanjut_kategori=$kat->id;
                                    $id_status=$kat->id_status;
                                    echo '
                                    <tr>
                                        <td width=3%>'.++$idx_tahapan.'</td>
                                        <td width=97%>'.$item->id_katnm.'</td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>
                                            <table width=70% class="">
                                                <tbody id=tbody'.$item->id_kat.'>';
                                                    $paramstahapan['id_tindaklanjut']=$id;
                                                    $paramstahapan['id_tindaklanjut_kategori']=$id_tindaklanjut_kategori;
                                                    $m_tahapandata=DB::table('t_tindaklanjut_kategori_tahapan')
																   ->where('id_tindaklanjut',$id)
																   ->where('id_tindaklanjut_kategori',$id_tindaklanjut_kategori)
																   ->get();
                                                    $index_tahapan=0;
                                                    if(isset($m_tahapandata)){
                                                        foreach($m_tahapandata as $item1)
                                                        {
                                                            echo '
                                                            <tr data-nama="wow" id="R'.++$index_tahapan.'">
                                                                <td class="row-index text-center" valign=top><p>'.$index_tahapan.'</p>
                                                                <td>
                                                                      <table width=100% class="table">
                                                                        <tr>
                                                                            <td valign=top>Status</td>
                                                                            <td valign=top>:</td>
                                                                            <td>
                                                                                <select style="width:200px" class="form-control select2" name=id_tahapan'.$item->id_kat.'[]>
                                                                                    <option value="">- Pilih Status -</option>';
                                                                                    $m_kat=DB::table('m_tindaklanjut_status')->where('parent_id',$item->id_kat)->get();
																					foreach($m_kat as $item2)
                                                                                    {
                                                                                        $id_tahapan_sel='';
                                                                                        if($item2->id==$item1->id_status){
                                                                                            $id_tahapan_sel='selected';
                                                                                        }
                                                                                        else{
                                                                                            $id_tahapan_sel='';
                                                                                        }
                                                                                        echo '<option value="'.$item2->id.'" '.$id_tahapan_sel.'>'.$item2->nama.'</option>';
                                                                                    }
                                                                                echo '</select>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td valign=top>Deskripsi</td>
                                                                            <td valign=top>:</td>
                                                                            <td>
                                                                                <textarea name=note'.$item->id_kat.'[] rows=5 cols=10 id=note'.$item->id_kat.$index_tahapan.' class="form-control">'.$item1->note.'</textarea>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td valign=top>File</td>
                                                                            <td valign=top>:</td>
                                                                            <td>
                                                                                <input type=file name=dokumen'.$item->id_kat.$index_tahapan.' class="form-control">
                                                                                <input type=hidden name=dokumenfile'.$item->id_kat.$index_tahapan.' value="'.$item1->dokumen.'">
                                                                                <input type=hidden name="tahapan_idx'.$item->id_kat.'[]" value='.$index_tahapan.'>';
                                                                                if($item1->dokumen!=""){
                                                                                    echo '<a style="margin-top:5px" href="'.route("download.be_td_dk")."/".rawurlencode($item1->dokumen).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
                                                                                }
                                                                            echo'
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                  </td>
                                                                  <td class="text-center" valign=top><button class="btn btn-xs btn-danger remove" type="button" onclick="hapus'.$item->id_kat.'(this,note'.$item->id_kat.$index_tahapan.')">Hapus</button></td>
                                                                </tr>
                                                            ';
                                                            $tiny=$tiny.'
                                                            tinymce.init({
                                                                forced_root_block : false,
                                                                selector: "textarea#note'.$item->id_kat.$index_tahapan.'",
                                                                theme: "modern",
                                                                height: 200,
                                                                plugins : "image fullscreen table paste textcolor",
                                                                toolbar:" fullscreen image paste table textcolor undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent |"
                                                             });
                                                            ';
                                                        }
                                                    }
                                                echo '</tbody>
                                            </table>
                                            <button class="btn btn-xs btn-primary"
                                              id="addBtn'.$item->id_kat.'" type="button" onclick="addrow'.$item->id_kat.'()">
                                                Tambah Kategori
                                            </button>
                                        </td>
                                    </tr>
                                    ';
                                    $idx['kat'.$item->id_kat]=$index_tahapan;
                                }
                            }
                            echo '</table>
                            <script>$(".select2").select2();</script>
                            ';
                        }
                    @endphp
                    </div>
                </div>
            </div>
            <br />
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group" style="margin-left:13px">
                        <div class="col-sm-offset-2 col-sm-10">
                            <input name="id" type="hidden" value="{!!$id;!!}"/>
                            <input type=hidden name=id_laporan id=id_laporan value="{!!$id_laporan!!}"/>
                            <input name="id_jenislaporan" type="hidden" value="{!!$id_jenislaporan!!}"/>
                            <button type="submit" class="btn btn-primary btn-sm" name="btnSave"><i class='fa fa-save'></i> Simpan</button>
                            <a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Batalkan</a>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

            </div>
        </div>
    </div>
</div>

<div id="modal_laporan" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Daftar Laporan</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div id="dTable" class="box-body table-responsive" style="padding:20px;">
      </div>
    </div>
  </div>
</div>
<div id=tbllaporan class="hide">
            <table width="100%" id="tblData" class="table table-hover table-striped" id="example">
                <thead>
                    <tr>
                        <td width="25%">No Laporan</td>
                        <td width="25%">Waktu Kejadian</td>
                        <th width="10%" style="text-align: center;">Actions</th>
                    </tr>
                </thead>
                <tbody id="show_data">
                @php
                  if (!empty($listlaporan)) {
                      foreach ($listlaporan as $row) {
                @endphp
                    <tr>
                        <td>{!!$row->no;!!}</td>
                        <td>{!!konversi_tanggal('d-M-Y H:i:s',$row->waktukejadian)!!}</td>
                        <td style="text-align: center;">
                            <a class="btn btn-primary btn-sm item_modal"  data-id="{!!$row->id!!}" data-no="{!!$row->no!!}"><i class="ti-check-box"></i> Pilih</a>
                        </td>
                    </tr>
                @php
                        }
                    }
                @endphp
                </tbody>
            </table>
</div>
<script>
var html = "";
var dtpelapor=$('#tbllaporan').html();
$("#dTable").append(dtpelapor);
$('#tblData').dataTable({
  "bPaginate": true,
  "bLengthChange": true,
  "bFilter": true,
  "bSort": false,
  "bInfo": true,
  "bAutoWidth": true
});
$(document).ready(function(){
    $('#show_data').on('click','.item_modal',function(){
           var id = $(this).data('id');
           var no = $(this).data('no');
        $('#id_laporan').val(id)
        $('#no').val(no)
        $('#modal_laporan').modal('hide');
        
        var url = "{!!route('m_tindaklanjut.add_tahapan').'/'.$id_jenislaporan.'/'!!}"+$('#id_laporan').val();
		$('#dtindaklanjut').load(url);
   });

});
</script>
<script>
$(".select2").select2();
</script>
<script>
@php
if($m_tahapan){
    foreach($m_tahapan as $item){
        $cnt=0;
        if(!empty($idx['kat'.$item->id])){
            $cnt=$idx['kat'.$item->id];
        }
@endphp
        var rowIdx{!!$item->id!!} = {!!$cnt;!!};
        // jQuery button click event to add a row.
         function addrow{!!$item->id!!}(){
            // Adding a row inside the tbody.
            $('#tbody{!!$item->id!!}').append(`
              <tr id="R${++rowIdx{!!$item->id!!}}">
                  <td class="row-index text-center" valign=top><p>${rowIdx{!!$item->id!!}}</p></td>
                  <td>
                      <table width=100% class="table">
                        <tr>
                            <td valign=top>Status</td>
                            <td valign=top>:</td>
                            <td>
                                <select style="width:200px" class="form-control select2" name=id_tahapan{!!$item->id!!}[]>
                                    <option value="">- Pilih Status -</option>
                                    @php
                                        $m_kat=DB::table('m_tindaklanjut_status')->where('parent_id',$item->id)->get();
										foreach($m_kat as $item1)
                                        {
                                            echo '<option value="'.$item1->id.'">'.$item1->nama.'</option>';
                                        }
                                    @endphp
                               </select>
                            </td>
                        </tr>
                        <tr>
                            <td valign=top>Deskripsi</td>
                            <td valign=top>:</td>
                            <td>
                                <textarea name=note{!!$item->id!!}[] id=note{!!$item->id!!}${rowIdx{!!$item->id!!}} rows=5 cols=10 class="form-control"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td valign=top>File</td>
                            <td valign=top>:</td>
                            <td>
                                <input type=file name=dokumen{!!$item->id!!}${rowIdx{!!$item->id!!}} class="form-control">
                                <input type=hidden name=dokumenfile{!!$item->id!!}${rowIdx{!!$item->id!!}}>
                                <input type=hidden name="tahapan_idx{!!$item->id!!}[]" value=${rowIdx{!!$item->id!!}}>
                            </td>
                        </tr>
                    </table>
                  </td>
                  <td class="text-center" valign=top><button class="btn btn-xs btn-danger remove" type="button" onclick="hapus{!!$item->id!!}(this,note{!!$item->id!!}${rowIdx{!!$item->id!!}})">Hapus</button></td>
              </tr>`);
              $(".select2").select2();
              tinymce.init({
                      forced_root_block : false,
                    selector: `textarea#note{!!$item->id!!}${rowIdx{!!$item->id!!}}`,
                    theme: "modern",
                    height: 200,
                    plugins : "image fullscreen table paste textcolor",
                    toolbar:" fullscreen image paste table textcolor undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent |"
              });
        }
        function hapus{!!$item->id!!}(s,ed){
            obj=s.parentNode;
            var child = $(obj).closest('tr').nextAll();
            //$(ed).tinymce.remove();
            //alert($(ed).attr('id'))
            tinymce.get($(ed).attr('id')).remove();
            //tinymce.remove();
            //alert($(ed).val())
            //console.log(child)
            child.each(function () {
                var id = $(this).attr('id');
                //console.log(id)
                console.log($(this).data("nama"))
                // Getting the <p> inside the .row-index class.
                var idx = $(this).children('.row-index').children('p');
                // Gets the row number from <tr> id.
                var dig = parseInt(id.substring(1));
          
                // Modifying row index.
                idx.html(`${dig - 1}`);
          
                // Modifying row id.
                $(this).attr('id', `R${dig - 1}`);
            });
          
            // Removing the current row.
            $(obj).closest('tr').remove();
          
            // Decreasing the total number of rows by 1.
            rowIdx{!!$item->id!!}--;
        }
@php
    }
}
echo $tiny;
@endphp

$(function() {
  $("#frm").validate({
      errorClass: "errorCssClass",
    rules: {
      no: "required",
      note: "required",
    },
    messages: {
      no: "Isikan no pelaporan",
      note: "Isikan catatan pemeriksaan",
    },
    errorPlacement: function (error, element) {
        if (element.parent('.input-group').length) {
            error.insertAfter(element.next('span').next('span'));      // radio/checkbox?
        } else if (element.hasClass('select2')) {
            error.insertAfter(element.next('span'));  // select2
        } else {
            error.insertAfter(element);               // default
        }
    },
    highlight: function (element, errorClass, validClass) {
        $(element).addClass(errorClass); //.removeClass(errorClass);
        $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
    },
       unhighlight: function (element, errorClass, validClass) {
           $(element).removeClass(errorClass); //.addClass(validClass);
       },
    submitHandler: function(form) {
        if(gosubmit()){
            $("#overlay").fadeIn(300);
            var frm = document.getElementById("frm");
            frm.submit();
            /**
            var formData = new FormData(frm);
            $.ajax({
                type: "POST",
                url: "{!!route($modula.'.save')!!}",
                data: formData,
                contentType: false,
                processData: false,
                beforeSend: function() {
                },
                success: function(msg){
                    document.location.href=msg
                },
                error: function() {
                }
            });
            **/
        }
    }
  });
});
$('#no').attr("readonly", true);
</script>
@endsection