@extends('be.layout-index')
@section('content')
@php
$modul="Kajian Awal";
$modula="m_kajianawal";
$id='';
$no='';
$id_laporan='';
$id_kat1nm='';
$id_kat2='';
$id_kat2nm='';
$id_kat3nm='';
$trendpelanggarannm='';
$locus_pelimpahannm='';
$locus='';
$dok_reg='';
$dok_unreg='';
$dok_lengkapidokumen='';
$dok_dicabut='';
$dok_unreg_sdh_ditangani='';
$stsfinal='';
$kecamatan='';
$katawal='';
$noregmanual='';
$admbano='';
$admbafile='';
if(isset($data)){
	$id=$data->id;
	$no=$data->no;
	$id_laporan=$data->id_laporan;
	$id_kat1nm=$data->kat1nm;
	$id_kat2=$data->id_kat2;
	$id_kat2nm=$data->kat2nm;
	$id_kat3nm=$data->kat3nm;
	$trendpelanggarannm=$data->trendpelanggarannm;
	$locus_pelimpahannm=$data->locus_pelimpahannm;
	$locus=$data->locus;
	$dok_reg=$data->dok_reg;
	$dok_unreg=$data->dok_unreg;
	$dok_lengkapidokumen=$data->dok_lengkapidokumen;
	$dok_dicabut=$data->dok_dicabut;
	$dok_unreg_sdh_ditangani=$data->dok_unreg_sdh_ditangani;
	$stsfinal=$data->stsfinal;
	$kecamatan=$data->kecamatan;
	$katawal=$data->katawal;
	$noregmanual=$data->noregmanual;
	$admbano=$data->admbano;
	$admbafile=$data->admbafile;
}
@endphp
<link rel="stylesheet" href="{{asset('media/assets/css/select2.min.css')}}">
<link rel="stylesheet" href="{{asset('media/assets/css/select2-bootstrap.css')}}">
<link href="{{asset('media/assets/node_modules/icheck/skins/all.css')}}" rel="stylesheet">
<link href="{{asset('media/dist/css/pages/form-icheck.css')}}" rel="stylesheet">
<link rel="stylesheet" href="{{asset('media/css/readonly.css')}}">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

<div class="row">
   <div class="col-12">
       <div class="card">
           	<div class="card-body">
			
<div class="panel-default">
	<div class="content-box-header  panel-heading">
		<div class="panel-title"></div>
	</div>
	<div class="content-box-large box-with-header">
		<form id=frm name=frm enctype="multipart/form-data" method=post action="{!!route($modula.'.save_trend')!!}">
			@csrf
			<div class="row">
				<div class="col-sm-12">
					<div class="form-group row">
						<label class="col-sm-2 control-label">Laporan</label>
						<div class="input-group col-md-4">{!!$no!!}</div>
					</div>
					<div class="form-group row">
						<label class="col-sm-2 control-label">Kategori</label>
						<div class="col-sm-10">
							<table celpadding=5 cellspacing=0 class=borderlessa >
							@if($id_kat1nm!=""||$id_kat2nm!=""||$id_kat3nm!="")
								@if($id_kat1nm!="")
								<tr>
									<td valign=top width=8% >Kat 1</td>
									<td valign=top width=1>:</td>
									<td width=92% >{!!$id_kat1nm!!}</td>
								</tr>
								@endif
								@if($id_kat2nm!="")
								<tr>
									<td valign=top>Kat 2</td>
									<td valign=top>:</td>
									<td>{!!$id_kat2nm!!}</td>
								</tr>
								@endif
								<tr>
									<td colspan=3>
										@php
											$n_katawal=DB::select("
														select a.id,a.nama,b.id_pelanggaran,b.id_trend
														from m_kajianawala_kategori a
														left join t_kajianawal_pelanggaran b on a.id=b.id_pelanggaran
														and b.id_kajianawal='".$id."'");
											if(count($n_katawal)>0){
												echo '<ul class="icheck-list">';
												foreach($n_katawal as $item){
													echo '
													<li>
			                                             <input type="checkbox" class="check katawal" id="katawal'.$item->id.'" data-checkbox="icheckbox_square-red" name="katawal'.$item->id.'" value="'.$item->id.'" '.(($item->id==$item->id_pelanggaran)?"checked":"").' onclick="javascript:f_chgkatawal('.$item->id.')">
			                                             <label for="square-checkbox-1">'.$item->nama.'</label>
														 	&nbsp;<input type="button" id = "btnAdd'.$item->id.'" class="d-'.(($item->id==$item->id_pelanggaran)?"block":"none").' btn btn-secondary btn-sm" onclick = "AddDropDownList('.$item->id.')" value = "Add Trend" /><div style="height:5px"></div>
														 	<span id="spantrend'.$item->id.'" class="d-'.(($item->id==$item->id_pelanggaran)?"block":"none").'">
														 	<div id="dvContainer'.$item->id.'">';
															$n_trend=DB::select("select id_trend from t_kajianawal_pelanggaran_trend where id_kajianawal='".$id."' and id_pelanggaran='".$item->id."' order by urut");
															foreach($n_trend as $item_trend){
																echo '<div style="display:flex"><select style="width:330px" class="form-control select2 col-md-12" id=trendpelanggaran'.$item->id.'[] name=trendpelanggaran'.$item->id.'[]>
																		<option value=""';
																		if($item_trend->id_trend==""){echo " selected ";}
																		echo ">-Pilih-";
																		$n_trendpelanggaran=DB::select("select id,nama from m_trendpelanggaran where id_kat=".$item->id);
																	  	if (!empty($n_trendpelanggaran)) {
												                      		foreach ($n_trendpelanggaran as $row){
																				echo "<option value='".$row->id."'";
																				if($row->id==$item_trend->id_trend){echo " selected ";}
																				echo ">".$row->nama;
																			}
																		}
																echo'</select><button class="btn btn-outline-secondary" type="button" value = "Remove" onclick="f_remove(this)"><i class="fa ti-trash"></i></button></div>';
															}
																echo '</div>';
																if($item->id==3){
																	echo '<br><br>No BA Adm: <input type=text size:20 name=admbano id=admbano value="'.$admbano.'" class="form-control d-'.($item->id==$item->id_pelanggaran?'block':'none').'"><br>
																	File BA Adm: <input type=file name=admbafile id=admbafile style="padding-top:10px" class="form-control d-'.($item->id==$item->id_pelanggaran?'block':'none').'"><br>';
																	if($admbafile!=''){
																		echo '<a href="'.site_url("download/be_kw_dk/").rawurlencode($admbafile).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download File BA Adm</a><br><br>';
																	}
																}
															echo '</span>
			                                         </li>';
												}
												echo '</ul>';
											}
										@endphp
									</td>
								</tr>
							@endif
							</table>
						</div>
					</div>
					@if($id_kat2==4||$id_kat2==8||$id_kat2==12)
					<div class="form-group row" >
						<label class="col-sm-2 control-label">Bawaslu {!!($id_kat2==4?"Pelimpahan":"Penerusan")!!}</label>
						<div class="col-sm-7">
							{!!$locus_pelimpahannm!!}
						</div>
					</div>
					@endif
					@if($dok_reg!='')
					<div class="form-group row">
						<label class="col-sm-2 control-label">Dokumen Registrasi</label>
						<div class="col-sm-7">
							@php
								if($dok_reg!=''){
									echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($dok_reg).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
					@endif
					@if($dok_unreg!='')
					<div class="form-group row">
						<label class="col-sm-2 control-label">Dokumen Tidak Registrasi</label>
						<div class="col-sm-7">
							@php
								if($dok_unreg!=''){
									echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($dok_unreg).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
					@endif
					@if($dok_lengkapidokumen!='')
					<div class="form-group row">
						<label class="col-sm-2 control-label">Dokumen Pelengkap</label>
						<div class="col-sm-7">
							@php
								if($dok_lengkapidokumen!=''){
									echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($dok_lengkapidokumen).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
					@endif
					@if($dok_dicabut!='')
					<div class="form-group row">
						<label class="col-sm-2 control-label">Dokumen dicabut</label>
						<div class="col-sm-7">
							@php
								if($dok_dicabut!=''){
									echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($dok_dicabut).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
					@endif
					@if($dok_unreg_sdh_ditangani!='')
					<div class="form-group row">
						<label class="col-sm-2 control-label">Dokumen tidak diregistrasi karena sudah ditangani</label>
						<div class="col-sm-7">
							@php
								if($dok_unreg_sdh_ditangani!=''){
									echo '<a href="'.route("download.be_kw_dk").'/'.rawurlencode($dok_unreg_sdh_ditangani).'" class="btn btn-primary btn-xs"><i class=" ti-download"></i> Download</a>';
								}
							@endphp
						</div>
					</div>
					@endif
				</div>
			</div>
			<br />
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group" style="margin-left:13px">
						<div class="col-sm-offset-2 col-sm-10">
							<input name="id" type="hidden" value="{{$id}}"/>
							<input name="id_jenislaporan" type="hidden" value="{{$id_jenislaporan}}"/>
							<input name=id_laporan id=id_laporan type="hidden" value="{{$id_laporan}}"/>
							<button type="submit" class="btn btn-info btn-sm" name="btnSave"><i class='fa fa-save'></i> Simpan</button>
							<a href="javascript:history.back()" class="btn btn-warning btn-sm"><i class='fa fa-repeat'></i> Batalkan</a>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>	

			</div>
        </div>
    </div>        
</div>

<script type="text/javascript">
	
	 $('.katawal').on('ifClicked', function (event) {
	       s=this.value;
	   		setTimeout(function(){
				if($('#katawal1').is(':checked')==false&&$('#katawal2').is(':checked')==false&&$('#katawal3').is(':checked')==false){
					setTimeout(function(){
			            $('#katawal4').iCheck('uncheck');
			        },0);
				}
			},0);
			setTimeout(function(){
				if($('#katawal3').is(':checked')){
					$('#admbano').removeClass('d-none');
					$('#admbafile').removeClass('d-none');
					$('#admbano').addClass('d-block');
					$('#admbafile').addClass('d-block');
				}
				else{
					$('#admbano').removeClass('d-block');
					$('#admbafile').removeClass('d-block');
					$('#admbano').addClass('d-none');
					$('#admbafile').addClass('d-none');
				}
			},0);
	 })
	 
	$('input').on('ifChanged', function(event){
		sts=event.target.checked;
		val=event.target.value;
		if(sts){
			$('#spantrend'+val).removeClass('d-none')
			$('#spantrend'+val).addClass('d-block')
			$('#btnAdd'+val).removeClass('d-none')
			$('#btnAdd'+val).addClass('d-block')
		}
		else{
			$('#spantrend'+val).removeClass('d-block')
			$('#spantrend'+val).addClass('d-none')
			$('#btnAdd'+val).removeClass('d-block')
			$('#btnAdd'+val).addClass('d-none')
		}
		$(".select2").select2({ width: '100%'});  
	});
    function AddDropDownList(i) {
        //Build an array containing Customer records.
        surl="{!!route('m_kajianawal.get_trend')!!}/" + i + "/{!!$id_jenislaporan!!}"
		$.ajax({
		    type: "GET",
		    url: surl,
		    contentType: false,
		    processData: false,
		    beforeSend: function() {
		    },
		    success: function(msg){
				var ops =jQuery.parseJSON(msg);
				
		        //Create a DropDownList element.
		        var ddlOps = $("<select name=trendpelanggaran"+i+"[] id=trendpelanggaran"+i+"[] class='form-control select2 id_tim'/>");
				option='<option value="">-Pilih-</option>'
				ddlOps.append(option);
		        //Add the Options to the DropDownList.
		        $(ops).each(function () {
		           var option = $("<option />");
		
		            //Set Customer Name in Text part.
		            option.html(this.nama);
		
		            //Set CustomerId in Value part.
		            option.val(this.id);
		
		            //Add the Option element to DropDownList.
		            ddlOps.append(option);
		        });
		
		        //Reference the container DIV.
		        var dvContainer = $("#dvContainer"+i)
		
		        //Add the DropDownList to DIV.
		        var div = $("<div style='display:flex'/>");
		        div.append(ddlOps);
		
		        //Create a Remove Button.
		        var btnRemove = $("<button class='btn btn-outline-secondary' type='button' value = 'Remove'><i class='fa ti-trash'></i></button>");
		        btnRemove.click(function () {
		            $(this).parent().remove();
		        });
		
		        //Add the Remove Buttton to DIV.
		        div.append(btnRemove);
		
		        //Add the DIV to the container DIV.
		        dvContainer.append(div);
				$(".select2").select2({ width: '100%'});
		    },
		    error: function (xhr, ajaxOptions, thrownError) {
	           alert(xhr.responseText);
	        }
		});
		
    };
	function f_remove(o){
        $(o).parent().remove();
    }
	
	$(function() {
	  $("#frm").validate({
	  	errorClass: "errorCssClass",
		errorPlacement: function (error, element) {
	        if (element.parent('.input-group').length) { 
	            error.insertAfter(element.next('span').next('span'));      // radio/checkbox?
	        } else if (element.hasClass('select2')) {    
	            error.insertAfter(element.next('span'));  // select2
	        } else {         
	            error.insertAfter(element);               // default
	        }
	    },
		highlight: function (element, errorClass, validClass) {
	        $(element).addClass(errorClass); //.removeClass(errorClass);
	        $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
	    },
	   	unhighlight: function (element, errorClass, validClass) {
	       	$(element).removeClass(errorClass); //.addClass(validClass);
	       },
		submitHandler: function(form) {
			sts=true
			if(sts){
				if(gosubmit()){
					$("#overlay").fadeIn(300);
					frm.submit();
					/**
					var formData = new FormData(frm);
					$.ajax({
					    type: "POST",
					    url: "{!!route($modula.'.save_trend')!!}",
					    data: formData,
					    contentType: false,
					    processData: false,
					    beforeSend: function() {
					    },
					    success: function(msg){
							document.location.href=msg
					    },
					    error: function() {
					    }
					});
					**/
				}
			}
			/**
			**/
		}
	  });
	});
</script>
<script src="{{asset('media/assets/js/select2.full.js')}}"></script>
<script src="{{asset('media/assets/node_modules/icheck/icheck.min.js')}}"></script>
<script src="{{asset('media/assets/node_modules/icheck/icheck.init.js')}}"></script>
<script>
$(".select2").select2();
</script>
@endsection