{T "content","header",TPLID}
<!--路径导航-->
<div class="container">
    <ol class="breadcrumb" style="margin-bottom: 0px; font-size: 12px;">
        您现在的位置：
        <li><a href="/index.php">首页</a></li>
        <li class="active"><a href="/index.php?m=guestbook">留言板</a></li>
    </ol>
</div>

<div class="container">
    <div class="ssa--liuyan-form-title">
        <div class="lft-left">
            <a href="/index.php?m=guestbook"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> 留言列表</a>
            <a href="/index.php?m=member"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> 用户中心</a>
        </div>
        <div class="lft-right">
            <a href="">
                <div class="coupon"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 快速留言</div>
            </a>
        </div>
    </div>
    <br>

    <form action="/index.php?m=guestbook&f=index&v=contact" method="post">
        <div class="form-inline" style="  background: #eee;
    padding: 10px 0;
    border: 1px solid #ddd; border-bottom: none">
            <div class="form-group">
                <label for="exampleInputName2" style="margin-left: 15px">姓名<span class="color-danger">*</span></label>
                <input type="text" name="form[linkman]" class="form-control" id="exampleInputName2" placeholder="姓名"
                       required>
            </div>
            <div class="form-group">
                <label for="exampleInputEmail2" style="margin-left: 15px">联系邮箱 <span
                        class="color-danger">*</span></label>
                <input type="email" name="form[email]" class="form-control" id="exampleInputEmail2"
                       placeholder="xxx@xxx.com" required>
            </div>
            <div class="form-group">
                <label for="exampleInputEmail2" style="margin-left: 15px">联系电话 </label>
                <input type="text" name="form[tel]" class="form-control" id="exampleInputEmail" placeholder="联系电话"
                       pattern="((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)">
            </div>
        </div>


        <div class="ssa--form-box">
            <div class="row">
                <div class="col-md-8" style="margin-bottom: 10px;">
                    <input type="text" name="form[title]" class="form-control" id="exampleInputEmail1"
                           placeholder="请输入标题，不超过30个字，请勿使用特殊字符！" required>
                </div>
                <div class="col-md-2">
                    <select class="form-control" name="form[area]" required>
                        <option value="">主题领域</option>
                        {loop $area_array $key $r}
                        <option value="{$key}" {if $area==$key}selected{/if}>{$r}</option>
                        {/loop}
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-control" name="form[category]" required>
                        <option value="">主题类别</option>
                        {loop $category_array $key $r}
                        <option value="{$key}" {if $category==$key}selected{/if}>{$r}</option>
                        {/loop}
                    </select>
                </div>
                <div class="col-md-12">
                    <textarea name="form[content]" class="form-control" rows="5" placeholder="请输入留言内容"
                              required></textarea>
                </div>
                <!--<div class="col-md-12">-->
                <!--<div class="ssa--add-pic">-->
                <!--添加图片-->
                <!--<span>-->
                <!--<div style="width:65px; height:64px; background:url({R}t3/image/add_attchment.png); cursor:pointer;"><input id="fileupload" type="file" name="attach" style="filter:alpha(opacity:0);opacity: 0;position:absolute;top:0px; width:64px; height:63px; cursor:pointer;" onchange="ajaxFileUpload();"></div>-->
                <!--</span>-->
                <!--<span class="limit">文件尺寸：500k<br>可用扩展名：jpg,bmp,gif,png,jpeg<br><br><p id="loading" style="display:none; color:#F00">操作中......</p> </span>-->
                <!--</div>-->
                <!--</div>-->
            </div>
        </div>

        <div style="padding-top: 15px; color: #777; font-size: 12px; line-height: 2; ">
            <p>
                * 请勿在留言内容中留下您的电话、地址和真实姓名等个人资料。
                * 您可以注册为留言板正式用户，以便我们及时和您联系
                * 注册正式用户,以便给您更多便利,登录后可以随时查看留言情况<br>
                * 为确保您的留言及时通过审核并尽快得到回复，如下事项请注意：<br>
                1. 遵守中华人民共和国有关法律、法规，尊重网上道德，承担一切因您的行为而直接或间接引起的法律责任。<br>
                2. 在注册信息内留下真实姓名，并如实填写联系电话和电子邮件，以便问题处理部门核实相关情况。（本栏目将对您的个人信息严格保密，您的信息只有人民网及各地留言办理单位可见<br>
                3. 如反映问题，请您尽量写清具体时间、地点、当事人，以便您的问题及时得到核实处理。<br>
                4. 留言标题请控制在22字以内；正文内容请尽量叙述清晰、简明扼要，1000字内为宜。<br>
            </p>
        </div>
        <div class="checkbox">
            <label style="padding-right: 30px">
                <input type="checkbox" name="checkbox" value="1" required checked> (我已阅读并同意以上条款)
            </label>
        </div>
        <div class=" form-inline text-center" style="margin: 30px 0">
            <button type="submit" name="submit" class="btn btn-warning  btn-lg"><span
                    style="padding-left: 60px; padding-right: 60px;">提交留言</span></button>
        </div>
    </form>
</div>


<script type="text/javascript" language="javascript">
    function getV(o) {
        var _v = '';
        for (i = 0; i < o.length; i++) {
            if (o[i].checked) {
                _v = o[i].value;
                break;
            }
        }
        return _v;
    }
    function submit() {
        var _o1 = document.getElementsByName("checkbox");
        var _checkbox = getV(_o1);
        if (_checkbox.length == 0) {
            alert("请选择同意协议");
            return false;
        }
    }
</script>

{T "content","footer",TPLID}
