@extends('_version_02.iot.layouts.admin')
@section('content')
            
@php
    $div_card_height = "style=height:120px;";
@endphp
             <div class="row clearfix">

                    
                <div class="col-lg-12 col-md-12">
                    <div class="card">
                        <div class="header">
                            <h2><strong>Name :</strong> {{ $model['deviceProfileName'] }}</h2>
                           
                        </div>
                        <div class="body">
                            <h6>Detail</h6>
                            <p class="m-b-0">Data</p>
                             <small>Model : {{ $model['deviceName'] }}</small>
                        <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>
                    </div>
                </div>


                       
                               

                </div>


              <div class="row clearfix">
                <div class="col-lg-12 col-md-12">
                    <div class="card">
                        <div class="header">
                            <h2><strong>Name :</strong> {{ $model['deviceProfileName'] }}</h2>
                           
                        </div>
                        <div class="body">
                            <h6>Detail</h6>
                            <p class="m-b-0">Data</p>
                             <small>Model : {{ $model['deviceName'] }}</small>


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



          
                <div class="col-lg-6 col-md-12">
                   
                    <div class="row clearfix">
                       
                      
                 
                        <div class="col-md-12 col-lg-6">
                            <div class="card">
                                <div class="header"  style="padding-bottom:0px;">
                                    <h2>Feeds <small></small></h2>
                                </div>
                                <div class="body" style="padding-top:0px;">                            
                                    <ul class="list-unstyled feeds_widget">
                                        <li>
                                            <div class="feeds-left"><i class="fa fa-thumbs-o-up"></i></div>
                                            <div class="feeds-body">
                                                <h4 class="title">7 New Feedback <small class="float-right text-muted">Today</small></h4>
                                                <small>It will give a smart finishing to your site</small>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="feeds-left"><i class="fa fa-user"></i></div>
                                            <div class="feeds-body">
                                                <h4 class="title">New User <small class="float-right text-muted">10:45</small></h4>
                                                <small>I feel great! Thanks team</small>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="feeds-left"><i class="fa fa-question-circle"></i></div>
                                            <div class="feeds-body">
                                                <h4 class="title text-warning">Server Warning <small class="float-right text-muted">10:50</small></h4>
                                                <small>Your connection is not private</small>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="feeds-left"><i class="fa fa-check"></i></div>
                                            <div class="feeds-body">
                                                <h4 class="title text-danger">Issue Fixed <small class="float-right text-muted">11:05</small></h4>
                                                <small>WE have fix all Design bug with Responsive</small>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="feeds-left"><i class="fa fa-shopping-basket"></i></div>
                                            <div class="feeds-body">
                                                <h4 class="title">7 New Orders <small class="float-right text-muted">11:35</small></h4>
                                                <small>You received a new oder from Tina.</small>
                                            </div>
                                        </li>                                   
                                    </ul>
                                </div>
                            </div>
                        </div>

                    
                 
                              
                   
                        

                         
            
                 
                    </div>
                </div>

                <div class="col-lg-6 col-md-12">
                    <div class="card">
                        <div class="header">
                            <h2><strong>ID:</strong> 25823</h2>
                            <small>Created by Admin at: 19 Dec, 2017</small>
                        </div>
                        <div class="body">
                            <h6>This is Note</h6>
                            <p class="m-b-0">Lorem ipsum dolor sit amet, ut duo atqui exerci dicunt, ius impedit mediocritatem an. Pri ut tation electram moderatius.
                                Per te suavitate democritum. Duis nemore probatus ne quo, ad liber essent aliquid
                                pro. Et eos nusquam accumsan, vide mentitum fabellas ne est, eu munere gubergren
                                sadipscing mel.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="card">
                        <div class="header">
                            <h2><strong>ID:</strong> 25824</h2>
                            <small>Created by Admin at: 18 Dec, 2017</small>
                        </div>
                        <div class="body">
                            <h6>This is Note</h6>
                            <p class="m-b-0">Lorem ipsum dolor sit amet, ut duo atqui exerci dicunt, ius impedit mediocritatem an. Pri ut tation electram moderatius.
                                Per te suavitate democritum. Duis nemore probatus ne quo, ad liber essent aliquid
                                pro. Et eos nusquam accumsan, vide mentitum fabellas ne est, eu munere gubergren
                                sadipscing mel.
                            </p>
                        </div>
                    </div>
                </div>
              
            </div>

  

   


@endsection
@section('script')


@endsection