{include file="../../../application/admin/view_new/public/head" /}
<div class="page-container p10">
    <div class="showpic" style="display:none;"><img class="showpic_img" width="120" height="160" alt=""></div>

    <blockquote class="layui-elem-quote layui-quote-nm">
        <strong>{$info.title|mac_filter_xss}</strong>
        <span class="layui-badge-rim">{$info.name|mac_filter_xss}</span>
        {if !empty($info.version)} · {:lang('ver')}: {$info.version|mac_filter_xss}{/if}
        <br>
        <span class="layui-word-aux">{:lang('admin/addon/config_refresh_tip')}</span>
    </blockquote>

    {if empty($config)}
    <div class="layui-bg-gray" style="padding:24px;text-align:center;">
        {:lang('admin/addon/config_empty')}
    </div>
    {else/}
    <form class="layui-form layui-form-pane" method="post" action="">
        <input type="hidden" name="__token__" value="{$Request.token}" />
        <input name="name" type="hidden" value="{$info.name|mac_filter_xss}">

        {foreach $config as $item}
        <div class="layui-form-item">
            <label class="layui-form-label">{$item.title|mac_filter_xss}：</label>
                {switch $item.type}
                {case string}
                <div class="layui-input-inline w600 ">
                <input type="text" name="row[{$item.name}]" value="{$item.value}" class="layui-input" data-rule="{$item.rule}" data-tip="{$item.tip}" {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if} {$item.extend} />
                </div>
            {/case}
                {case text}
                <div class="layui-input-inline w600 ">
                <textarea name="row[{$item.name}]" class="layui-input" data-rule="{$item.rule}" rows="5" data-tip="{$item.tip}" {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if} {$item.extend}>{$item.value}</textarea>
                </div>
                {/case}
                {case array}
                  <div class="layui-input-inline w700 ">
                     <div style="padding-left: 10px;">
                        {foreach name="item.value" item="vo" }
                           <div class=" w700 ">
                              <div class="layui-form-item">
                                 <label class="layui-form-label">{$key|mac_filter_xss}:</label>
                                 <div class="layui-input-block">
                                    <input type="text" name="row[{$item.name}][{$key}]" value="{$vo}" class="layui-input w500"  />
                                 </div>
                              </div>
                           </div>
                        {/foreach}
                     </div>
                  </div>
                {/case}
                {case datetime}
            <div class="layui-input-inline w600 ">
                <input type="text" name="row[{$item.name}]" value="{$item.value}" class="layui-input datetimepicker" data-tip="{$item.tip}" data-rule="{$item.rule}" {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if} {$item.extend} />
                </div>
                {/case}
                {case number}
            <div class="layui-input-inline w600 ">
                <input type="number" name="row[{$item.name}]" value="{$item.value}" class="layui-input" data-tip="{$item.tip}" data-rule="{$item.rule}" {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if} {$item.extend} />
                </div>
                {/case}
                {case checkbox}
            <div class="layui-input-inline w600 ">
                {foreach name="item.content" item="vo"}
                <input id="row[{$item.name}][]-{$key}" name="row[{$item.name}][]" type="checkbox" value="{$key}" data-tip="{$item.tip}" title="{$vo}" {in name="key" value="$item.value"}checked{/in} />
                {/foreach}
                </div>
                {/case}
                {case radio}
            <div class="layui-input-inline w700 ">
                {foreach name="item.content" item="vo"}
                <input id="row[{$item.name}]-{$key}" name="row[{$item.name}]" type="radio" value="{$key}" data-tip="{$item.tip}" title="{$vo}" {in name="key" value="$item.value"}checked{/in} />
                {/foreach}
                </div>
                {/case}
                {case value="select" break="0"}{/case}
                {case value="selects"}
            <div class="layui-input-inline w700 ">
                <select name="row[{$item.name}]{$item.type=='selects'?'[]':''}" class="layui-input selectpicker" data-tip="{$item.tip}" {$item.type=='selects'?'multiple':''} {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if}>
                    {foreach name="item.content" item="vo"}
                    <option value="{$key}" {in name="key" value="$item.value"}selected{/in}>{$vo}</option>
                    {/foreach}
                </select>
                </div>
                {/case}
                {case value="image" break="0"}{/case}
                {case value="images"}
            <div class="layui-input-inline w600 ">
                <input id="c-{$item.name}" class="layui-input upload-input upload-img" size="37" name="row[{$item.name}]" type="text" value="{$item.value}" data-tip="{$item.tip}" {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if}>
                </div>
            <div class="layui-input-inline w100">
                <button type="button" class="layui-btn layui-upload" lay-data="{data:{thumb:0,thumb_class:''}}" >{:lang('upload')}</button>
                </div>
                {/case}
                {case value="file" break="0"}{/case}
                {case value="files"}
            <div class="layui-input-inline w600 ">
                <input id="c-{$item.name}" class="layui-input upload-input" size="37" name="row[{$item.name}]" type="text" value="{$item.value}" data-tip="{$item.tip}" {if condition="isset($item['rule']) && strpos($item['rule'],'required')!==false"}lay-verify="required"{/if}>
            </div>
            <div class="layui-input-inline w100">
                <button type="button" class="layui-btn layui-upload" lay-data="{data:{thumb:0,thumb_class:''}}" >{:lang('upload')}</button>
            </div>
                {/case}
                {case bool}
                <div class="layui-input-inline">
                <input id="row[{$item.name}]-yes" name="row[{$item.name}]" type="radio" value="1" {$item.value?'checked':''} data-tip="{$item.tip}" title="{:lang('yes')}"/>
                <input id="row[{$item.name}]-no" name="row[{$item.name}]" type="radio" value="0" {$item.value?'':'checked'} data-tip="{$item.tip}" title="{:lang('no')}"/>
                </div>
                {/case}
                {/switch}
            {if !empty($item.tip)}
            <div class="layui-form-mid layui-word-aux">{$item.tip|mac_filter_xss}</div>
            {/if}
            </div>
        {/foreach}

        <div class="layui-form-item center">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" lay-submit="" lay-filter="formSubmit" data-child="true">{:lang('btn_save')}</button>
                <button class="layui-btn layui-btn-primary" type="reset">{:lang('btn_reset')}</button>
            </div>
        </div>
    </form>
    {/if}

