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

{block name="content"}
<form class="layui-form layui-card" action="{:request()->url()}" 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="number" name="count" value="1" min="1" max="500" required placeholder="请输入生成数量(1-500)" class="layui-input">
                <tip class="help-block">单次可生成1-500个激活码</tip>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">有效天数</label>
            <div class="layui-input-block">
                <div class="layui-btn-group-days" style="margin-bottom: 10px;">
                    {foreach :app\manager\model\AgentCode::getCardTypes() as $days => $info}
                    <button type="button" class="layui-btn layui-btn-sm" data-days="{$days}">{$info.name}</button>
                    {/foreach}
                </div>
                <input type="number" name="days" value="30" min="1" required placeholder="请输入有效天数" class="layui-input">
                <tip class="help-block">激活码的有效使用天数</tip>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">选择代理</label>
            <div class="layui-input-block">
                <select name='agent_id' class='layui-select' lay-search>
                    <option value=''>不分配给代理商</option>
                    {foreach $agents as $agent}
                    <option value='{$agent.id}'>{$agent.username} ({if $agent.level==1}一级代理{else}二级代理{/if})</option>
                    {/foreach}
                </select>
                <tip class="help-block">可以选择直接分配给代理商</tip>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">销售价格</label>
            <div class="layui-input-block">
                <input type="number" name="price" value="0" min="0" step="0.01" placeholder="请输入销售价格" class="layui-input">
                <tip class="help-block">设置激活码的销售价格，用于计算代理商佣金（选择代理商时必填）</tip>
            </div>
        </div>

    </div>
    <div class="hr-line-dashed"></div>
    <div class="layui-form-item text-center">
        <button class="layui-btn" type='submit'>确定生成</button>
        <button class="layui-btn layui-btn-danger" type='button' data-close>取消</button>
    </div>
</form>

<script>
layui.use(['form'], function(){
    // 快捷选择天数
    $('.layui-btn-group-days .layui-btn').click(function(){
        var days = $(this).data('days');
        $('input[name="days"]').val(days);
    });

    // 监听代理商选择
    layui.form.on('select(agent_id)', function(data){
        var price = $('input[name="price"]');
        if(data.value){
            price.attr('required', true);
        } else {
            price.removeAttr('required');
        }
    });
});
</script>

<style>
.layui-btn-group .layui-btn {
    margin-right: 5px;
}
.layui-btn-group .layui-btn:hover {
    opacity: 0.9;
}
</style>
{/block}