@extends('be.layout-index')
@section('content')
@php
	$modul="Dokumen Perbaikan Laporan";
	$modula="m_kajianawal";
@endphp
<script src="{{asset('media/js/datatables/js/jquery.dataTables.min1.js')}}"></script>
<script src="{{asset('media/js/datatables/js/dataTables.responsive.min1.js')}}"></script>
<link href="{{asset('media/js/datatables/js/responsive.dataTables.min1.css')}}" rel="stylesheet">
<style>
@media (max-width: 767px) {
    .table-responsive{
        overflow-x: auto;
        overflow-y: auto;
    }
}
@media (min-width: 767px) {
    .table-responsive{
        overflow: inherit !important; /* Sometimes needs !important */
    }
}
</style>
<div style="padding:10px">
    <div class="row">
        <div class="col-12">
			<div class="table-responsive">
            <table width="100%" class="table table-hover table-striped" id="example">
                <thead>
                    <tr>
						<th class="control sorting_asc" rowspan="1" colspan="1" style="width: 13px; display: none; background-image: none;" aria-label="" valign=top></th>
						<th width="1" class="hide">id</th>
                        <th width=50%>Dokumen</th>
                        <th width=15%>Tgl Perbaikan</th>
                        <th width=25% style="text-align: center;">Actions</th>
                    </tr>
                </thead>
				<tbody id="show_data">
				@php
                  if (!empty($list)) {
				  	  $datatableconf='
					   {
					    responsive: {
					      details: {
					        type: "column",
					        target: "tr"
					     }
					    },
						"columnDefs": [
			            {
						    className: "control",
						    orderable: false,
						    targets:0,
			            },
			            {
			                "targets": [1],
			                "visible": false,
			                "searchable": false,
			            }],
				        "order": [[ 1, "desc" ]],
						"language": {
				            "search": "_INPUT_",
				            "searchPlaceholder": " Search"   
				        },
					  }';
					  Session::flash('datatableconf',$datatableconf);
                      foreach ($list as $row) {
                @endphp
					<tr>
						<td class="control d-lg-d-none"></td>
						<td valign=top class="hide">{!!$row->id!!}</td>
						<td valign=top valign=top>
							{!!html_entity_decode($row['note'])!!}
						</td>
						<td valign=top valign=top>
							{!!konversi_tanggal('j M Y',$row['tgl'])!!}
						</td>
						<td valign=top>
						  <div align="center">
							<div class="dropdown">
							  <button class="btn btn-primary dropdown-toggle btn-sm" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							    Aksi
							  </button>
							  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
							  	<a class="dropdown-item btn-sm" href="{!!route('m_kajianawal.view_dokumen_perbaikan').'/'.ec($id_jenislaporan).'/'.ec($id_kajianawal).'/'.ec($row->id) !!}"><i class="fa fa-file-archive-o"></i> Tampil</a>
							  	<a class="dropdown-item btn-sm" href="{!!route('m_kajianawal.add_dokumen_perbaikan').'/'.ec($id_jenislaporan).'/'.ec($id_kajianawal).'/'.ec($row->id) !!}"><i class="fa fa-edit"></i> Ubah</a>
								@if (session('be_urole')!=4)
									@if((session('be_uwilayah')&&$stsfinal=='0')||(session('be_urole')==3&&$stsfinal=='0'))
										<a class="dropdown-item btn-sm item_delete"  data-id="{[ec($row->id)}}"><i class="fa fa-trash-o"></i> Hapus</a>
								  	@endif
								@endif
							  </div>
							</div>	          
						  </div>
						</td>
					</tr>
				@php
						}
					}
				@endphp
				</tbody>
            </table>
			</div>
        </div>
    </div>        
</div>
<!--MODAL DELETE-->
  <form id=del>
      <div class="modal fade" id="Modal_Delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Hapus {{$modul}}</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body" id="nm_del"></div>
            <div class="modal-footer">
			  <input type="hidden" name="id_del" id="id_del">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
              <button type="button" type="submit" id="btn_delete" class="btn btn-primary">Yes</button>
            </div>
          </div>
        </div>
      </div>
      </form>
  <!--END MODAL DELETE-->
  <script>
	$(document).ready(function(){
		var a=0;
        $('#show_data').on('click','.item_delete',function(){
            var id = $(this).data('id');
            var nm = $(this).data('nm');
            $('#nm_del').html('<strong>{{$modul}} akan dihapus?</strong>');
            $('#Modal_Delete').modal('show');
            $('[name="id_del"]').val(id);
        });
        $('#btn_delete').on('click',function(){
            var id_del = $('#id_del').val();
            document.location.href="{!!route('m_kajianawal.del_dokumen_perbaikan').'/'.ec($id_jenislaporan).'/'.ec($id_kajianawal).'/')!!}"+id_del;
        });
	});
  </script>
@endsection