@extends('layout.layout')

{{-- Style --}}
@push('links')
<link href="{{ asset('css/datatable/datatables.min.css') }}" rel="stylesheet" type="text/css">
@endpush

@section('content')
<input type="hidden" id="js-datatable-baseUrl" value="{{route('admin.device.datatable')}}" />
<input type="hidden" id="js-dashboard-baseUrl" value="{{route('admin.device.dashboard')}}" />
<div class="csrfDiv">{{csrf_field()}}</div>
<div class="row mb-3">
  <div class="col-md">
    <div class="card radius-10" style="box-shadow: 1px 1px 5px 0 #000">
      <div class="card-body py-1 px-4">
        <div class="row">
          @foreach($logined as $title => $count)
            <div class="col-md">
              {{$title}}：{{$count}}
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
</div>
<!-- <div class="row mb-3">
  <div class="col-md">
    <div class="card radius-10" style="box-shadow: 1px 1px 5px 0 #000">
      <div class="card-body py-1 px-4">
        <div class="row">
          @foreach($platforms as $platform)
            <div class="col-md">
              <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input checkbox-platform" id="chk-{{$platform->platform}}" value="{{$platform->platform}}" checked>
                <label class="custom-control-label" for="chk-{{$platform->platform}}">
                  {{\Str::ucfirst($platform->platform)}}：{{$platform->count}}
                </label>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
</div> -->

{{-- 曲線圖 --}}
<!-- <div class="row mt-3">
  <div class="col-md">
    <canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas>
  </div>
</div> -->

<div class="row mt-3">
  <div class="col overflow-auto">
    <table class="table table-striped table-hover steps-datatable" id="dataTable">
      <thead class="thead-light text-center">
        <tr>
          <th scope="row">帳號</th>
          <th scope="row">裝置平台</th>
          <th scope="row">願意接收</th>
          <th scope="row">最後使用時間</th>
        </tr>
      </thead>
      <tbody>
        <tr><td colspan="4" class="text-center">查無資料</td></tr>
      </tbody>
      <tfoot></tfoot>
    </table>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/datatable/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datatable/datatable-default-setting.js') }}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/emn178/chartjs-plugin-labels/src/chartjs-plugin-labels.js"></script>
<script type="text/javascript" src="{{ Module::asset('device:js/index.js') }}"></script>
@endpush