@extends('layouts.app')

@section('center')
				<link rel="stylesheet" href="{{asset('assets')}}/vendor/datepicker/css/classic.css" />
				<link rel="stylesheet" href="{{asset('assets')}}/vendor/datepicker/css/classic.date.css" />
				<link rel="stylesheet" href="{{asset('assets')}}/vendor/bs-select/bs-select.css" />

<div class="content-wrapper">


<div class="row justify-content-center gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">

			<div class="card m-0">
				<div class="card-header">
					<div class="card-title">Meter Tripping Setting</div>
					<!-- <div class="card-sub-title">How can we help you? A placeholder for small description.</div> -->
				</div>
				<div class="card-body">


				<form action="{{route('addTransformerThresholdForm')}}" method="get" id="searchForm">
				<div class="form-group row gutters">
						<!-- <label for="inputName" class="col-sm-3 col-form-label text-right">Devic ID</label> -->
						<div class="col-sm-3">
						<select class="form-control selectpicker DeviceId" data-live-search="true" class="form-control " name="DeviceId">
						<option value=''>Select Device ID</option>
						<option value='GS'  @isset($_GET["DeviceId"])
										@if($_GET["DeviceId"]=='GS') {{'selected'}} @endif @endisset>
										Generic Setting for All
					    </option>
						@foreach($tr_data as $k => $row)
						<option value="{{$row->global_device_id}}" @isset($_GET["DeviceId"])
															@if($_GET["DeviceId"]==$row->global_device_id) {{'selected'}}
															@endif
														@endisset>{{$row->global_device_id}}</option>
						@endforeach

						</select>
						</div>

					</div>
				</form>

   
				
					<!-- Row start -->
					<div class="row gutters">
						
						<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
							<!-- <div class="card"> -->
								
								@php
									$tripping_array=[
														['type'=>'OVFC','txt'=> 'Over Voltage Function'],
														['type'=>'UVFC','txt'=> 'Under Voltage Function'],
														['type'=>'OCFC','txt'=> 'Over Current Function'],
														['type'=>'OLFC','txt'=> 'Over Load Function'],
														['type'=>'VUFC','txt'=> 'Voltage Unbalance Function'],
														['type'=>'PFFC','txt'=> 'Phase Failure Function'],
														['type'=>'CUFC','txt'=> 'Current Unbalance Function'],
														['type'=>'HAPF','txt'=> 'High Apparent Power Function'],
													];
									$i=1;				
								@endphp
								<div class="card-body">
								@isset($_GET['DeviceId'])
									<form action="{{route('addTransformerTreshold')}}" method="post">
									<input type="hidden" name="DeviceId" value="{{$_GET['DeviceId']}}" />
								@csrf
									@foreach($tripping_array as $key => $row)
									@php
									$result = collect($threshold_data)->firstWhere('type', $row['type']);
											
									@endphp		
									
									@if($i)		
								
											<div class="row gutters">
												<div class="col-xl-3 col-lg-2 col-md-2 col-sm-2 col-2">
												<!-- <label for="fullName">critical event threshold limit</label>			 -->
												</div>
												<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
													<label for="fullName">critical event threshold limit</label>			
												</div>
												<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
													<label for="eMail">critical event log time</label>
												</div>
												<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
												<label for="addRess">tripping event threshold limit</label>
												</div>
												<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
												<label for="addRess">tripping event log time</label>
												</div>
												<div class="col-xl-1 col-lg-1 col-md-1 col-sm-1 col-1">
														<label for="addRess">enable</label>
												</div>
											</div>
								@endif
								<div class="row gutters">
								<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3 text-right pt-2">
								
								{{$row['txt']}} ({{$row['type']}})
								</div>
										<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
												<div class="form-group">
												
												<input type="hidden" name="type[{{$key}}]"  value="{{$row['type']}}"  >
												<input type="hidden" name="global_device_id"  value="{{$_GET['DeviceId']}}"  >
												<input type="text" name="critical_event_threshold_limit[{{$key}}]" class="form-control critical_event_threshold_limit"
												value="@if($result){{$result['critical_event_threshold_limit']}} @endif"  >
												</div>
										</div>
											<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
											<div class="form-group">
												<input type="text" class="form-control"  name="critical_event_log_time[{{$key}}]" value="@if($result){{$result['critical_event_log_time']}} @endif"  >
											</div>
											
										</div>
										<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
											<div class="form-group">
												<input type="text" class="form-control"  name="tripping_event_threshold_limit[{{$key}}]" value="@if($result){{$result['tripping_event_threshold_limit']}} @endif">
											</div>
											
											
										</div>
										<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-2">
											<div class="form-group">
											
												<input type="text" class="form-control"  name="tripping_event_log_time[{{$key}}]"  value="@if($result){{$result['tripping_event_log_time']}}@endif">
											</div>
											
											
										</div>
										<div class="col-xl-1 col-lg-1 col-md-1 col-sm-1 col-1">
											<div class="form-group">
											
												<select class="form-control"  name="enable_tripping[{{$key}}]" >
													<option value="1" @if($result && $result['enable_tripping']=='1'){{'selected'}} @endif> Yes</option>
													<option value="0" @if($result && $result['enable_tripping']=='0'){{'selected'}} @endif> No</option>
												</select>
											</div>
											
											
										</div>

										
									</div>
									
																		@endforeach
									

									
									<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
											<div class="text-right">
												<button type="submit" id="submit2" name="submit2" class="btn btn-primary"> Submit Settings </button>
											</div>
										</div>
										</form>
										@endisset	
								</div>
								
							<!-- </div> -->
						</div>
					</div>

					
							
								
							
					<!-- Row end -->
				
					
				</div>
			</div>
	</div>
</div>


</div>


			@push('scripts')
		<script src="{{asset('assets')}}/vendor/datepicker/js/picker.js"></script>
		<!-- <script src="{{asset('assets')}}/vendor/datepicker/js/picker.date.js"></script> -->
		<!-- <script src="{{asset('assets')}}/vendor/datepicker/js/custom-picker.js"></script> -->
		<script src="{{asset('assets')}}/vendor/bs-select/bs-select.min.js"></script>
		<script src="{{asset('assets')}}/js/main.js"></script>

		<script>
				$(document).ready(function(){
						$('.DeviceId').change(function(){
							$('#searchForm').submit();
						});
				});
		</script>


		@endpush
@endsection