@foreach ($data as $date => $d)
    <div class="col-sm-6 col-xl-4 deviceWidget" data-toggle="appear" data-mac="{{ $d->serialNumber }}" data-timeout="450">
        <div class="block block-rounded block-fx-pop deviceBox">
            <div class="p-3">
                <div class="row">
                    <div class="col-sm-8">
                        <div class="title">{{ $d->clientName }}</div>
                    </div>
                    <div class="col-sm-4 text-sm-right">
                        <a href="{{ route('DashboardEvents', ["devices" => $d->id]) }}"><i class="fas fa-info-circle text-info"></i></a>
                        <i status="status" class="@if ($d->warnings > 0) fa fa-exclamation-circle text-danger @elseif(!empty($d->events['online']) && $d->events['online'] == true) fas fa-circle text-success @else fas fa-circle text-danger @endif"></i>
                    </div>
                    <div class="col-sm-12">
                        <div class="text-muted mt-1 font-size-sm" style="font-size: 8px;">{{ __('Serial') }}: {{ $d->serialNumber }}</div>

                        <div class="mt-1 font-size-sm @if ($d->diff > 1) text-danger @else text-muted @endif" style="font-size: 8px;">{{ __('Last update') }}: <span class="widgetTime">{{ $d->lastUpdate }}</span></div>
                    </div>
                </div>
            </div>
            <div class="block-content block-content-full">
                <table width="100%" class="widgetData">
                    @foreach($d->lastData as $item)
                        @foreach($item as $i)
                            <tr data-devicetype="{{$i['type']}}" @if ($i['warning'] == true)class="text-danger" data-trigger="hover" data-toggle="popover" data-html="true" data-placement="top" @if(count($i['warningText']) > 0)data-content="<b>{{ $i['fieldName'] }}</b><br><b>{{ __('Alert type') }}:</b> {{ $i['warningText']['t'] }}<br><b>{{ __('Alert subtype') }}:</b> {{ $i['warningText']['st'] }}<br>"@endif @endif>
                                <td data-device="name" class="pr-2">{{ $i['fieldName'] }}</td>
                                <td data-device="value" class="pr-2">{{ $i['value'] }}</td>
                                <td class="">{{ $i['group'] }}</td>
                                <td class=""><a href="{{ route('DashboardChart', ['devices' => $d->id, 'type' => $i['type']]) }}"><i class="fas fa-search"></i></a></td>
                            </tr>
                        @endforeach
                    @endforeach
                </table>
            </div>
            <div class="block-footer p-3">
                <div class="row">
                    {{--
                    <div class="col-sm-3"><i class="fa fa-file-excel fa-1x"></i></div>
                    <div class="col-sm-6">{{ __('Running time') }}: 123 {{ __('hour') }}</div>
                    <div class="col-sm-3 text-sm-right">
                        <span><i class="fa fa-map-marker-alt fa-1x"></i></span>
                        <span><i class="fa fa-eye fa-1x"></i></span>
                    </div>
                    --}}
                    <div class="col-sm-3"></div>
                    <div class="col-sm-6 text-center">{{ __('Running time') }}: N/A</div>
                    <div class="col-sm-3 text-sm-right">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach