@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-112">
		<form action="{{route('addTransformer')}}" method="post">
			@csrf
			<div class="card m-0">
				<div class="card-header">
					<div class="card-title">Add 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-2 col-form-label text-right">Meter installed On	</label>
						<div class="col-sm-4">
						<select name="installed_on" class="form-control">
									<option value = "feeder"> Feeder</option>
                                        <option value = "transformer"> Transformer</option>
										<option value = "pole"> pole</option>
										<option value = "connection"> Connection</option>
                        </select>
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputMobNumber" class="col-sm-2 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 $row)
                                    <option value="{{$row->id}}"
                                @isset($_GET["parentDevice"])
                                        	@if($_GET["parentDevice"]==$row->global_device_id) {{'selected'}} @endif
																@endisset>{{$row->global_device_id}}</option>
								@endforeach

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




					<div class="form-group row gutters">
						<label for="inputName" class="col-sm-2 col-form-label text-right">From Device ID</label>
						<div class="col-sm-4">
							<input type="text" name = "dev_id" class="form-control" id="inputName" required >
						</div>
					</div>

                    <div class="form-group row gutters">
                        <label for="inputName" class="col-sm-2 col-form-label text-right"> To Device ID (Optional)</label>
                        <div class="col-sm-4">
                            <input type="text" name = "todev_id" class="form-control" id="inputName"  >
                        </div>
                   </div>

					<div class="form-group row gutters">
						<label for="inputName" class="col-sm-2 col-form-label text-right">Device S.No</label>
						<div class="col-sm-4">
							<input type="text" name = "s_no" value="0" class="form-control" id="inputName" required >
						</div>

					</div>
					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">SIM No.</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" value="0" name = "simno" id="inputSubject" required>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="meter_mode" class="col-sm-2 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">Net Meter</option>
								<option value="1">Gross Meter</option>
							</select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Meter Type</label>
						<div class="col-sm-4">
									<select name="meter_type" class="form-control">
										<option value = "1"> Single Phase</option>
										<option value = "3"> Three Phase</option>
                                    </select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Meter category</label>
						<div class="col-sm-4">
									<select name="meter_category" class="form-control">
										<option value = "Connection"> Connection</option>
										<option value = "STB"> STB</option>
										<option value = "STDB"> STDB</option>
										<option value = "SDBB"> SDBB</option>
										<option value = "SDBT"> SDBT</option>
                                    </select>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Switching </label>
						<div class="col-sm-4">
									<select name="switching" class="form-control">
										<option value = "0"> No</option>
										<option value = "1"> Yes</option>
                                    </select>
						</div>
					</div>

                    <div class="form-group row gutters">
                        <label for="inputSubject" class="col-sm-2 col-form-label text-right">Data Respond Time (Minutes)</label>
                        <div class="col-sm-4">
                            <input type="number" class="form-control" name = "respond_time" value="15" id="inputSubject" required>
                        </div>
                    </div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Initial Offpeak Units</label>
						<div class="col-sm-4">
							<input type="number" class="form-control" name = "offpk" value="0" id="inputSubject" required>
						</div>
					</div>
					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Initial Peak Units</label>
						<div class="col-sm-4">
							<input type="number" class="form-control" name = "pk" value="0" id="inputSubject" required>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Capacity (kva)</label>
						<div class="col-sm-4">
							<input type="number" class="form-control" name = "kva" value="0" id="inputSubject" required>
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Latitude</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" value="0" name = "lat"   id="inputSubject" >
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Longitude</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" value="0"  name = "long" id="inputSubject">
						</div>
					</div>

					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">Description</label>
						<div class="col-sm-4">
							<input type="text" class="form-control"  name = "description" id="inputSubject" >
						</div>
					</div>





					<div class="form-group row gutters">
						<label for="inputSubject" class="col-sm-2 col-form-label text-right">&nbsp;</label>
					<div class="col-sm-4">
					<input  type="submit" id="submit"  class="btn btn-primary" value="Add Meter">
					</div>
					</div>

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