@extends('be.layout-index')
@section('content')
@php
	$modul="Pelaporan";
	$modula="m_laporan";
@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: 1.2em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }

    .dropdown-submenu-left > .dropdown-menu{
        left: -100%;
        top: 0;
        margin: 0;
        padding: 0;
        right: 100%;
    }

    .first-sub-menu {
        width: 12rem;
        left: -122% !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>
                        <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>
                        <th width="10%" style="text-align: center;">Actions</th>
                    </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!!}</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 H:i:s',$row->waktukejadian)!!}</td>
						<td valign=top>{!!$row->stsposisi!!}</td>
						<td>
						  <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.view_fm').'/'.ec($row->id)!!}"><i class="fa fa-file-archive-o"></i> File Arsip</a></li>
							</ul>    
						  </div>
						</td>
					</tr>
				@php
						}
					}
				@endphp
				</tbody>
            </table>
			</div>
        </div>
    </div>        
</div>
@endsection