{template 'common/header'}
<div class="content">
    <div class="we7-page-title">基本设置</div>
    <ul class="we7-page-tab">
        <li class=""><a href="{php echo $this->createWeburl('yb_setting');}">基本设置</a></li>
        <li class=""><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'weixin'));}">分享设置</a></li>
        <li class=""><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'seo'));}">SEO优化</a></li>
        {if $type == 4}
        <li class=""><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'syn'));}">同步样本与分类</a></li>
        {if $is_template == 1}
        <li class=""><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'template'));}">样本模板</a></li>
        {/if}
        <li class=""><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'tabbar'));}">自定义tabbar</a></li>
        {else}
        <li class="active"><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'webtempl'));}">样本模板</a></li>
        {/if}
        <li class=""><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'wxtempl'));}">微信通知</a></li>
    </ul>
    <style>
        img{
            cursor: pointer;
            box-sizing: content-box;
        }
        .template_active{
            border: 5px solid #f00;
        }
    </style>
    <form action="" method="post" class="we7-form" role="form" id="form" style="">
        <input type="hidden" name="op" value="webtempl">
        <div class="form-group">
            <label class="col-sm-2 control-label">模板</label>
            <div class="form-controls col-sm-8">
                <img onclick="selectTemplete(this,1)" class="{if $template_id==1}template_active{/if}" src="/addons/we7_bybook/template/image/temp_web_1.png" width="120" alt="" style="margin-right: 30px;" onerror="">
                <img onclick="selectTemplete(this,2)" class="{if $template_id==2}template_active{/if}" src="/addons/we7_bybook/template/image/temp_web_2.png" width="120" alt="" style="margin-right: 30px;" onerror="">
                <!--<img onclick="selectTemplete(this,3)" class="{if $template_id==3}template_active{/if}" src="/addons/we7_bybook/template/image/temp3.png" width="120" alt="" style="margin-right: 30px;" onerror="">-->
                <div class="help-block">请选择应用模板</div>
            </div>
        </div>
        <div class="form-group" id="bgimg" style="display: {if $template_id==2}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('setting[web_bgimg]', $setting[web_bgimg]);}
                <div class="help-block">请上传背景图片(1616 x 909)</div>
            </div>
        </div>
        <input type="hidden" id="template_id" name="setting[web_template]" value="{$template_id}">
        <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 selectTemplete(obj, index) {
        $("#bgimg").hide();
        $('img').removeClass('template_active');
        $(obj).addClass('template_active');
        $("#template_id").val(index);
        if (index == 2) {
            $("#bgimg").show();
        }
    }
    require(['jquery', 'util'], function ($, util) {
        $(function () {
            $('#form').submit(function () {
               
                return true;
            });
        });
    });
</script>

{template 'common/footer'}