@extends('be.layout-index')
@section('content')
@php
	$modul="wilayah";
	$modula="m_wilayah";
@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=20%>Kode</th>
                        <th width=20%>Desa</th>
                        <th width=20%>Kecamatan</th>
                        <th width=20%>Kabupaten</th>
                        <th width=20%>Propinsi</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) {
                @endphp
					<tr>
						<td class="control d-lg-d-none"></td>
						<td class="hide">{!!$row->id!!}</td>
						<td valign=top>{!!$row->iddesa!!}</td>
						<td valign=top>{!!$row->nmdesa!!}</td>
						<td valign=top>{!!$row->nmkec!!}</td>
						<td valign=top>{!!$row->nmkab!!}</td>
						<td valign=top>{!!$row->nmprov!!}</td>
					</tr>
				@php
						}
					}
				@endphp
				</tbody>
            </table>
			</div>
        </div>
    </div>        
</div>
@endsection