@extends('home.layout-index')
@section('content')
@php
	$modul="Kajian Awal";
	$modula="kajianawal";
@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>
<style>
.borderless tr td{
	padding:2px;
	border:0;
	text-align:left;
	background-color:transparent!important;
}
.borderless tr{
	background-color:transparent!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>
             <table class="display responsive" id="example" width="100%">
                <thead>
                    <tr>
						<th width="1" class="never">id</th>
                        <td width="30%">No Laporan/Temuan</th>
                        <td width="35%">Kajian Awal</td>
                        <td width="35%">Kategori</td>
                    </tr>
                </thead>
				<tbody id="show_data">
				@php
			  	  $datatableconf='
					   {
				        "order": [[ 0, "desc" ]],
						"language": {
				            "search": "_INPUT_",
				            "searchPlaceholder": " Search"   
				        },
					  }';
				  Session::flash('datatableconf',$datatableconf);
                  if (!empty($list)) {
                      foreach ($list as $row) {
					  	if($row->id_kat1==2){
							$dokumen=$row->dok_reg;
						}
					  	elseif($row->id_kat1==3){
							$dokumen=$row->dok_unreg;
						}
					  	elseif($row->id_kat1==7){
							$dokumen=$row->dok_lengkapidokumen;
						}
                @endphp
					<tr>
						<td valign=top class="never">{!!$row->id!!}</td>
						<td valign=top>{!!$row->no!!}</td>
						<td valign=top>{!!$row->note!!}</td>
						<td valign=top>
							@if($row->id_kat1!=""||$row->id_kat2!="")
								<table celpadding=0 cellspacing=0 class=borderless>
										@if($row->kat1nm!="")
										<tr>
											<td valign=top width=20%>Kat 1</td>
											<td valign=top width=1>:</td>
											<td width=80%>{!!$row->kat1nm!!}</td>
										</tr>
										@endif
										@if($row->kat2nm!="")
										<tr>
											<td valign=top>Kat 2</td>
											<td valign=top>:</td>
											<td>{!!$row->kat2nm!!}</td>
										</tr>
										@endif
								</table>
							@endif
						</td>
					</tr>
				@php
						}
					}
				@endphp
				</tbody>
            </table>
			</div>
			@php 
				if(!session('uname')){
				session('hallanjut','kajianawal');
			@endphp
			    <div class="row">
			        <div class="col-12">
						<div class="table-responsive">
						Untuk melihat kajian awal silakan login terlebih dahulu<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>
						</div>
			        </div>
			    </div>  
			@php  
				} 
			@endphp
        </div>
    </div>        
</div>
<div style='height:0px'></div>
<script>
  	$(document).ready(function(){
  	   $("#btnlogin").click(function (){
           var url = "{!!route('auth')!!}";
           document.location.href=url;
       });
	 });
</script>
@endsection