{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 name="count" value="1" required placeholder="请输入要生成的激活码数量" class="layui-input">
                <tip class="help-block">一次最多可生成100个激活码</tip>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">有效天数</label>
            <div class="layui-input-block">
                <input name="days" value="30" required placeholder="请输入激活码有效天数" class="layui-input">
            </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-filter='agent_id'>
                    <option value=''>不分配给代理商</option>
                    {foreach $agents as $agent}
                    <option value='{$agent.id}'>{$agent.username} ({if $agent.level==1}一级代理{else}二级代理{/if}) - 佣金比例{$agent.commission_rate}%</option>
                    {/foreach}
                </select>
                <tip class="help-block">如果选择代理商，需要设置销售价格</tip>
            </div>
        </div>
        <div class="layui-form-item" id="price_item" style="display:none;">
            <label class="layui-form-label">销售价格</label>
            <div class="layui-input-block">
                <input name="price" value="0" 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.form.on('select(agent_id)', function(data){
    if(data.value){
        $('#price_item').show();
        $('input[name=price]').attr('required', true);
    }else{
        $('#price_item').hide();
        $('input[name=price]').removeAttr('required');
    }
});
</script>
{/block}