@extends('be.layout-index')
@section('content')
@php
    $modul="Pelaporan";
    $modula="m_laporan";
    $delall_permission=0;
    if(session('be_uid')==1041||session('be_urole')==3){
        $delall_permission=1;
    }
@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>
<style>.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
</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>
                        <td width="10%">No Laporan/Temuan</td>
                        <td width="20%">Pelapor/Penemu</td>
                        <td width="25%">Jenis Pemilihan/pemilu</td>
                        <td width="25%">Tempat Kejadian</td>
                        <td width="15%">Waktu Kejadian</td>
                        <td width="10%">Status</td>
                    </tr>
                </thead>
                <tbody id="show_data">
                @php
                   $datatableconf='
                   {
                    responsive: {
                      details: {
                        type: "column",
                        target: "tr"
                     }
                    },
                    "columnDefs": [
                    {
                        className: "control",
                        orderable: false,
                        targets:0,
                        width:"5%",
                    },
                    {
                        "targets": [1],
                        "visible": false,
                        "searchable": false,
                    }],
                    "order": [[ 1, "desc" ]],
                    "language": {
                        "search": "_INPUT_",
                        "searchPlaceholder": " Search"
                    },
                  }';
				  Session::flash('datatableconf',$datatableconf);
                  if (!empty($list)) {
                      foreach ($list as $row) {
                          if($row->id_jenislaporan==1){
                            $id_jenislaporaninit='A';
                        }
                        elseif($row->id_jenislaporan==2){
                            $id_jenislaporaninit='B';
                        }
                        elseif($row->id_jenislaporan==3){
                            $id_jenislaporaninit='ADM';
                        }
                        $stslap=0;
                        if(isset($row->stslap)){
                            $stslap=$row->stslap;
                        }
                @endphp
                    <tr>
                        <td class="control d-lg-d-none"></td>
                        <td class="hide">{!!$row->id!!}</td>
                        <td valign=top>
                        {!!$row->no!!}
                          <div align="center 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>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                <li><a class="dropdown-item btn-sm" href="{!!route('m_laporan.mview').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}"><i class="fa fa-file-archive-o"></i> Tampil</a></li>
                                @if (session('be_urole')!=4)
                                    @if($row->locus==session('be_uwilayah')||session('be_urole')==3)
                                        <li>
                                            <a class="dropdown-item btn-sm" href="{!!route('m_laporan.add').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}"><i class="fa fa-edit"></i> Ubah</a>
                                        </li>
                                        @if($row->stsposisi=="Input Pelaporan"||$row->stsposisi=="Konfirmasi Pelaporan")
                                               <li><a class="dropdown-item btn-sm" href="{!!route('m_laporan.mvalidasi').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}"><i class=" ti-write"></i> Validasi Laporan</a></li>
                                        @endif
                                        @if(session('be_urole')==3)
                                               <li><a class="dropdown-item btn-sm" href="{!!route('m_laporan.mtahapan').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}"><i class=" ti-write"></i> Ubah Tahapan</a></li>
                                        @endif
                                        <li class="dropdown-submenu dropdown-submenu-left">
                                            <a class="dropdown-item dropdown-toggle" href="#"><i class=" ti-printer"></i> Cetak</a>
                                            <ul class="dropdown-menu first-sub-menu">
                                                <li><a class="dropdown-item btn-sm" href=javascript:cetak("{!!route('m_laporan.cetak_prn').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}")><i class="  ti-printer"></i> Cetak Laporan</a></li>
                                                <li><a class="dropdown-item btn-sm" href=javascript:cetak("{!!route('m_laporan.cetak_mod3').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}")><i class="  ti-printer"></i> Cetak {!!$id_jenislaporaninit!!}.3</a></li>
                                                <li><a class="dropdown-item btn-sm" href=javascript:cetak("{!!route('m_laporan.cetak_mod31').'/'.$ec_id_jenislaporan.'/'.ec($row->id)!!}")><i class="  ti-printer"></i> Cetak {!!$id_jenislaporaninit!!}.3.1</a></li>
                                            </ul>
                                        </li>
                                        @if($row->stsposisi=="Input Pelaporan"||$row->stsposisi=="Konfirmasi Pelaporan")
                                            <li><a class="dropdown-item btn-sm item_delete"  data-id="{!!ec($row->id)!!}" data-nm="{!!$row->no!!}"><i class="fa fa-trash-o"></i> Hapus</a></li>
                                        @endif
                                        @if($delall_permission==1)
                                            <li><a class="dropdown-item btn-sm item_delete_allsm"  data-id="{!!ec($row->id)!!}" data-nm="{!!$row->no!!}"><i class="fa fa-trash-o"></i> Hapus Semua</a></li>
                                        @endif
                                    @endif
                                @endif
                            </ul>
                          </div>
                        </td>
                        <td valign=top>{!!$row->pelapornm!!}</td>
                        <td valign=top>{!!$row->jeniswilpemilihan!!}</td>
                        <td valign=top>{!!$row->tempatkejadian!!}</td>
                        <td valign=top>{!!konversi_tanggal('d-M-Y',$row->waktukejadian).' '.$row->waktukejadian_time!!}</td>
                        <td valign=top>{!!$row->stsposisi!!}</td>
                    </tr>
                @php
                        }
                    }
                @endphp
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>
<iframe id=frmcetak  width="0%" height="0" style="border:none;"></iframe>
<div style="height:50px"></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!!} '+nm+' 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_laporan.del').'/'.$ec_id_jenislaporan.'/'!!}"+id_del;
        });
    });
  </script>

@if($delall_permission==1)
<!--MODAL DELETE-->
  <form id=delall>
      <div class="modal fade" id="Modal_Delete_All" 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 Semua Transaksi</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_delall"></div>
            <div class="modal-footer">
              <input type="hidden" name="id_delall" id="id_delall">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
              <button type="button" type="submit" id="btn_delete_all" 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_allsm',function(){
            var id = $(this).data('id');
            var nm = $(this).data('nm');
            $('#nm_delall').html('<strong>Semua Transaksi dari pelaporan '+nm+' akan dihapus?</strong>');
            $('#Modal_Delete_All').modal('show');
            $('[name="id_delall"]').val(id);
        });
        $('#btn_delete_all').on('click',function(){
            var id_del = $('#id_delall').val();
            document.location.href="{!!route('m_laporan.delalltrans').'/'.$ec_id_jenislaporan.'/'!!}"+id_del+"/0";
        });
    });
  </script>
@endif
<script>
  $('.dropdown-menu a.dropdown-toggle').on('click', function(e) {
  if (!$(this).next().hasClass('show')) {
    $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
  }
  var $subMenu = $(this).next(".dropdown-menu");
  $subMenu.toggleClass('show');
  $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
    $('.dropdown-submenu .show').removeClass("show");
  });
  return false;
});
  
  function cetak(s){
      $("#frmcetak").attr('src', s)
  }
</script>

@endsection