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

{block name="content"}
<div class="layui-card">
    <div class="layui-card-header">
        <b>版本信息</b>
    </div>
    <div class="layui-card-body">
        <div class="layui-form-item">
            <label class="layui-form-label">版本号</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" value="{$version.version_no}" readonly>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">版本名称</label>
            <div class="layui-input-block">
                <input type="text" class="layui-input" value="{$version.version_name}" readonly>
            </div>
        </div>
    </div>
</div>

<div class="layui-card">
    <div class="layui-card-header">
        <b>权限控制</b>
        <button class="layui-btn layui-btn-sm layui-btn-primary pull-right" data-open="{:url('control')}?version_id={$version.id}&mode=add">添加规则</button>
    </div>
    <div class="layui-card-body">
        <table class="layui-table margin-top-10" lay-skin="line">
            {notempty name='rules'}
            <thead>
            <tr>
                <th>控制类型</th>
                <th>目标类型</th>
                <th>目标ID</th>
                <th>过期时间</th>
                <th>创建时间</th>
                <th>操作</th>
            </tr>
            </thead>
            {/notempty}
            <tbody>
            {foreach $rules as $rule}
            <tr>
                <td>{if $rule.control_type eq 'white_list'}<span class="color-green">白名单</span>{else}<span class="color-red">黑名单</span>{/if}</td>
                <td>
                    {switch $rule.target_type}
                    {case user}用户{/case}
                    {case agent}代理{/case}
                    {case device}设备{/case}
                    {/switch}
                </td>
                <td>{$rule.target_id}</td>
                <td>{$rule.expire_time}</td>
                <td>{$rule.create_time}</td>
                <td>
                    <a class="layui-btn layui-btn-danger layui-btn-sm" data-confirm="确定要删除该规则吗？" data-action='{:url("removeRule")}' data-value="id#{$rule.id}">删 除</a>
                </td>
            </tr>
            {/foreach}
            </tbody>
        </table>
        {empty name='rules'}<span class="notdata">没有记录哦</span>{/empty}
    </div>
</div>

{if isset($mode) and $mode eq 'add'}
<form class="layui-form layui-card" action="{:url('control')}" data-auto="true" method="post">
    <div class="layui-card-body">
        <div class="layui-form-item">
            <label class="layui-form-label">控制类型</label>
            <div class="layui-input-block">
                <input type="radio" name="control_type" value="white_list" title="白名单" checked>
                <input type="radio" name="control_type" value="black_list" title="黑名单">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">目标类型</label>
            <div class="layui-input-block">
                <select name="target_type" class="layui-select">
                    <option value="user">用户</option>
                    <option value="agent">代理</option>
                    <option value="device">设备</option>
                </select>
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">目标ID</label>
            <div class="layui-input-block">
                <input name="target_id" required class="layui-input">
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">过期时间</label>
            <div class="layui-input-block">
                <input name="expire_time" required class="layui-input" id="expire_time">
            </div>
        </div>
    </div>
    
    <div class="hr-line-dashed"></div>
    
    <div class="layui-form-item text-center">
        <input type='hidden' value='{$version.id}' name='version_id'>
        <button class="layui-btn" type='submit'>保存数据</button>
        <button class="layui-btn layui-btn-danger" type='button' data-close>取消</button>
    </div>
</form>

{block name='script'}
<script>
    laydate.render({
        elem: '#expire_time',
        type: 'datetime'
    });
</script>
{/block}
{/if}