<?php include_once(mvc::$cfg['PATH_TPL'].'public/headBase2.php');?>
<div style="margin-top: 10px;width: 95%;" class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">类型</label>
        <div class="layui-input-block">
            <select name="bl_type" lay-filter="user-type">
                <option value="userapi" <?php if($data['bl_type'] == 'userapi') echo 'selected' ?>>用户API</option>
                <option value="user" <?php if($data['bl_type'] == 'user') echo 'selected' ?>>用户</option>
                <option value="ip" <?php if($data['bl_type'] == 'ip') echo 'selected' ?>>IP</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">到期时间</label>
        <div class="layui-input-block">
            <input style="width: 65%;float: left;" type="text" name="bl_etime" id="date" class="layui-input" value="<?php echo $data['bl_etime'] ? date('Y-m-d H:i',$data['bl_etime']) : '' ;?>" placeholder=" ~ ">
            <div style="width:30%;float: left;margin-top: 5px;margin-left: 10px;">
            <?php foreach ($date_list as $k => $v) { ?>
            <button onclick="createTime(this)" data-value="<?php echo $v ?>" class="layui-btn layui-btn-sm"><?php echo $k; ?><button>
             <?php }?>
            </div>
        </div>

    </div>

    <div <?php if($data['bl_type'] == 'user'){echo "style='display:none;'";} ?>  id="ip" class="layui-form-item">
        <label class="layui-form-label">IP</label>
        <div class="layui-input-block">
            <input name="bl_ip" type="text" class="layui-input" value="<?php echo $data['bl_ip']; ?>">
        </div>
    </div>


    <div <?php if($data['bl_type'] == 'ip'){echo "style='display:none;'";} ?>  id="user-name" class="layui-form-item">
        <label class="layui-form-label">用户名称</label>
        <div class="layui-input-block">
            <input name="bl_user_name" type="text" class="layui-input" value="<?php echo $user['u_name']; ?>">
        </div>
    </div>

    <div <?php if($data['bl_type'] == 'ip' || $data['bl_type'] == 'user'){echo "style='display:none;'";} ?> id="api-name" class="layui-form-item">
        <label class="layui-form-label">API名称</label>
        <div class="layui-input-block">
            <select name="bl_apiact" >
                <?php foreach($actArt as $k => $v){?>
                    <option value="<?php echo $v['tr_act']; ?>"><?php echo $v['tr_act_name']; ?></option>
                <?php } ?>
            </select>
        </div>
    </div>

  <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">备注</label>
    <div class="layui-input-block">
      <textarea name="bl_remark" placeholder="请输入一个备注" class="layui-textarea"><?php echo $data['bl_remark']; ?></textarea>
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button type="submit" class="layui-btn" lay-submit="" lay-filter="save">保存</button>
    </div>
  </div>
</div>

<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script>
    function createTime(that)
    {
        $('#date').val($(that).attr('data-value'));
    }
    function minDate(){
        var now = new Date();
        return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
    }
    layui.use(['form','laydate'], function(){
        var form = layui.form
            ,laydate = layui.laydate;
        laydate.render({
            elem: '#date'
            ,type: 'datetime'
            ,format: 'yyyy-MM-dd HH:mm'
            ,min:minDate()
        });

        form.on('select(user-type)', function(data){
            switch(data.value) {
                case 'user':
                    $('#user-name').css('display','');
                    $('#api-name').css('display','none');
                    $('#ip').css('display','none');
                    break;
                case 'userapi':
                    $('#user-name').css('display','');
                    $('#api-name').css('display','');
                    $('#ip').css('display','');
                    break;
                case 'ip':
                    $('#ip').css('display','');
                    $('#user-name').css('display','none');
                    $('#api-name').css('display','none');
                    break;
            }
        });
    });
</script>