@extends('home.layout-index')
@section('content')
@php
session(['hallanjut' => '']);
@endphp
<script src="{{asset('media/js/datatable_responsive/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('media/js/datatable_responsive/dataTables.responsive.min.js')}}"></script>
<link href="{{asset('media/js/datatable_responsive/jquery.dataTables.min.css')}}" rel="stylesheet">
<link href="{{asset('media/js/datatable_responsive/responsive.dataTables.min.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-left:7px">
    <div class="row">
		<div class="col-10 title">
			{!!$title!!}
        </div>
    </div>
	<div style="height:10px"></div>
    <div class="row">
		<div class="col-12 d-flex text-justify modulinfo">
			{!!$modulinfo!!}
        </div>
    </div>    
	<div style="height:25px"></div>  
    <div class="row">
		  <div class="col-12">
	            <div class="box-body table-responsive">
                    <table class="display responsive" id="example" width="100%">
                        <thead>
                            <tr>
								<th width="1" class="never">id</th>
								<th width="15%">No Laporan/Temuan</th>
                                <th width="15%">Jenis Pemilihan/pemilu</th>
                                <th width="20%">Waktu Kejadian</th>
                                <th width="25%">Tempat Kejadian</th>
                                <th width="25%">Terlapor</th>
                                <th width="15%">Keterangan</th>
                            </tr>
                        </thead>
						<tbody>
							@php 
						  		 $datatableconf='
								   {
							        "order": [[ 0, "desc" ]],
									"language": {
							            "search": "_INPUT_",
							            "searchPlaceholder": " Search"   
							        },
								  }';
								Session::flash('datatableconf',$datatableconf);
								foreach($list as $item)
								{
									echo '
									<tr>
										<td valign=top class="never">'.$item->id.'</td>
										<td valign=top>'.$item->no.'</td>
										<td valign=top>'.$item->jeniswilpemilihan.'</td>
										<td valign=top>'.konversi_tanggal('d-M-Y H:i:s',$item->waktukejadian).'</td>
										<td valign=top>'.$item->tempatkejadian.'</td>
										<td valign=top>'.$item->terlapor.'</td>
										<td valign=top>'.$item->stsposisi.'</td>
									</tr>
									';
								}
							@endphp
						</tbody>
                    </table>
	            </div>
		  </div>
	</div>  
	<div style='height:10px'></div>
	@php 
		if(session('uname')){
	@endphp
    <div class="row">
        <div class="col-12">
			<div class="table-responsive">
			Klik personal transaksi untuk melihat notifikasi, data personal, personal transaksi pelaporan dan untuk membuat pelaporan<br><br>
            <button type="button" class="btn waves-effect waves-light btn-rounded btn-primary" id=btnpersonal><i class='fa fa-save'></i> Personal Transaksi</button>&nbsp;&nbsp;
			</div>
        </div>
    </div>  
	@php
		}
		else{
	@endphp
    <div class="row">
        <div class="col-12">
			<div class="table-responsive">
			Untuk melihat pelaporan yang pernah dilapokan silakan klik login atau klik daftar agar bisa melakukan pelaporan terhadap pelanggaran yang terjadi pada pemilihan atau pemilu.<br><br>
            <button type="button" class="btn waves-effect waves-light btn-rounded btn-primary" id=btnlogin><i class='fa fa-save'></i> Login</button>&nbsp;&nbsp;
			</div>
        </div>
    </div>     
	@php
		}
	@endphp
</div>
<div style='height:10px'></div>
<script>
  	$(document).ready(function(){
  	   $("#btnlogin").click(function (){
           var url = "{!!route('auth')!!}";
           document.location.href=url;
       });
	 });
</script>
@endsection