@extends('admin.content')

@section('title', '设备列表')

@section('content')
<div class="layui-card">
  <div class="layui-card-header">设备列表</div>
  <div class="layui-card-body">
    <form class="layui-form layui-form-pane" method="get" style="margin-bottom: 15px;">
      <div class="layui-form-item" style="margin-bottom:0;">
        <div class="layui-inline">
          <label class="layui-form-label" style="width:90px;">DeviceKey</label>
          <div class="layui-input-inline" style="width:160px;">
            <input type="text" name="device_key" value="{{ $filters['device_key'] ?? '' }}" placeholder="device key" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label" style="width:70px;">Model</label>
          <div class="layui-input-inline" style="width:120px;">
            <input type="text" name="model" value="{{ $filters['model'] ?? '' }}" placeholder="iPhone9,1" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label" style="width:50px;">IP</label>
          <div class="layui-input-inline" style="width:130px;">
            <input type="text" name="ip" value="{{ $filters['ip'] ?? '' }}" placeholder="ip" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label" style="width:50px;">iOS</label>
          <div class="layui-input-inline" style="width:100px;">
            <input type="text" name="ios" value="{{ $filters['ios'] ?? '' }}" placeholder="15.8" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <label class="layui-form-label" style="width:90px;">安装时间</label>
          <div class="layui-input-inline" style="width:130px;">
            <input type="date" name="installed_from" value="{{ $filters['installed_from'] ?? '' }}" class="layui-input">
          </div>
          <div class="layui-form-mid">-</div>
          <div class="layui-input-inline" style="width:130px;">
            <input type="date" name="installed_to" value="{{ $filters['installed_to'] ?? '' }}" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
          <button class="layui-btn" type="submit">搜索</button>
          <a class="layui-btn layui-btn-primary" href="{{ route('admin.devices.index') }}">重置</a>
        </div>
      </div>
    </form>

    <table class="layui-table">
      <thead>
      <tr>
        <th>ID</th>
        <th>Device</th>
        <th>Model</th>
        <th>iOS</th>
        <th>IP</th>
        <th>安装时间</th>
        <th>更新时间</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      @forelse ($devices as $d)
        <tr>
          <td>{{ $d->id }}</td>
          <td><code>{{ $d->device_id }}</code></td>
          <td>{{ $d->device_model ?: '—' }}</td>
          <td>{{ $d->ios_version ?: '—' }}</td>
          <td>{{ $d->ip ?: '—' }}</td>
          <td>{{ $d->created_at }}</td>
          <td>{{ $d->updated_at }}</td>
          <td><a class="layui-btn layui-btn-normal layui-btn-xs" href="{{ route('admin.devices.show', $d) }}">详情</a></td>
        </tr>
      @empty
        <tr><td colspan="8">暂无设备</td></tr>
      @endforelse
      </tbody>
    </table>
    {{ $devices->links() }}
  </div>
</div>
@endsection