{extend name="layout"/}

{block name="content"}
<ul class="nav nav-tabs">
    <li class="active">
        <a href="#base" data-toggle="tab">
            基础设置
        </a>
    </li>
    <li>
        <a href="#attribute" data-toggle="tab">
            属性设置
        </a>
    </li>
    <li>
        <a id="modeCon" href="#extend" data-toggle="tab">
            拓展设置
        </a>
    </li>
    <li class="pull-xs-right label label-primary">"{$modelTitle}"模型{if $info.ifmain}主表{else}附表{/if}字段编辑</li>
</ul>
<form method="post" action="{:url('edit',['id'=>$info.id])}">
    <div class="tab-content tab-content-bordered">
        <div class="tab-pane fade in active" id="base">
            <div class="panel">
                <div class="panel-body">
                    <fieldset class="form-group">
                        <label>字段名称*</label>
                        <input type="text" class="form-control" name="name" placeholder="字段英文名称" value="{$info.name}">
                    </fieldset>
                    <fieldset class="form-group">
                        <label>字段标题*</label>
                        <input type="text" class="form-control" name="title" placeholder="字段中文标题" value="{$info.title}">
                    </fieldset>
                    <fieldset class="form-group">
                        <label>字段备注说明</label>
                        <textarea class="form-control" rows="3" name="remark" placeholder="填写字段说明">{$info.remark}</textarea>
                    </fieldset>
                    <fieldset class="form-group">
                        <label>排序</label>
                        <input type="number" class="form-control" name="orders" placeholder="只能是正整数" value="{$info.orders}">
                    </fieldset>
                    <input type="hidden" name="model_id"  value="{$info.model_id}">
                    <div class="panel-footer text-right">
                        <input type="submit" class="btn btn-primary" value="确认修改">
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade in" id="attribute">
            <div class="panel">
                <div class="panel-body">
                    <fieldset class="form-group">
                        <label >字段类型*</label>
                        <select id="type" name="type" class="form-control select2-example select2-hidden-accessible" style="width: 100%" data-allow-clear="true" tabindex="-1" aria-hidden="true">
                            <option></option>
                            {volist name="fieldType" id="vo"}
                            <option {if $info.type==$vo.name}selected{/if} value="{$vo.name}"
                                    data-define="{$vo.default_define}"
                                    data-ifoption="{$vo.ifoption}"
                                    data-ifstring="{$vo.ifstring}"
                                    data-ifnumber="{if 'number'==$vo.name}1{else}0{/if}">{$vo.title}</option>
                            {/volist}
                        </select>
                    </fieldset>
                    <fieldset class="form-group">
                        <label>字段定义*</label>
                        <input type="text" class="form-control" id="define" name="define" placeholder="字段长度定义" value="{$info.define}">
                    </fieldset>
                    <div id="imgset" {if 'image'==$info.type||'images'==$info.type}{else}style="display:none"{/if}>
                         <fieldset class="form-group">
                            <label>是否生成缩略图</label>
                            <label for="switcher-thumb" class="switcher switcher-primary">
                                <input type="checkbox" name="jsonrule[thumb][ifon]" value="1" id="switcher-thumb" {if isset($info['jsonrule']['thumb']['ifon'])}checked=""{/if}>
                                       <div class="switcher-indicator">
                                    <div class="switcher-yes">是</div>
                                    <div class="switcher-no">否</div>
                                </div>
                                &nbsp;
                            </label>
                        </fieldset>
                        <div id="thumbset" {if isset($info['jsonrule']['thumb']['ifon'])}{else}style="display:none"{/if} >
                             <fieldset class="form-group">
                                <label>缩略图大小</label>
                                <input type="text" class="form-control" name="jsonrule[thumb][size]" placeholder="长,宽" value="{if isset($info['jsonrule']['thumb']['size'])}{$info['jsonrule']['thumb']['size']}{else}{:config('upload_image_thumb')}{/if}">
                            </fieldset>
                            <fieldset class="form-group">
                                <label style="clear:both; display: block">缩略图裁剪位置</label>
                                {php}$thumb_type=isset($info['jsonrule']['thumb']['type'])?$info['jsonrule']['thumb']['type']:config('upload_image_thumb_type');{/php}
                                <select name="jsonrule[thumb][type]" class="form-control">
                                    <option value="1" {if 1==$thumb_type} selected {/if}>等比例缩放</option>
                                    <option value="2" {if 2==$thumb_type} selected {/if}>缩放后填充</option>
                                    <option value="3" {if 3==$thumb_type} selected {/if}>居中裁剪</option>
                                    <option value="4" {if 4==$thumb_type} selected {/if}>左上角裁剪</option>
                                    <option value="5" {if 5==$thumb_type} selected {/if}>右下角裁剪</option>
                                    <option value="6" {if 6==$thumb_type} selected {/if}>固定尺寸缩放</option>
                                </select>
                            </fieldset>
                        </div>
                    </div>
                    <div id="fileset" {if isset($info['jsonrule']['file']['type'])}{else}style="display:none"{/if}>
                        <fieldset class="form-group">
                            <label>文件类型*</label>
                            <input id="filetype" type="text" class="form-control" name="jsonrule[file][type]" placeholder="" value="{if isset($info['jsonrule']['file']['type'])}{$info['jsonrule']['file']['type']}{/if}">
                            <small class="text-muted">不得超出系统配置：{:config('upload_file_ext')}范围</small>
                        </fieldset>
                        <fieldset class="form-group">
                            <label>文件大小限制</label>
                            <input type="number" class="form-control" name="jsonrule[file][size]" placeholder="" value="{if isset($info['jsonrule']['file']['size'])}{$info['jsonrule']['file']['size']}{/if}">
                            <small class="text-muted">不得超过系统配置：{:config('upload_file_size')}，0为不限制，单位：kb</small>
                        </fieldset>
                    </div>
                    <ul class="nav nav-tabs nav-tabs-simple">
                        <li class="active">
                            <a href="#manual" data-toggle="tab">
                                手动指定
                            </a>
                        </li>
                        <li>
                            <a href="#fields" data-toggle="tab">
                                字段关联
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content ">
                        <div class="tab-pane fade in active" id="manual">
                            <fieldset class="form-group" id="options" {if !$fieldType[$info['type']]['ifoption']}style="display:none"{/if}>
                                      <label>选项</label>
                                <textarea class="form-control" rows="4" name="options" placeholder="值:描述
