{extend name="../../admin/view/main"}

{block name="content"}
<div class="think-box-shadow">
    <form class="layui-form layui-form-pane form-search" action="{:sysuri()}" onsubmit="return false" method="get" autocomplete="off">
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">账号邮箱</label>
            <div class="layui-input-inline">
                <input name="email" value="{$get.email|default=''}" placeholder="请输入账号邮箱" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">设备ID</label>
            <div class="layui-input-inline">
                <input name="used_by" value="{$get.used_by|default=''}" placeholder="请输入设备ID" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
        </div>
    </form>

    <table class="layui-table margin-top-10" lay-skin="line">
        {notempty name='list'}
        <thead>
        <tr>
            <th class='text-left'>账号邮箱</th>
            <th class='text-left'>设备ID</th>
            <th class='text-left'>使用时间</th>
            <th class='text-left'>注册时间</th>
            <th class='text-left'>缓存状态</th>
            <th class='text-left'>冷却状态</th>
            <th class='text-left'>操作</th>
        </tr>
        </thead>
        {/notempty}
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td class='text-left'>{$vo.email}</td>
            <td class='text-left'>{$vo.used_by}</td>
            <td class='text-left'>{$vo.used_at|format_datetime}</td>
            <td class='text-left'>{$vo.registration_time|format_datetime}</td>
            <td class='text-left'>
                {if $vo.has_cache}
                    {if $vo.cache_match}
                    <span class="color-green">正常</span>
                    {else}
                    <span class="color-red">异常(缓存不匹配)</span>
                    {/if}
                {else}
                <span class="color-gray">无缓存</span>
                {/if}
            </td>
            <td class='text-left'>
                {if $vo.in_cooldown}
                <span class="color-red">冷却中 (至 {$vo.cooldown_time})</span>
                {else}
                <span class="color-green">可用</span>
                {/if}
            </td>
            <td class='text-left'>
                {if auth("resetDevice")}
                <a class="layui-btn layui-btn-sm layui-btn-warm" data-confirm="确定要重置该设备的账号吗？" data-csrf="{:systoken('resetDevice')}" data-action='{:url("resetDevice")}' data-value="machine_id#{$vo.used_by}">重置账号</a>
                {/if}
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
</div>
{/block}