</div>
{include file="../../../application/admin/view_new/public/foot" /}

<script type="text/javascript">
    layui.use(['form','upload', 'layer'], function () {
        var form = layui.form
                , layer = layui.layer
                , $ = layui.jquery
                , upload = layui.upload;

        upload.render({
            elem: '.layui-upload'
            ,url: "{:url('upload/upload')}?flag=addon"
            ,method: 'post'
            ,before: function(input) {
                layer.msg("{:lang('upload_ing')}", {time:3000000});
            },done: function(res, index, upload) {
                var obj = this.item;
                if (res.code == 0) {
                    layer.msg(res.msg);
                    return false;
                }
                layer.closeAll();
                var input = $(obj).parent().parent().find('.upload-input');
                if ($(obj).attr('lay-type') == 'image') {
                    input.siblings('img').attr('src', res.data.file).show();
                }
                input.val(res.data.file);
            }
        });

        $('.upload-img').hover(function (e){
            var e = window.event || e;
            var imgsrc = $(this).val();
            if(imgsrc.trim()==""){ return; }
            var left = e.clientX+document.body.scrollLeft+20;
            var top = e.clientY+document.body.scrollTop+20;
            $(".showpic").css({left:left,top:top,display:""});
            if(imgsrc.indexOf('://')<0){ imgsrc = ROOT_PATH + '/' + imgsrc;	} else{ imgsrc = imgsrc.replace('mac:','http:'); }
            $(".showpic_img").attr("src", imgsrc);
        },function (e){
            $(".showpic").css("display","none");
        });
    });
</script>

</body>
</html>