{template 'common/header'}
<link rel="stylesheet" type="text/css" href="/addons/{$_GPC['m']}/resource/css/style.css"/>
<div class="panel panel-default">
    {if $id}<div class="panel-heading">编辑选项</div>{else}<div class="panel-heading">添加选项</div>{/if}
    <div class="panel-body">
        <form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/salesMatterSave',array('m'=>$_GPC['m'],'op'=>'salesMatterSave','version_id'=>$_GPC['version_id'])}" name="submit" style="padding: 20px 0;">

            <div class="form-group">
                <label class="col-sm-2 control-label">素材图片</label>
                <div class="col-sm-8">
                    {php echo tpl_form_field_image('path', $item['path']);}
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">分享文案</label>
                <div class="col-sm-8">
                    <textarea name="share_title" id="introduce"  class="form-control" cols="30" rows="5" placeholder="介绍内容不超过300字" onkeyup="checkLength(this);" maxlength="300">{$item['share_title']}</textarea>
                    <span style="color:#9A999B;">限制字数为：300 剩余字数：</span><span id="sy" style="color:Red;">300</span>
                </div>
            </div>

            <div class="form-group">
              <label class="col-sm-2 control-label">排序</label>
              <div class="col-sm-8">
                  <input type="text" class="form-control"  name="sort" value="{$item['sort']}" onkeyup="this.value=this.value.replace(/[^\d]/g,'') "  style="width:90%;">
              </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label">状态</label>
                <div class="col-sm-8">
                    {if $id}
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="{$item['status']}" data-field="status">
                    {else}
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="1" data-field="status">
                    {/if}
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="hidden" name="id" value="{$item['id']}" />
                    <input type="hidden" name="uid" value="{$uid}">
                    <input type="submit" name="submit" class="btn btn-default">
                    <a class="btn btn-default" href="javascript:history.back(-1)">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>

{template 'common/footer'}
<script type="text/javascript">
    if ($("#status").attr("data-value") == "1") {
        $('#status').attr("checked", "checked");
    }else {
        $('#status').attr("checked", false)
    }

    function checkLength(which) {
        var maxChars = 300; 
        if (which.value.length > maxChars)
        {
            alert("您输入的字数超过限制!");
            which.value = which.value.substring(0,maxChars);
            return false;
        } else{
            var curr = maxChars - which.value.length;
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    }
</script>