@extends('hr_main')
@section('title', '| Device List')
@section('content')
@include('successMsg')

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default" style="background-color:#708090;">
                <div class="panel-heading" style="padding-bottom:0px">
                    <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">DEVICE
                            LIST</font></h1>
                </div>

                <div class="panel-body panelBodyView">
                    <table class="table table-striped table-bordered table-condensed first-col-dark dataTables" id="employee-data">
                        <thead>
                        <tr>
                            <th width="32">SL#</th>
                            <th>Device Serial Number</th>
                            <th>Device Model</th>
                            <th>Total Users</th>
                            <th>Connected Time</th>
                            <th>Last Updated Time</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @if($attDeviceInfos)
                            @php $no = 0; @endphp
                            @foreach($attDeviceInfos as $attDeviceInfo)
                                @php 
                                    $existLog = ($userLogInfos) ? $userLogInfos->where('device_info_id_fk', $attDeviceInfo->id)->first() : null;
                                    $totalUsers = ($existLog) ? $existLog->total_users : 0;
                                @endphp

                                <tr class="item{{ $attDeviceInfo->id }}">
                                    <td class="text-center">{{ ++$no }}</td>
                                    <td class="text-center">{{ $attDeviceInfo->device_serial_number }}</td>
                                    <td class="text-center">{{ $attDeviceInfo->device_model }}</td>
                                    <td class="text-center">{{  $totalUsers }}</td>
                                    <td class="text-center">{{ $attDeviceInfo->connected_time }}</td>
                                    <td class="text-center">{{ $attDeviceInfo->last_updated_time }}</td>
                                    <td class="text-center">
                                        <a href="#" title="Show All Users" onclick="showDetails({{ $attDeviceInfo->id }})"> <i
                                                class="fas fa-plus-square"></i> </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td colspan='7'>No Result Found</td>
                            </tr>
                        @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

<script type="text/javascript">
    function showDetails(id) {
        document.location.href = './device-user-list?id=' + id;
    }
</script>