@extends('layouts.app')

@section('center')
<style>

	.success{
		border-top: 5px solid green !important;
		/* color:white; */
	}

	.danger{
		border-top: 5px solid red !important;
		/* color:white; */
	}
	.warning{
		border-top: 5px solid yellow !important;
		/* color:white; */
	}
	.info{
		border-top: 5px solid blue !important;
		/* color:white; */
	}


</style>
<div class="row gutters">
				@foreach($data as $k =>$row)
				@php
						$color = "success";
						$state = "On";
						$ctime = new DateTime(); // Current date and time
						$dtime = new DateTime($row->db_datetime); // Specific DateTime

						$interval = $ctime->diff($dtime);
						$minutes = ($interval->days * 24 * 60) + ($interval->h * 60) + $interval->i;
						if($row->auxr_status==1)
						{

							if($minutes>=5)
							{
								$color = "info";
								$state = "Offline";
							}
						}
						else
						{
							$color = "danger";
							$state = "Off";
						}


				@endphp
						<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 col-12">
							<figure class="user-card {{$color}}" >
								<figcaption>
									<!-- <img src="img/user11.png" alt="Royal Hospitals Admin Template" class="profile"> -->
									<h5>{{$row->kva}} KVA  
									{{--<span class="badge badge-{{$color}}"> {{$state}}</span> --}}
									</h5>
									<!-- <hr/> -->
									<!-- <h5>Staus: </h5> -->
									{{--<h6 class="designation">Status :  <span class="badge badge-{{$color}}"> {{$state}}</span> <br/> </h6>--}}
									<!-- <p>Doctors are licensed health professionals who maintain and restore human health through the practice of medicine.</p> -->
									<p class="timing">{{$row->datetime}}</p>
									<table class="table table-hover table-bordered">
										<tr> <td><b>Device ID:  {{$row->global_device_id}} </b></td></tr>
									{{--  >MSN:  {{$row->msn}} </b>--}}
								</td>
								</tr>
										<tr>
										@if($row->auxr_status==1)
											<td>Switch Status:  <span class="badge badge-success"> On</span></td>
										@else
										<td>Switch Status:  <span class="badge badge-danger"> Off</span></td>
										@endif
										</tr>
										{{--

										<tr>
											<td>Current 1:  {{$row->current_phase_a}}</td>
										</tr>
										<tr>
											<td>Current 2:  {{$row->current_phase_b}}</td>
										</tr>
										<tr>
											<td>Current 3:  {{$row->current_phase_c}}</td>
										</tr>
										<tr>
											<td>Voltage 1:  {{$row->voltage_phase_a}}</td>
										</tr>

										<tr>
											<td>Voltage 2:  {{$row->voltage_phase_b}}</td>
										</tr>

										<tr>
											<td>Voltage 3:  {{$row->voltage_phase_c}}</td>
										</tr>
										<tr>
											<td>Average Power Factor:  {{$row->average_pf}}</td>
										</tr>

										 <tr>
											<td>Power Factor 1:  {{$row->pf1}}</td>
										</tr>

										<tr>
											<td>Power Factor 2:  {{$row->pf1}}</td>
										</tr>
										<tr>
											<td>Power Factor 3:  {{$row->pf1}}</td>
										</tr>

										--}}
									</table>
									<!-- <div class="doctors-list">
										Dr. John Willams
										<a href="#">Dr. K Sam Kumar</a>
										<a href="#">Dr. N Preethish Kumar</a>
										<a href="#">Dr. G Chandrashekar</a>
									</div> -->

									<div class="clearfix">
										<!-- <a href="{{route('item-data',$row->global_device_id)}}" class="btn btn-info">
											View Logs
										</a> -->
                                        <a href="{{route('item-real-time-data',$row->global_device_id)}}" class="btn btn-info">
											Real Time Logs
										</a>
										@if($row->is_aux_relay==1)
											@if($row->auxr_status==1)
											<a href="{{route('item-switch',$row->global_device_id)}}" class="btn btn-danger">
												Switch Off
											</a>
											@else

											<a href="{{route('item-switch',$row->global_device_id)}}" class="btn btn-success " tad-tr-id="{{$row->global_device_id}}">
												Switch On
											</a>
											@endif
										@endif
									</div>
								</figcaption>
							</figure>
						</div>
				@endforeach
					</div>
					@push('scripts')
					@endpush
@endsection()