#@layout()

#define content()
<div class="content-wrapper">

    <section class="content-header">
        <h1>
            模板设置
            <small>Template Setting</small>
        </h1>
    </section>

    <section class="content">

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header ">
                        <h3 class="box-title"></h3>
                    </div>

                    <form class="form-horizontal form-setting" autocomplete="off"
                          id="optionForm">
                        <div class="box-body ">

                            <div class="form-group">
                                <label class="col-sm-2 control-label">favicon.ico</label>
                                <div class="col-sm-6">
                                    <button type="button"
                                            for-src="livingCoral_favicon"
                                            for-input="livingCoral_favicon_input"
                                            class="jp-image-browser btn btn-flat btn-default btn-xs">
                                        <i class="fa fa-fw fa-image"></i> 选择图片
                                    </button>
                                    <br/>
                                    <img src="#(CPATH)#option('livingCoral_favicon','/templates/LivingCoral/static/images/favicon.jpg')"
                                         id="livingCoral_favicon">
                                    <input type="hidden" id="livingCoral_favicon_input" name="livingCoral_favicon"
                                           value="#option('livingCoral_favicon')">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">logo(58*58)</label>
                                <div class="col-sm-6">
                                    <button type="button"
                                            for-src="livingCoral_logo"
                                            for-input="livingCoral_logo_input"
                                            class="jp-image-browser btn btn-flat btn-default btn-xs">
                                        <i class="fa fa-fw fa-image"></i> 选择图片
                                    </button>
                                    <br/>
                                    <img src="#(CPATH)#option('livingCoral_logo','/templates/LivingCoral/static/images/favicon.jpg')"
                                         id="livingCoral_logo">
                                    <input type="hidden" id="livingCoral_logo_input" name="livingCoral_logo"
                                           value="#option('livingCoral_logo')">
                                </div>
                            </div>

                            <h4 class="page-header">幻灯片</h4>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">显示幻灯片</label>
                                <div class="col-sm-6">
                                    <input type="checkbox" class="switchery" data-for="livingCoral_slide1_show"
                                           #checkedIf(option( "livingCoral_slide1_show" ))>
                                    <input type="hidden" id="livingCoral_slide1_show"
                                           name="livingCoral_slide1_show">
                                </div>
                            </div>


                            <div class="form-group">
                                <label class="col-sm-2 control-label">左边</label>
                                <div class="col-sm-4">
                                    <label class="control-label">跳转链接</label>
                                    <input type="text" style="width: 100%" id="livingCoral_slide1_url" name="livingCoral_slide1_url"
                                           value="#option('livingCoral_slide1_url')">
                                    <br/>
                                    <label class="control-label">显示标题</label>
                                    <input type="text" style="width: 100%" id="livingCoral_slide1_title_input" name="livingCoral_slide1_title"
                                           value="#option('livingCoral_slide1_title')">
                                    <br>
                                    <button type="button"
                                            for-src="livingCoral_slide1"
                                            for-input="livingCoral_slide1_input"
                                            class="jp-image-browser btn btn-flat btn-default btn-xs">
                                        <i class="fa fa-fw fa-image"></i> 选择图片
                                    </button>
                                    <br/>
                                    <img src="#(CPATH)#option('livingCoral_slide1','/templates/LivingCoral/static/images/livingCoral_slide1.jpg')"
                                         id="livingCoral_slide1">
                                    <input type="hidden" id="livingCoral_slide1_input" name="livingCoral_slide1"
                                           value="#option('livingCoral_slide1')">
                                </div>
                            </div>



                            <div class="form-group">
                                <label class="col-sm-2 control-label">中间（上）</label>
                                <div class="col-sm-4">
                                    <label class="control-label">跳转链接</label>
                                    <input type="text" style="width: 100%" id="livingCoral_slide2_url" name="livingCoral_slide2_url"
                                           value="#option('livingCoral_slide2_url')">
                                    <br/>
                                    <label class="control-label">显示标题</label>
                                    <input type="text" style="width: 100%" id="livingCoral_slide2_title" name="livingCoral_slide2_title"
                                           value="#option('livingCoral_slide2_title')">
                                    <br>
                                    <button type="button"
                                            for-src="livingCoral_slide2"
                                            for-input="livingCoral_slide2_input"
                                            class="jp-image-browser btn btn-flat btn-default btn-xs">
                                        <i class="fa fa-fw fa-image"></i> 选择图片
                                    </button>
                                    <br/>
                                    <img src="#(CPATH)#option('livingCoral_slide2','/templates/LivingCoral/static/images/livingCoral_slide2.jpg')"
                                         id="livingCoral_slide2">
                                    <input type="hidden" id="livingCoral_slide2_input" name="livingCoral_slide2"
                                           value="#option('livingCoral_slide2')">
                                </div>
                                <label class="col-sm-2 control-label">中间（下）</label>
                                <div class="col-sm-4">
                                    <label class="control-label">跳转链接</label>
                                    <input type="text" style="width: 100%" id="livingCoral_slide3_url" name="livingCoral_slide3_url"
                                           value="#option('livingCoral_slide3_url')">
                                    <br/>
                                    <label class="control-label">显示标题</label>
                                    <input type="text" style="width: 100%" id="livingCoral_slide3_title" name="livingCoral_slide3_title"
                                           value="#option('livingCoral_slide3_title')">
                                    <br>
                                    <button type="button"
                                            for-src="livingCoral_slide3"
                                            for-input="livingCoral_slide3_input"
                                            class="jp-image-browser btn btn-flat btn-default btn-xs">
                                        <i class="fa fa-fw fa-image"></i> 选择图片
                                    </button>
                                    <br/>
                                    <img src="#(CPATH)#option('livingCoral_slide3','/templates/LivingCoral/static/images/livingCoral_slide3.jpg')"
                                         id="livingCoral_slide3">
                                    <input type="hidden" id="livingCoral_slide3_input" name="livingCoral_slide3"
                                           value="#option('livingCoral_slide3')">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">右边（上）</label>
                            <div class="col-sm-4">
                                <label class="control-label">跳转链接</label>
                                <input type="text" style="width: 100%" id="livingCoral_slide4_url" name="livingCoral_slide4_url"
                                       value="#option('livingCoral_slide4_url')">
                                <br/>
                                <label class="control-label">显示标题</label>
                                <input type="text" style="width: 100%" id="livingCoral_slide4_title" name="livingCoral_slide4_title"
                                       value="#option('livingCoral_slide4_title')">
                                <br>
                                <button type="button"
                                        for-src="livingCoral_slide4"
                                        for-input="livingCoral_slide4_input"
                                        class="jp-image-browser btn btn-flat btn-default btn-xs">
                                    <i class="fa fa-fw fa-image"></i> 选择图片
                                </button>
                                <br/>
                                <img src="#(CPATH)#option('livingCoral_slide4','/templates/LivingCoral/static/images/livingCoral_slide4.jpg')"
                                     id="livingCoral_slide4">
                                <input type="hidden" id="livingCoral_slide4_input" name="livingCoral_slide4"
                                       value="#option('livingCoral_slide4')">

                            </div>

                            <label class="col-sm-2 control-label">右边（下）</label>
                            <div class="col-sm-4">
                                <label class="control-label">跳转链接</label>
                                <input type="text" style="width: 100%" id="livingCoral_slide5_url" name="livingCoral_slide5_url"
                                       value="#option('livingCoral_slide5_url')">
                                <br/>
                                <label class="control-label">显示标题</label>
                                <input type="text" style="width: 100%" id="livingCoral_slide5_title" name="livingCoral_slide5_title"
                                       value="#option('livingCoral_slide5_title')">
                                <br>
                                <button type="button"
                                        for-src="livingCoral_slide5"
                                        for-input="livingCoral_slide5_input"
                                        class="jp-image-browser btn btn-flat btn-default btn-xs">
                                    <i class="fa fa-fw fa-image"></i> 选择图片
                                </button>
                                <br/>
                                <img src="#(CPATH)#option('livingCoral_slide5','/templates/LivingCoral/static/images/livingCoral_slide5.jpg')"
                                     id="livingCoral_slide5">
                                <input type="hidden" id="livingCoral_slide5_input" name="livingCoral_slide5"
                                       value="#option('livingCoral_slide5')">
                            </div>
                        </div>

                        <h4 class="page-header">广告位</h4>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">右侧图片</label>
                            <div class="col-sm-6">
                                <label class="control-label">跳转链接</label>
                                <input type="text" style="width: 100%" id="livingCoral_ad_url" name="livingCoral_ad_url"
                                       value="#option('livingCoral_ad_url')">
                                <br/>
                                <button type="button"
                                        for-src="livingCoral_ad"
                                        for-input="livingCoral_ad_input"
                                        class="jp-image-browser btn btn-flat btn-default btn-xs">
                                    <i class="fa fa-fw fa-image"></i> 选择图片
                                </button>
                                <br/>
                                <img src="#(CPATH)#option('livingCoral_ad','/templates/LivingCoral/static/images/livingCoral_ad.jpg')"
                                     id="livingCoral_ad">
                                <input type="hidden" id="livingCoral_ad_input" name="livingCoral_ad"
                                       value="#option('livingCoral_ad')">
                            </div>
                        </div>

                        <h4 class="page-header">关于我们</h4>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">介绍一下</label>
                            <div class="col-sm-6">
                                    <textarea rows="5" class="form-control"
                                              placeholder="介绍一下..."
                                              name="livingCoral_about">#option("livingCoral_about" ??)</textarea>
                            </div>
                        </div>


                        <h4 class="page-header">友情链接</h4>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">底部链接</label>
                            <div class="col-sm-6">
                                    <textarea rows="5" class="form-control"
                                              placeholder="幻灯片地址..."
                                              name="livingCoral_links">#option("livingCoral_links" ??)</textarea>
                                <p class="help-block"> 一行一条数据。 <br/>
                                    <xmp style="color: red">示例：<a class="text-muted" target="_blank" href="https://www.liaocp.cn/" title="烛火博客">烛火博客</a></xmp>
                                </p>
                            </div>
                        </div>

                    </form>
                </div>

                <div class="box-footer">
                    <div class="col-sm-offset-2 col-sm-10 submit-block">
                        <div class="box-submit">
                            <button type="submit" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </section>
</div>

</section>

</div>
#end