{extend name="common@index"}
{block name="title"}意见反馈{/block}
{block name="css"}
<link href="__CSS__pages/feedback.css" type="text/css" rel="stylesheet">
{/block}
{block name="main"}
<div class="panel p-lg">
    <div class="panel-heading">
        <h3>意见反馈</h3>
        <hr class="mt-sm">
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-sm-8">
                <form method="post" id="feedback" class="form-horizontal validate" data-validator-option="{timely:2, theme:'yellow_right_effect'}">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">标题</label>
                        <div class="col-sm-10">
                            <input class="form-control" name="title" value="" type="text" placeholder="请填写标题">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">反馈内容</label>
                        <div class="col-sm-10">
                            {:token()}
                            <textarea class="form-control" name="content" cols="100" rows="10" placeholder="请在这里具体描述您反馈的问题，字数不大于200"></textarea>
                        </div>
                    </div>
                    <div class="form-group mb-sm">
                        <label class="col-sm-2 control-label">添加标签</label>
                        <div class="col-sm-10">
                            <div rel="tags" data-tags-input-name="tags" class="form-control" name="tags"></div>
                            <div class="clearfix mb-sm"></div>
                            <i class="fa fa-plus-circle pr-xs mb-xs"></i>快速添加标签
                            <div class="pre-tags mb-sm">
                                <label class="label label-default">积分 <i class="fa fa-plus"></i></label>
                                <label class="label label-default">发布 <i class="fa fa-plus"></i></label>
                                <label class="label label-default">充值 <i class="fa fa-plus"></i></label>
                            </div>    
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">联系方式</label>
                        <div class="col-sm-10">
                            <input class="form-control" name="linkway" value="" type="text" placeholder="请填写邮箱或手机号">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">验证码</label>
                        <div class="col-sm-4">
                            <input type="text" id="captcha" class="form-control pull-left" name="captcha"
                                        placeholder="请输入验证码">
                        </div>
                        <div class="col-sm-6"><img rel="captcha" data-src="{:captcha_src()}" class="img-captcha img-thumbnail" alt="验证码"></div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"></label>
                        <div class="col-sm-10">
                            <input type="button" rel="submit" value="确定" class="btn btn-primary">
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-sm-4">
                <div class="alert alert-warning">
                    {cim:html id="fankuixuzhi"}
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script>
    require(['pages/feedback'])
</script>
{/block}