@extends('_version_01.iot.layouts.admin')
@section('content')
            
@php
    $div_card_height = "style=height:120px;";
    $detail_div_height  = "style=height:520px;overflow-x:hidden; overflow-y:auto;";
@endphp
     <!--  <div class="row clearfix">            
                <iframe
                          width="600"
                          height="450"
                          style="border:0"
                          loading="lazy"
                          allowfullscreen
                          referrerpolicy="no-referrer-when-downgrade"
                          src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCZqbYyeQk85WTg6IdQI6CZd8P8bsoooIs
                            &q=Space+Needle,Seattle+WA">
                </iframe>
      </div> -->

      <input type="hidden" id="dev_eui" name="dev_eui" value="{{$dev_eui}}">
         <h2><strong> {{ $model['deviceProfileName'] }}</strong></h2><hr>

                        <div class="row">        
                             @if(isset($data['battery']))    
                            <div class="col-lg-3 col-md-6 col-sm-12">                 
                                            <div class="card" {{$div_card_height }}>
                                                <div class="body">
                                                    <div class="row">
                                                        <div class="col-7">
                                                            <h5 class="m-t-0">Battery</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{$data['battery']}} %</h2>
                                                            <small class="info">of 100%</small>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="progress m-t-20">
                                                            @php 
                                                                $battery_status = 'success';
                                                                if($data['battery'] > 75)
                                                                {
                                                                    $battery_status = 'success';
                                                                }else if($data['battery'] > 40)
                                                                {
                                                                    $battery_status = 'warning';
                                                                }else
                                                                {
                                                                    $battery_status = 'danger';
                                                                }

                                                            @endphp
                                                            <div class="progress-bar progress-bar-{{$battery_status}}" role="progressbar" aria-valuenow="{{$data['battery']}}" aria-valuemin="0" aria-valuemax="100" style="width: {{$data['battery']}}%;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif



                                    @if(isset($data['daylight']))   
                                     <div class="col-lg-3 col-md-6 col-sm-12">         
                                            <div class="card" {{$div_card_height }}>
                                                <div class="body">
                                                    <div class="row">
                                                        <div class="col-7">
                                                            <h5 class="m-t-0">Day Light</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ ucfirst($data['daylight']) }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>

                                                        <div class="col-7">
                                                            <h5 class="m-t-0">PIR</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ ucfirst($data['pir']) }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>
                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     @endif

                                    @if(isset($data['people_counter_all'])) 
                                     <div class="col-lg-3 col-md-6 col-sm-12">           
                                            <div class="card" {{$div_card_height }}>
                                                <div class="body">
                                                    <div class="row">
                                                        <div class="col-7">
                                                            <h5 class="m-t-0">No of people</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ $data['people_counter_all'] }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>

                                                        <div class="col-7">
                                                            <h5 class="m-t-0">Region Count</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ $data['region_count'] }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>
                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     @endif

                                     @if(isset($data['install']))  
                                      <div class="col-lg-3 col-md-6 col-sm-12">          
                                            <div class="card" {{$div_card_height }}>
                                                <div class="body">
                                                    <div class="row">
                                                        <div class="col-7">
                                                            <h5 class="m-t-0">Is Installed</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ ucfirst($data['install']) }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>

                                                        <div class="col-7">
                                                            <h5 class="m-t-0">State</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ ucfirst($data['state']) }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>
                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     @endif

                                      @if(isset($data['humidity']))   
                                       <div class="col-lg-3 col-md-6 col-sm-12">         
                                            <div class="card" {{$div_card_height }}>
                                                <div class="body">
                                                    <div class="row">
                                                        <div class="col-7">
                                                            <h5 class="m-t-0">Humidity</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ $data['humidity'] }}</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>

                                                        <div class="col-7">
                                                            <h5 class="m-t-0">Temperature</h5>
                                                           <!--  <small class="text-small">6% higher than last month</small> -->
                                                        </div>
                                                        <div class="col-5 text-right">
                                                            <h2 class="m-b-0"> {{ $data['temperature'] }} ℃</h2>
                                                            <!-- <small class="info">of 100%</small> -->
                                                        </div>
                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     @endif
                                </div><!-- End of widget row -->


        <div class="row clearfix">
            @foreach($graph_info as $info)
                    <div class="col-lg-6 col-md-6">
                           <div class="card">
                                <div class="header">
                                    <h2>{{ $info['title']}} </h2>
                                   
                                </div>
                                <div class="body" style='overflow-x: scroll;'>
                                      <div class="chart" style="position: relative; height:40vh; width:80vw">
                                         <canvas id="{{$info['graph_id']}}" style="position: relative; max-height:40vh; max-width:40vw"></canvas>
                                         <!-- barChart -->
                                      </div>
                                </div>
                            </div>
                    </div>
            @endforeach
       </div><!--  End of Gragh Row -->



        <div class="row clearfix">
   
                <!--  End of device Data Div -->


                <div class="col-md-6 col-lg-3">
                            <div class="card"  {{ $detail_div_height }}>
                                <div class="header"  style="padding-bottom:0px;">
                                    <h2>Device Feeds <small></small></h2>
                                </div>
                                <div class="body" style="padding-top:0px;">                            
                                    <ul class="list-unstyled feeds_widget">
                                        @foreach($feeds as $feed)
                                            @php
                                                $data = isset($feed['reading_data']) ? json_decode($feed['reading_data'], true) : array();
                                                //dd($data);
                                            @endphp
                                            <li>
                                                <!-- <div class="feeds-left"><i class="fa fa-check"></i></div>  -->
                                                <div class="feeds-body">
                                                    <h4 class="title"><small>{{$feed['created_at']}}</small></h4>
                                                    <small>
                                                             @if(isset($data['humidity']))   
                                                                  Humidity : {{ $data['humidity'] }} <br>
                                                                  Temperature : {{ $data['temperature'] }} ℃ <br>
                                                             @endif


                                                              @if(isset($data['install']))  
                                                                  Is Installed : {{ ucfirst($data['install']) }}<br>
                                                                  State : {{ ucfirst($data['state']) }}<br>

                                                             @endif


                                                             @if(isset($data['people_counter_all'])) 
                                                                No of people : {{ $data['people_counter_all'] }}<br>
                                                                Region Count :  {{ $data['region_count'] }} <br>
                                                             @endif

                                                            @if(isset($data['daylight']))   
                                                                Day Light : {{ ucfirst($data['daylight']) }}<br>
                                                                PIR : {{ ucfirst($data['pir']) }} <br>
                                                            @endif

                                                            @if(isset($data['battery']))    
                                                                               
                                                                Battery : {{$data['battery']}}/100 %<br>

                                                            @endif

                                                            @if(isset($data['power_sum']))    
                                                                               
                                                                Power Sum : {{$data['power_sum']}}<br>

                                                            @endif

                                                            @if(isset($data['voltage']))    
                                                                               
                                                                Voltage : {{$data['voltage']}}<br>

                                                            @endif
                                                   
                                                    </small>
                                                 </div>
                                            </li>

                                        @endforeach

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

      
        </div><!--  End of device Data Row -->

       


                
             
@endsection
@section('script')


@endsection