{extend name="common@index"}
{block name="title"}置顶信息《{$rs.name}》{/block}
{block name="css"}
<style>
    .form-group .input-group {
        width: 150px;
    }
</style>
{/block}
{block name="main"}
<div class="panel p-lg">
    <div class="panel-heading">
        <h3>置顶信息《<a href="{$rs.url}">{$rs.name}</a>》<small class="pull-right"><i class="fa fa-reply"></i> <a href="{:url('index/index/manage', ['key'=>$column.key, 'id'=>$rs.id])}">返回管理信息</a></small></h3>
        <hr class="mt-sm">
    </div>
    <div class="panel-body p-lg">
        <div class="row">
            <div class="col-sm-8">
                <form method="post">
                    <div class="form-group clearfix">
                        <label class="control-label text-right col-sm-2">标题</label>
                        <div class="col-sm-6"><a href="{$rs.url}" target="_blank">{$rs.name}</a></div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label text-right col-sm-2">价格</label>
                        <div class="col-sm-10">
                            {$pay.credit} 积分 / 天 + {$pay.money} 元 / 天
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label text-right col-sm-2">时长</label>
                        <div class="col-sm-10">
                            <div class="input-group">
                                <select class="form-control input-sm" data-credit="{$pay.credit}" data-money="{$pay.money}" name="num">
                                    <option value="">请选择</option>
                                    <option value="1">1</option>
                                    <option value="3">3</option>
                                    <option value="7">7</option>
                                    <option value="15">15</option>
                                    <option value="30">30</option>
                                </select>
                                <div class="input-group-addon">天</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label text-right col-sm-2">共计</label>
                        <div class="col-sm-10">
                            <div class="text-muted">
                                <strong rel="credit" class="text-warning">-</strong> 积分 + <strong rel="money" class="text-warning">-</strong> 元
                            </div>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <label class="control-label text-right col-sm-2 pt-sm">支付方式</label>
                        <div class="col-sm-10 recharge_type">
                            {if $user.credit>0}
                            <label class="radio-inline pt-sm">
                                <input type="radio" name="payment" value="0" rel="credit"> 积分
                            </label>
                            {/if}
                            {if $user.money>0}
                            <label class="radio-inline pt-sm">
                                <input type="radio" name="payment" value="1" rel="money" checked> 余额
                            </label>
                            {/if}
                            <label class="radio-inline pt-sm">
                                <input type="radio" name="payment" value="2" rel="wechat" checked> 微信
                            </label>
                            <label class="radio-inline pt-sm">
                                <input type="radio" name="payment" value="3" rel="alipay"> 支付宝
                            </label>
                        </div>
                    </div>
                    <div class="form-group clearfix">
                        <div class="col-sm-10 col-sm-offset-2">
                            <button class="btn btn-primary" type="button" rel="cashier">确定付款</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-sm-4">
                <div class="alert alert-warning">
                    <h4>置顶说明</h4>
                    您当前置顶信息属于栏目 《{$column.name}》，<br>
                    如果需要积分的情况，会转换以比例转换为对应的余额。
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script>
    require(['index'])
</script>
{/block}