@if(!empty(session()->get('locale')))

<div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                      <div class="card-body">
                        <div class="d-flex">
                        <i class="ti-location-arrow menu-icon"></i>&nbsp;&nbsp;
                        <p class="card-title text-md-center text-xl-left"><a href="javascript:void(0)" style="color: #787878;">{{ trans('language.total_devices') }}</a></p>
                        </div>
                        <div class="d-flex flex-wrap justify-content-between justify-content-md-center justify-content-xl-between align-items-center">
                          <h2 class="mb-0 mb-md-2 mb-xl-0 order-md-1 order-xl-0" id="total_devices"><a href="javascript:void(0)"  style="color: black;">{{$devicecount}}</a></h2>
                        </div>     
                      </div>
                    </div>
                </div>

<div class="col-lg-12 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<div class="table-responsive" style="min-height:10em;">
<table class="table tablesorter" id="packageList">
<thead>
    <tr>
    <th style="text-align:center;" onclick="sortorderchange('android_hw_id',sortorder)">{{ trans('language.android_hw_id') }} <i class="fa fa-search"></i></th>
        <th class="col0" style="text-align:center;" onclick="sortorderchange('device_name',sortorder)">{{ trans('language.device_name') }} <i class="fa fa-search"></i></th>
        
        
        <th class="col1" style="text-align:center;" onclick="sortorderchange('group_name',sortorder)">{{ trans('language.group_name') }} <i class="fa fa-search"></i></th>
        <th class="col2" style="text-align:center;" onclick="sortorderchange('lastupdate',sortorder)">{{ trans('language.last_update') }} <i class="fa fa-search"></i></th>
        <!-- <th class="col2" style="text-align:center;" onclick="sortorderchange('lastpowerupdate',sortorder)">{{ trans('language.last_power_date') }} <i class="fa fa-search"></i></th> -->
        <th class="col3" style="text-align:center;" onclick="sortorderchange('power_on_status',sortorder)">{{ trans('language.power_on_status') }} <i class="fa fa-search"></i></th>
        <th class="col4" style="text-align:center;" onclick="sortorderchange('totalcount',sortorder)">{{ trans('language.pwroncount') }}<i class="fa fa-search"></i></th>
        <th class="col6" style="text-align:center;" onclick="sortorderchange('plan_name',sortorder)">{{ trans('language.package_name') }} <i class="fa fa-search"></i></th>
        <th class="col5" style="text-align:center;" onclick="sortorderchange('lock_status',sortorder)">{{ trans('language.lock_status') }} <i class="fa fa-search"></i></th>
        <th class="col6" style="text-align:center;" onclick="sortorderchange('plan_name',sortorder)">{{ trans('language.plan_name') }} <i class="fa fa-search"></i></th>
        <th class="col7" style="text-align:center;" onclick="sortorderchange('plan_period',sortorder)">{{ trans('language.plan_period') }}</th>
        <th class="col8" style="text-align:center;" onclick="sortorderchange('plan_price',sortorder)">{{ trans('language.plan_price') }}</th>
        <th class="col9" style="text-align:center;" onclick="sortorderchange('plan_startdate',sortorder)">{{ trans('language.plan_startdate') }} </th>
        <th class="col10" style="text-align:center;" onclick="sortorderchange('plan_enddate',sortorder)">{{ trans('language.plan_enddate') }} </th>
        <th class="col11" style="text-align:center;" onclick="sortorderchange('plan_enddate',sortorder)">{{ trans('language.plan_remain_day') }}</th>
        <th class="col12" style="text-align:center;" onclick="sortorderchange('plan_activation_code',sortorder)">{{ trans('language.plan_activation_code') }} </th>
        <th class="col13" style="text-align:center;" onclick="sortorderchange('plan_username',sortorder)">{{ trans('language.plan_username') }} </th>
        <th class="col14" style="text-align:center;" onclick="sortorderchange('last_logged_on',sortorder)">{{ trans('language.last_logged_on') }} </th>
        <th class="col15" style="text-align:center;" onclick="sortorderchange('package_duration',sortorder)">{{ trans('language.package_duration') }} </th>
        <th class="col16" style="text-align:center;" onclick="sortorderchange('remaining_days',sortorder)">{{ trans('language.remaining_days') }} </th>
        <th class="col17" style="text-align:center;" onclick="sortorderchange('last_locked_on',sortorder)">{{ trans('language.last_locked_on') }}</th>
        <th class="col18" style="text-align:center;" onclick="sortorderchange('last_unlocked_on',sortorder)">{{ trans('language.last_unlocked_on') }}</th>
        <th class="col19" style="text-align:center;" onclick="sortorderchange('force_lock_status',sortorder)">{{ trans('language.force_lock_status') }}</th>
        <th class="col20" style="text-align:center;" onclick="sortorderchange('force_lock_datetime',sortorder)">{{ trans('language.force_lock_datetime') }}</th>
        <th class="col21" style="text-align:center;" onclick="sortorderchange('force_unlock_datetime',sortorder)">{{ trans('language.force_unlock_datetime') }}</th>
        <th class="col22" style="text-align:center;" onclick="sortorderchange('is_active',sortorder)">{{ trans('language.status') }}</th>
        <th class="col24" style="text-align:right;" id="no-sort">{{ trans('language.actions') }}</th>
    </tr>
</thead>
<tbody>
    @if($data->count() == 0)
        <tr>
            <td colspan="7"><center>{{trans('language.no_data_to_show')}}</center></td>
        <tr>
    @else
   
    @foreach($data as $d)
        <tr>
    <td class="col0" style="text-align:center;">{{$d->android_hw_id}}</td>
        <td class="col1" style="text-align:center;">{{$d->device_name}}</td>
       
   
        <td class="col2 groupid" data-groupid=""  style="text-align:center;">{{$d->group_name}}</td>
        <td class="col3" style="text-align:center;">{{$d->lastupdate}}</td>
        <!-- <td class="col3" style="text-align:center;">{{$d->last_power_date}}</td> -->
        <td class="col4" style="text-align:center;">@if($d->power_on_status != '')
            @if($d->power_on_status == "TODAY")
            <span style="background-color:green;padding:10px;color:fff;">Today</span>
            @elseif($d->power_on_status == "WEEK")
            <span style="background-color:yellow;padding:10px;color:000;">Week</span>
            @elseif($d->power_on_status == "MONTH")
            <span style="background-color:red;padding:10px;color:fff;">Month</span>
            @elseif($d->power_on_status == "YEAR")
            <span style="background-color:black;padding:10px;color:fff;">Year</span>
            @endif
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td class="col5" style="text-align:center;">{{$d->totalcount}}</td>
        <td class="col7" style="text-align:center;">{{(($d->package_name != "")?$d->package_name:trans('language.notset'))}}</td>
        <td class="col6" style="text-align:center;">