值:描述
值:描述
......">{$info.options}</textarea>
                                <small class="text-muted" >用于单选、多选、下拉等类型</small>
                            </fieldset>
                            <fieldset class="form-group">
                                <label>字段默认值</label>
                                <textarea class="form-control" rows="2" name="value" placeholder="未指定值时默认插入字段的值">{$info.value}</textarea>
                            </fieldset>
                        </div>
                        <div class="tab-pane fade in" id="fields">
                            <div id="autoOptions" {if !$fieldType[$info['type']]['ifoption']}style="display:none"{/if}>
                                 <fieldset class="form-group">
                                    <label >表名</label>
                                    <input name="jsonrule[choose][table]" value="{if isset($info['jsonrule']['choose'])}{$info['jsonrule']['choose']['table']}{/if}"  class="form-control typeahead-table" type="text" data-provide="typeahead" autocomplete="on">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label >值字段</label>
                                    <input name="jsonrule[choose][key]" value="{if isset($info['jsonrule']['choose'])}{$info['jsonrule']['choose']['key']}{/if}"  class="form-control typeahead-key" type="text" data-provide="typeahead" autocomplete="on">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>描述字段</label>
                                    <input name="jsonrule[choose][value]" value="{if isset($info['jsonrule']['choose'])}{$info['jsonrule']['choose']['value']}{/if}"  class="form-control typeahead-value" type="text" data-provide="typeahead" autocomplete="on">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>筛选条件</label>
                                    <input name="jsonrule[choose][where]" value="{if isset($info['jsonrule']['choose'])}{$info['jsonrule']['choose']['where']}{/if}"  class="form-control" type="text" placeholder="where条件">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>数量</label>
                                    <input name="jsonrule[choose][limit]" value="{if isset($info['jsonrule']['choose'])}{$info['jsonrule']['choose']['limit']}{/if}"  class="form-control" type="text" placeholder="limit条件">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>排序</label>
                                    <input name="jsonrule[choose][order]" value="{if isset($info['jsonrule']['choose'])}{$info['jsonrule']['choose']['order']}{/if}" class="form-control" type="text" placeholder="order条件">
                                </fieldset>
                            </div>
                            <div id="autoString" {if !$fieldType[$info['type']]['ifstring']}style="display:none"{/if}>
                                 <fieldset class="form-group">
                                    <label >表名</label>
                                    <input name="jsonrule[string][table]" value="{if isset($info['jsonrule']['string'])}{$info['jsonrule']['string']['table']}{/if}"   class="form-control typeahead-table" type="text" data-provide="typeahead" autocomplete="on">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>字段</label>
                                    <input name="jsonrule[string][key]" value="{if isset($info['jsonrule']['string'])}{$info['jsonrule']['string']['key']}{/if}"  id="typeahead-key" class="form-control" type="text" data-provide="typeahead" autocomplete="on">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>分隔符</label>
                                    <input name="jsonrule[string][delimiter]" value="{if isset($info['jsonrule']['string'])}{$info['jsonrule']['string']['delimiter']}{/if}"  class="form-control" type="text" placeholder="字段值组合成字符的分隔符">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>筛选条件</label>
                                    <input name="jsonrule[string][where]" value="{if isset($info['jsonrule']['string'])}{$info['jsonrule']['string']['where']}{/if}"  class="form-control" type="text" placeholder="where条件">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>数量</label>
                                    <input name="jsonrule[string][limit]" value="{if isset($info['jsonrule']['string'])}{$info['jsonrule']['string']['limit']}{/if}"  class="form-control" type="text" placeholder="limit条件">
                                </fieldset>
                                <fieldset class="form-group">
                                    <label>排序</label>
                                    <input name="jsonrule[string][order]" value="{if isset($info['jsonrule']['string'])}{$info['jsonrule']['string']['order']}{/if}" class="form-control" type="text" placeholder="order条件">
                                </fieldset>
                            </div>
                            <div id="autoNumber"  {if 'number'!=$fieldType[$info['type']]['name']}style="display:none"{/if}>
                                 <fieldset class="form-group">
                                     <label>计算公式</label>
                                     <input name="jsonrule[number][formula]" class="form-control" type="text" placeholder="同模型的数字或选项字段,例：字段1+(字段2-字段3)*字段4/字段5" value="{if isset($info['jsonrule']['number'])}{$info['jsonrule']['number']['formula']}{/if}">
                                 </fieldset>
                             </div>
                        </div>
                    </div>
                    <div class="panel-footer text-right">
                        <input type="submit" class="btn btn-primary" value="确认修改">
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade in" id="extend">
            <div class="panel">
                <div class="panel-body">
                    <input type="hidden" name="ifmain"  value="{$info.ifmain}">
                    <fieldset class="form-group" id="ifrequire">
                        <label>是否必填</label>
                        <label for="switcher-ifrequire" class="switcher switcher-primary">
                            <input type="checkbox" name="ifrequire" value="1" id="switcher-ifrequire" {if $info.ifrequire}checked=""{/if}>
                                   <div class="switcher-indicator">
                                <div class="switcher-yes">是</div>
                                <div class="switcher-no">否</div>
                            </div>
                            &nbsp;
                        </label>
                    </fieldset>
                    {if $info['ifmain']}
                    <fieldset class="form-group" id="ifsearch" {if !in_array($info['type'],['text', 'textarea', 'tags', 'Ueditor'])}style="display:none"{/if}>
                              <label>是否可搜索</label>
                        <label for="switcher-ifsearch" class="switcher switcher-primary">
                            <input type="checkbox" name="ifsearch" value="1" id="switcher-ifsearch" {if $info.ifsearch}checked=""{/if}>
                                   <div class="switcher-indicator">
                                <div class="switcher-yes">是</div>
                                <div class="switcher-no">否</div>
                            </div>
                            &nbsp;
                        </label>
                        <small class="text-muted" style="clear:both; display: block">只有主表字段支持搜索</small>
                    </fieldset>
                    {/if}
                    <fieldset class="form-group">
                        <label>是否显示</label>
                        <label for="switcher-ifeditable" class="switcher switcher-primary">
                            <input type="checkbox" name="ifeditable" value="1" id="switcher-ifeditable" {if $info.ifeditable}checked=""{/if}>
                                   <div class="switcher-indicator">
                                <div class="switcher-yes">是</div>
                                <div class="switcher-no">否</div>
                            </div>
                            &nbsp;
                        </label>
                    </fieldset>
                    <fieldset class="form-group">
                        <label>状态</label>
                        <label for="switcher-status" class="switcher switcher-primary">
                            <input type="checkbox" name="status" value="1" id="switcher-status" {if $info.status}checked=""{/if}>
                                   <div class="switcher-indicator">
                                <div class="switcher-yes">启用</div>
                                <div class="switcher-no">停用</div>
                            </div>
                            &nbsp;
                        </label>
                    </fieldset>
                    <div class="panel-footer text-right">
                        <input type="submit" class="btn btn-primary" value="确认修改">
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
{/block}
{block name="javascript"}
<script >
    $(function () {
        $('.select2-example').select2({
            placeholder: '选择字段类型',
        });
        $('#filetype').tagsinput({tagClass: 'label label-primary'});
        $('#switcher-thumb').change(function () {
            if ($(this).prop('checked')) {
                $('#thumbset').show();
            } else {
                $('#thumbset').hide();
            }
        });
        $('#type').change(function () {
            $('#define').val($(this).find("option:selected").attr("data-define"));
            var ifoption = $(this).find("option:selected").attr("data-ifoption");
            var ifstring = $(this).find("option:selected").attr("data-ifstring");
            var ifnumber = $(this).find("option:selected").attr("data-ifnumber");
            //图片字段设置显隐
            if ('image' == $(this).val() || 'images' == $(this).val()) {
                $('#imgset').show();
            } else {
                $('#imgset').hide();
            }
            //文件字段设置显隐
            if ('files' == $(this).val()) {
                $('#fileset').show();
            } else {
                $('#fileset').hide();
            }
            //选项字段手动和关联隐显
            if (ifoption == '1') {
                $('#options').show();
                $('#autoOptions').show();
            } else {
                $('#options').hide();
                $('#autoOptions').hide();
            }
            //字符串字段关联显隐
            if (ifstring == '1') {
                $('#autoString').show();
            } else {
                $('#autoString').hide();
            }
            //数字字段关联显隐
            if (ifnumber == '1') {
                $('#autoNumber').show();
            } else {
                $('#autoNumber').hide();
            }
            //搜索隐显
            if (ifstring == '1') {
                $('#ifsearch').show();
            } else {
                $('#ifsearch').hide();
            }
            //清除提示窗口
            if ($(this).val()) {
                $('#type_waring').hide();
            } else {
                $('#type_waring').show();
            }
        });
        $('.typeahead-table').typeahead({source: {$tables|raw}, minLength: 0});
    });
</script>
{/block}