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

<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 onclick="sortorderchange('device_id',sortorder)">{{ trans('language.device_id') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('device_name',sortorder)">{{ trans('language.device_name') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('android_hw_id',sortorder)">{{ trans('language.android_hw_id') }} <i class="fa fa-search"></i></th>
        
        <th style="text-align:center;" onclick="sortorderchange('group_name',sortorder)">{{ trans('language.group_name') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('power_on_status',sortorder)">{{ trans('language.power_on_status') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('plan_name',sortorder)">{{ trans('language.plan_name') }} <i class="fa fa-search"></i></th>
        <th style="text-align:center;" onclick="sortorderchange('plan_period',sortorder)">{{ trans('language.plan_period') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('plan_price',sortorder)">{{ trans('language.plan_price') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('plan_startdate',sortorder)">{{ trans('language.plan_startdate') }} </th>
        <th style="text-align:center;" onclick="sortorderchange('plan_enddate',sortorder)">{{ trans('language.plan_enddate') }} </th>
        <th style="text-align:center;" onclick="sortorderchange('last_logged_on',sortorder)">{{ trans('language.last_logged_on') }} </th>
        <th style="text-align:center;" onclick="sortorderchange('package_duration',sortorder)">{{ trans('language.package_duration') }} </th>
        <th style="text-align:center;" onclick="sortorderchange('remaining_days',sortorder)">{{ trans('language.remaining_days') }} </th>
        <th style="text-align:center;" onclick="sortorderchange('last_locked_on',sortorder)">{{ trans('language.last_locked_on') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('last_unlocked_on',sortorder)">{{ trans('language.last_unlocked_on') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('force_lock_status',sortorder)">{{ trans('language.force_lock_status') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('force_lock_datetime',sortorder)">{{ trans('language.force_lock_datetime') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('force_unlock_datetime',sortorder)">{{ trans('language.force_unlock_datetime') }}</th>
        <th style="text-align:center;" onclick="sortorderchange('is_active',sortorder)">{{ trans('language.status') }}</th>
        <th 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>{{$d->device_id}}</td>
        <td style="text-align:center;">{{$d->device_name}}</td>
        <td style="text-align:center;">{{$d->android_hw_id}}</td>
   
        <td style="text-align:center;">{{$d->group_name}}</td>
        <td 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 style="text-align:center;">{{(($d->plan_name != "")?$d->plan_name:trans('language.notset'))}}</td>
        <td style="text-align:center;">{{(($d->plan_period != "")?$d->plan_period:trans('language.notset'))}}</td>
        <td style="text-align:center;">@if($d->plan_price != 0 || $d->plan_price != '')
             {{number_format((int)$d->plan_price)}}
        @else
        {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->plan_startdate != '')
            {{($d->plan_startdate)}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->plan_enddate != '')
            {{($d->plan_enddate)}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->last_logged_on != '')
            {{$d->last_logged_on}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">{{(($d->package_duration != "")?$d->package_duration:trans('language.notset'))}}</td>
        <td style="text-align:center;">{{(($d->remainingdays != "")?$d->remainingdays:trans('language.notset'))}}</td>
        <td style="text-align:center;">@if($d->last_lock_datetime != '')
            {{$d->last_lock_datetime}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->last_unlock_datetime != '')
            {{$d->last_unlock_datetime}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->force_lock_status_text != '')
            {{$d->force_lock_status_text}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->force_lock_datetime != '')
            {{$d->force_lock_datetime}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">@if($d->force_unlock_datetime != '')
            {{$d->force_unlock_datetime}}
        @else
            {{trans('language.notset')}}
        @endif</td>
        <td style="text-align:center;">{{($d->is_active == 1)?trans('language.active'):trans('language.inactive')}}</td>
        <td style="text-align:right;"><div class='btn-group'>
            <button type='button' class='btn btn-outline-secondary dropdown-toggle drop-dots' data-toggle='dropdown' aria-expanded='false'><i class='ti-more-alt'></i></button>
            <div class='dropdown-menu' x-placement='bottom-start' style='position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 44px, 0px);'>
                <a class='dropdown-item locker_edit' onclick='loadDataToEdit(JSON.stringify({{$d}}))'><i class='ti-pencil'></i> {{ trans('language.edit') }}</a>
                <a class='dropdown-item locker_delt_id' onclick='confirmDelete({{$d->id}})' href='javascript:void(0)'><i class='ti-trash'></i> {{ trans('language.delete') }}</a>
                 <a class='dropdown-item locker_edit disabled' href="{{url('/')}}/changeforcestatus/{{$d->id}}/0"><i class='ti-pencil'></i> {{ trans('language.unforce_device') }}</a>
                <a class='dropdown-item locker_edit ' href="{{url('/')}}/changeforcestatus/{{$d->id}}/1"><i class='ti-pencil'></i> {{ trans('language.force_lock') }}</a> 
                <a class='dropdown-item locker_edit ' href="{{url('/')}}/changeforcestatus/{{$d->id}}/2"><i class='ti-pencil'></i> {{ trans('language.force_unlock') }}</a>
        </div></div></td>
    </tr>
    @endforeach
    @endif
</tbody>
</table>
</div>
<table class="table tablesorter">
    <tr><td colspan="7">{!! $data->links() !!}</td></tr>
</table> 
</div>
</div>            
</div>
@endif