{template 'common/header'}
<div class="content">
    <div class="we7-page-title">文章管理</div>
    <ul class="we7-page-tab">
        <li {if empty($id)}class="active"{/if}><a href="{php echo $this->createWeburl('article_manager', array('op' => 'edit'));}">添加文章</a></li>
        {if !empty($id)}
        <li class="active"><a href="{php echo $this->createWeburl('article_manager', array('op' => 'edit','id'=>$id));}">编辑文章</a></li>
        {/if}
        <li><a href="{php echo $this->createWeburl('article_manager');}">文章列表</a></li>
    </ul>
    <form action="" method="post" class="we7-form" role="form" id="form" style="">
        <input type="hidden" name="id" value="{$article[id]}">
        <div class="form-group">
            <label class="col-sm-2 control-label">文章所属分类</label>
            <div class="form-controls col-sm-8">
                <select name="data[category_id]" id="category_id" class="form-control" onchange="selectCompany(this)">
                    <option value="0" data-company_id="0">请选择分类</option>
                    {loop $category $k $v}
                    <option value="{$v[id]}" data-company_id="{$v[company_id]}" {if $v[id]==$article[category_id]}selected{/if}>{$v[cat_name]}</option>
                    {/loop}
                </select>
                <div class="help-block">请选择文章分类</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文章标题</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="title" autocomplete="false" class="form-control" name="data[title]" value="{$article[title]}" placeholder="文章">
                <div class="help-block">请填写文章</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文章封面图</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('data[thumb]', $article[thumb]);}
                <div class="help-block">请上传封面</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">原创</label>
            <div class="form-controls col-sm-8">
                <input  type="text" id="name" autocomplete="false" class="form-control" name="data[name]" value="{$article[name]}" placeholder="原创">
                <div class="help-block">请填写原创</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">附加链接</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="data[add_url]" value="{$article[add_url]}" placeholder="附加链接">
                <div class="help-block">请填写附加链接</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">附加链接位置</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="add_url_direction-1" name="data[add_url_direction]" value="1" {if $id==0 || $article[add_url_direction]==1}checked{/if}>
                <label class="radio-inline" for="add_url_direction-1">右</label>
                <input type="radio" name="data[add_url_direction]" id="add_url_direction-0" value="2" {if intval($article[add_url_direction])===2}checked=""{/if}>
                <label class="radio-inline" for="add_url_direction-0">左</label>
                <div class="help-block">请选择附加链接位置</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">分享好友按钮</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_close_share-1" name="data[is_close_share]" value="1" {if $id==0 || $article[is_close_share]==1}checked{/if}>
                <label class="radio-inline" for="is_close_share-1">开启</label>
                <input type="radio" name="data[is_close_share]" id="is_close_share-0" value="2" {if intval($article[is_close_share])===2}checked=""{/if}>
                <label class="radio-inline" for="is_close_share-0">关闭</label>
                <div class="help-block">请选择分享好友按钮状态</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">用户登录授权</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_auth-1" name="data[is_auth]" value="1" {if $id==0 || $article[is_auth]==1}checked{/if}>
                <label class="radio-inline" for="is_auth-1">开启</label>
                <input type="radio" name="data[is_auth]" id="is_auth-0" value="2" {if intval($article[is_auth])===2}checked=""{/if}>
                <label class="radio-inline" for="is_auth-0">关闭</label>
                <div class="help-block">请选择用户登录授权状态</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">home图标</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_close_home-1" name="data[is_close_home]" value="1" {if $id==0 || $article[is_close_home]==1}checked{/if}>
                <label class="radio-inline" for="is_close_home-1">显示</label>
                <input type="radio" name="data[is_close_home]" id="is_close_home-0" value="2" {if intval($article[is_close_home])===2}checked=""{/if}>
                <label class="radio-inline" for="is_close_home-0">隐藏</label>
                <div class="help-block">请选择home图标状态</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文案类型</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="tips_type-1" name="data[tips_type]" value="1" {if $id==0 || $article[tips_type]==1}checked{/if}>
                <label class="radio-inline" for="tips_type-1">纯文案</label>
                <!--<input type="radio" name="data[tips_type]" id="tips_type-0" value="2" {if intval($article[tips_type])===2}checked=""{/if}>-->
                <!--<label class="radio-inline" for="tips_type-0"> 文案+地址</label>-->
                <div class="help-block">请选择文案类型</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文案</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="data[tips]" value="{$article[tips]}" placeholder="文案">
                <div class="help-block">请填写文案</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">视频</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_video('data[video]', $article[video]);}
                <div class="help-block">请上传视频</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">内容</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_ueditor('data[content]', $article[content]);}
                <div class="help-block">请填写内容</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">附件图片</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_multi_image('data[imgs]', $article[imgs]);}
                <div class="help-block">请上传图片</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">广告类型</label>
            <div class="form-controls col-sm-8">
                <input onchange="changeAdType(1)" type="radio" id="ad_type-1" name="data[ad_type]" value="1" {if $id==0 || $article[ad_type]==1}checked{/if}>
                <label class="radio-inline" for="ad_type-1"> 普通</label>
                <input onchange="changeAdType(2)" type="radio" name="data[ad_type]" id="ad_type-0" value="2" {if intval($article[ad_type])===2}checked=""{/if}>
                <label class="radio-inline" for="ad_type-0"> 链接</label>
                <input onchange="changeAdType(3)" type="radio" name="data[ad_type]" id="ad_type-3" value="3" {if intval($article[ad_type])===3}checked=""{/if}>
                <label class="radio-inline" for="ad_type-3"> 小程序</label>
                <input onchange="changeAdType(4)" type="radio" name="data[ad_type]" id="ad_type-4" value="4" {if intval($article[ad_type])===4}checked=""{/if}>
                <label class="radio-inline" for="ad_type-4"> 流量主</label>
            </div>
        </div>
        <div class="form-group ad-1" style="display: {if $article[ad_type]!=4}block{else}none{/if}">
            <label class="col-sm-2 control-label">广告图</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('data[ad]', $article[ad]);}
                <div class="help-block">请上传广告图</div>
            </div>
        </div>
        <div class="form-group ad-2"  style="display: {if $article[ad_type]==2}block{else}none{/if}">
            <label class="col-sm-2 control-label">广告链接</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="data[ad_url]" value="{$article[ad_url]}" placeholder="链接">
                <div class="help-block">请填写链接</div>
            </div>
        </div>
        <div class="form-group ad-3"  style="display: {if $article[ad_type]==3}block{else}none{/if}">
            <label class="col-sm-2 control-label">APPID</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="data[app_id]" value="{$article[app_id]}" placeholder="appid">
                <div class="help-block">请填写appid</div>
            </div>
        </div>
        <div class="form-group ad-3"  style="display: {if $article[ad_type]==3}block{else}none{/if}">
            <label class="col-sm-2 control-label">跳转路径</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="data[ad_path]" value="{$article[ad_path]}" placeholder="跳转路径">
                <div class="help-block">请填写小程序跳转路径，不填则跳转小程序首页</div>
            </div>
        </div>
        <div class="form-group ad-4"  style="display: {if $article[ad_type]==4}block{else}none{/if}">
            <label class="col-sm-2 control-label">广告位ID</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="data[ad_id]" value="{$article[ad_id]}" placeholder="广告位ID">
                <div class="help-block">请填写广告位ID</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">阅读</label>
            <div class="form-controls col-sm-8">
                <input type="number" class="form-control" name="data[hits]" value="{php echo $article[hits]?$article[hits]:0}" placeholder="排序">
                <div class="help-block">阅读次数。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">是否显示</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_display-1" name="data[is_display]" value="1" {if $id==0 || $article[is_display]==1}checked{/if}>
                <label class="radio-inline" for="is_display-1">显示</label>
                <input type="radio" name="data[is_display]" id="is_display-0" value="2" {if intval($article[is_display])===2}checked=""{/if}>
                <label class="radio-inline" for="is_display-0"> 不显示</label>
            </div>
        </div>
        <div class="col-sm-offset-2">
            <input type="submit" class="btn btn-primary" name="submit" value="提交">
            <input type="hidden" name="token" value="{$_W['token']}">
        </div>
    </form>
</div>

<script>

    function changeAdType(index) {
        $('.ad-1').show();
        $(".ad-4").hide();
        $('.ad-'+index).show();
        if (index == 1) {
            $(".ad-2").hide();
            $(".ad-3").hide();
        } else if (index == 2) {
            $(".ad-3").hide();
        } else if (index == 3) {
            $(".ad-2").hide();
        } else if (index == 4) {
            $(".ad-2").hide();
            $('.ad-1').hide();
            $(".ad-3").hide();
        }
    }
    require(['jquery', 'util'], function ($, util) {
        $(function () {
            $('#form').submit(function () {
                if($('select[name="data[category_id]"]').val() == 0){
                    util.message('请选择文章分类.');
                    return false;
                }
                // if($('#shop_id').val() == ''){
                //     util.message('请选择商铺.');
                //     return false;
                // }
                if($('input[name="data[title]"]').val() == ''){
                    util.message('请输入标题.');
                    return false;
                }
                if($('input[name="data[thumb]"]').val() == ''){
                    util.message('请上传封面图片.');
                    return false;
                }
                if($('input[name="data[name]"]').val() == ''){
                    util.message('请输入原创.');
                    return false;
                }
                return true;
            });
        });
    });
</script>

{template 'common/footer'}