{template 'common/header'}
<style>
    .form-controls img{
        width: 80px;
        height: 80px;
        text-align: center;
    }
</style>
<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="active"><a href="{php echo $this->createWeburl('yb_setting', array('op' => 'tabbar'));}">自定义tabbar</a></li>
        {else}
        <li class=""><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>
    <form action="" method="post" class="we7-form" role="form" id="form" style="">
        <input type="hidden" name="op" value="tabbar">
        <div style="color: #f00;margin-bottom: 20px;">备注：图片尺寸为80x80</div>
        <div class="form-group">
            <div class="form-controls col-sm-2" style="width: 164px;margin-right: 30px">
                <div>
                    <img src="{if $setting['tabbar_img_1']}{php echo tomedia($setting['tabbar_img_1'])}{else}{php echo MODULE_URL}template/image/tabnav/mingpian.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_1]" value="{$setting['tabbar_img_1']}">
                    <img src="{if $setting['tabbar_img_1_active']}{php echo tomedia($setting['tabbar_img_1_active'])}{else}{php echo MODULE_URL}template/image/tabnav/mingpian_1.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_1_active]" value="{$setting['tabbar_img_1_active']}">
                </div>
                <input type="text" id="tabbar_text_1" autocomplete="false" class="form-control" name="setting[tabbar_text_1]" value="{if $setting['tabbar_text_1']}{$setting['tabbar_text_1']}{else}名片{/if}">
            </div>
            <div class="form-controls col-sm-2" style="width: 164px;margin-right: 30px">
                <div>
                    <img src="{if $setting['tabbar_img_2']}{php echo tomedia($setting['tabbar_img_2'])}{else}{php echo MODULE_URL}template/image/tabnav/active.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_2]" value="{$setting['tabbar_img_2']}">
                    <img src="{if $setting['tabbar_img_2_active']}{php echo tomedia($setting['tabbar_img_2_active'])}{else}{php echo MODULE_URL}template/image/tabnav/active_1.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_2_active]" value="{$setting['tabbar_img_2_active']}">
                </div>
                <input type="text" id="tabbar_text_2" autocomplete="false" class="form-control" name="setting[tabbar_text_2]"
                       value="{if $setting['tabbar_text_2']}{$setting['tabbar_text_2']}{else}动态{/if}" >
            </div>
            <div class="form-controls col-sm-2" style="width: 164px;margin-right: 30px">
                <div>
                    <img src="{if $setting['tabbar_img_3']}{php echo tomedia($setting['tabbar_img_3'])}{else}{php echo MODULE_URL}template/image/tabnav/book.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_3]" value="{$setting['tabbar_img_3']}">
                    <img src="{if $setting['tabbar_img_3_active']}{php echo tomedia($setting['tabbar_img_3_active'])}{else}{php echo MODULE_URL}template/image/tabnav/book_1.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_3_active]" value="{$setting['tabbar_img_3_active']}">
                </div>
                <input type="text" id="tabbar_text_3" autocomplete="false" class="form-control" name="setting[tabbar_text_3]"
                       value="{if $setting['tabbar_text_3']}{$setting['tabbar_text_3']}{else}画册{/if}" >
            </div>
            <div class="form-controls col-sm-2" style="width: 164px;margin-right: 30px">
                <div>
                    <img src="{if $setting['tabbar_img_4']}{php echo tomedia($setting['tabbar_img_4'])}{else}{php echo MODULE_URL}template/image/tabnav/video.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_4]" value="{$setting['tabbar_img_4']}">
                    <img src="{if $setting['tabbar_img_4_active']}{php echo tomedia($setting['tabbar_img_4_active'])}{else}{php echo MODULE_URL}template/image/tabnav/video_1.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_4_active]" value="{$setting['tabbar_img_4_active']}">
                </div>
                <input type="text" id="tabbar_text_4" autocomplete="false" class="form-control" name="setting[tabbar_text_4]"
                       value="{if $setting['tabbar_text_4']}{$setting['tabbar_text_4']}{else}视频{/if}" >
            </div>
            <div class="form-controls col-sm-2" style="width: 164px;margin-right: 30px">
                <div>
                    <img src="{if $setting['tabbar_img_5']}{php echo tomedia($setting['tabbar_img_5'])}{else}{php echo MODULE_URL}template/image/tabnav/user.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_5]" value="{$setting['tabbar_img_5']}">
                    <img src="{if $setting['tabbar_img_5_active']}{php echo tomedia($setting['tabbar_img_5_active'])}{else}{php echo MODULE_URL}template/image/tabnav/user_1.png{/if}" alt="" onclick="uploadImage(this)" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'">
                    <input type="hidden" name="setting[tabbar_img_5_active]" value="{$setting['tabbar_img_5_active']}">
                </div>
                <input type="text" id="tabbar_text_5" autocomplete="false" class="form-control" name="setting[tabbar_text_5]"
                       value="{if $setting['tabbar_text_5']}{$setting['tabbar_text_5']}{else}个人中心{/if}" >
            </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 uploadImage(elm) {
        util.image("", function (url) {
            $(elm).attr('src', url.url)
            $(elm).next().val(url.attachment)
        })
    }
    require(['jquery', 'util'], function ($, util) {
        $(function () {
            $('#form').submit(function () {

                return true;
            });
        });
    });
</script>

{template 'common/footer'}