{template 'common/header'}
<link rel="stylesheet" type="text/css" href="/addons/{$_GPC['m']}/resource/css/style.css"/>
<script src="./addons/{$_GPC['m']}/resource/js/jquery.min.js"></script>
<style type="text/css">
.tip{color: #b3b3b3;word-wrap:break-word;padding:5px;}
.tip_red{color:red;}
.hiden-tab {display: none;}
</style>

{template 'common/set_tab'}
<ul class="we7-page-tab" id="tab">
    {loop $list $index $item}
        <li {if $index == $tab_idx} class="active" {/if}><a href="#javascript:void(0);" data-toggle="tab">{$item['name']}</a></li>
    {/loop}
</ul>
<form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/SaveName',array('m'=>$_GPC['m'],'op'=>'SaveName','version_id'=>$_GPC['version_id'])}" name="submit" style="padding: 20px 0;">
             
    <input type="hidden" name="tab_idx" value="{$tab_idx}" />
    
    
        <div class="panel panel-default">
            {loop $list $index $item}
                <div class="this-panel panel-heading hiden-tab">{$item['name']}</div>
            {/loop}
            {loop $configList $k $v}
                <div class="panel-body hiden-tab system-tab">
                    {loop $v $index $item}
                        {if $item['type'] == 'text' && $item['code'] != 'system_update_status' }
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{$item['name']}</label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control"  name="{$item['code']}" value="{$item['value']}">
                                    <span class="tip">{$item['tip']}</span>
                                </div>
                            </div>
                        {else if $item['type'] == 'textarea'}
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{$item['name']}</label>
                                 <div class="col-sm-8">
                                    <textarea {if $item['code'] == 'zq_cron' }readonly{/if}  name="{$item['code']}" id="" class="form-control" cols="30" rows="5">{$item['value']}</textarea>
                                    <span class="tip">{$item['tip']}</span>
                                 </div>
                            </div>
                        {else if $item['type'] == 'switch'}
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{$item['name']}</label>
                                <div class="col-sm-8">
                                    <input type="checkbox" class="js-switch" value="1" id="{$item['code']}" name="{$item['code']}" data-value="{$item['value']}" data-field="status">
                                    <p style="color: #b3b3b3;word-wrap:break-word;padding:5px 5px 5px 80px;">{$item['tip']}</p>
                                    <script type="text/javascript" charset="utf-8">
                                        if ($("#{$item['code']}").attr("data-value") == "1") {
                                            $("#{$item['code']}").attr("checked", "checked");
                                        }else {
                                            $("#{$item['code']}").attr("checked", false)
                                        }
                                    </script>
                                </div>
                            </div>
                        {else if $item['type'] == 'color'}
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{$item['name']}</label>
                                <div class="col-sm-8">
                                    {php echo tpl_form_field_color($item['code'], $item['value'])}
                                    <span class="tip">{$item['tip']}</span>
                                </div>
                            </div>
                        {else if $item['type'] == 'select'}
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{$item['name']}</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="radio">
                                        {loop $item['store_range'] $index2 $item2}
                                            <label for="{$item['code']}" class="col-sm-2">
                                                <input name="{$item['code']}" type="radio" value="{$index2}" {if $item['value'] == $index2}checked{/if}>{$item2}
                                            </label>
                                        {/loop}
                                      </div>
                                      <span class="tip">{$item['tip']}</span>
                                  </div>
                            </div>
                        {else if $item['type'] == 'file'}
                            <div class="form-group">
                                <label class="col-sm-2 control-label">{$item['name']}</label>
                                <div class="col-sm-8">
                                    {php echo tpl_form_field_image($item['code'], $item['value']);}
                                    <p style="color: #b3b3b3;word-wrap:break-word;padding:5px 5px 0px;"> {$item['tip']} </p>
                                </div>
                            </div>
                        {/if}
                    {/loop}
                </div>
            {/loop}
        </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <input type="submit" name="submit" class="btn btn-default">
        </div>
    </div>
</form>
<script type="text/javascript">
var tab_idx = {$tab_idx};
$(function(){
  window.onload = function(){
    var li = $('.we7-page-tab li');
    var tab = $('.system-tab');
    var tabing = $('.this-panel');
    tab.eq((tab_idx ? tab_idx : 0)).css('display','block');
    tabing.eq((tab_idx ? tab_idx : 0)).css('display','block');
    li.click(function(){
      var that = $(this);
      var index = $(this).index();
      li.removeClass('active');
      that.addClass('active');
      tab.css('display', 'none');
      tab.eq(index).css('display', 'block');
      tabing.css('display', 'none');
      tabing.eq(index).css('display', 'block');
      $('input[name="tab_idx"]').val(index);
    })
  }
});
</script>
{template 'common/footer'}