@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="row gutters">

</div>	 -->

<div class="content-wrapper">


<div class="row  gutters">
	<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
		<form action="{{route('editTransformer',$data->global_device_id)}}" method="post">
			@csrf
			<div class="card m-0">
				<div class="card-header">
					<div class="card-title"> Edit Meter</div>
					<!-- <div class="card-sub-title">How can we help you? A placeholder for small description.</div> -->
				</div>
				<div class="card-body">

				
				<div class="form-group row gutters">
						<label for="inputMobNumber" class="col-sm-3 col-form-label text-right">Meter installed On	</label>
						<div class="col-sm-4">
						<select name="installed_on" class="form-control">
									<option value = "feeder" @if($data->installed_on='Feeder') selected @endif> Feeder</option>
                                        <option value = "transformer" @if($data->installed_on='transformer') selected @endif> Transformer</option>
										<option value = "pool" @if($data->installed_on='pool') selected @endif> Pool</option>
										<option value = "normal" @if($data->installed_on='normal') selected @endif> Normal Meter</option>
                                    </select>
						</div>
				</div>
				<div class="form-group row gutters">
						<label for="inputMobNumber" class="col-sm-3 col-form-label text-right">Parent Device	</label>
						<div class="col-sm-4">
							<select class="form-control selectpicker" data-live-search="true" class="form-control " name="parentDevice">
								<option value=''>Select Device </option>
								@foreach($tr_data as $k => $row)
								<option value="{{$row->id}}" 
																	@if($data->parent_id==$row->id) {{'selected'}} 
																	@endif
																>{{$row->global_device_id}}</option>
								@endforeach

							</select>
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputName" class="col-sm-3 col-form-label text-right">Device ID</label>
						<div class="col-sm-4">
							<input type="text" name = "dev_id" class="form-control" id="inputName" required  value="{{$data->global_device_id}}" >
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputName" class="col-sm-3 col-form-label text-right">Device S.No</label>
						<div class="col-sm-4">
							<input type="text" name = "msn" class="form-control" value="{{$data->msn}}" id="inputName" required >
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">SIM No.</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" name = "sim_number"  value="{{$data->sim_number}}" id="inputSubject" required>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="meter_mode" class="col-sm-3 col-form-label text-right">Meter Mode</label>
						<div class="col-sm-4">
							<select name="meter_mode" class="form-control" id="meter_mode" required>
								<option value="0" @if($data->meter_mode==0) 'selected' @endif>Net Meter</option>
								<option value="1" @if($data->meter_mode==1) 'selected' @endif> Gross Meter</option>
							</select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Meter Type</label>
						<div class="col-sm-4">
									<select name="meter_type" class="form-control">
										<option value = "1" @if($data->meter_type='1') selected @endif> Single Phase</option>
										<option value = "3" @if($data->meter_type='3') selected @endif> Three Phase</option>
                                    </select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Meter category</label>
						<div class="col-sm-4">
									<select name="meter_category" class="form-control">
										<option value = "NOR" @if($data->category='NOR') selected @endif> Normal</option>
										<option value = "STB" @if($data->category='STB') selected @endif> STB</option>
										<option value = "STDB" @if($data->category='STDB') selected @endif> STDB</option>
										<option value = "SDBB" @if($data->category='SDBB') selected @endif> SDBB</option>
										<option value = "SDBT" @if($data->category='SDBT') selected @endif> SDBT</option>
                                    </select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Switching </label>
						<div class="col-sm-4">
									<select name="switching" class="form-control">
										<option value = "1" @if($data->is_aux_relay='1') selected @endif> Yes</option>
										<option value = "0" @if($data->is_aux_relay='0') selected @endif> No</option>
                                    </select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Initial Offpeak Units</label>
						<div class="col-sm-4">
							<input type="number" class="form-control" name = "offpeak"  value="{{$data->offpeak}}" id="inputSubject" required>
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Initial Peak Units</label>
						<div class="col-sm-4">
							<input type="number" class="form-control" name = "pk"  value="{{$data->peak}}" id="inputSubject" required>
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Capacity (kva)</label>
						<div class="col-sm-4">
							<input type="number" class="form-control" name = "kva"  value="{{$data->kva}}" value="0" id="inputSubject" required>
						</div>
					</div>


					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Latitude</label>
						<div class="col-sm-4">
							<input type="text" class="form-control"  name = "lat"  value="{{$data->latitude}}"  id="inputSubject" >
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Longitude</label>
						<div class="col-sm-4">
							<input type="text" class="form-control"  name = "long"  value="{{$data->longitude}}" id="inputSubject" >
						</div>
					</div>
					
					<div class="form-group row gutters"> 
						<label for="inputSubject" class="col-sm-3 col-form-label text-right">Description</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" name = "description"  value="{{$data->description}}" id="inputSubject" >
						</div>
					</div>
					

					
					
					
				
					
					<button type="submit" id="submit"  class="btn btn-primary float-right">Submit Form</button>

				</div>
			</div>
		</form>
	</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>

		
		@endpush
@endsection