{template 'public/header'}
{template 'public/comhead'}
<script src="../addons/weisrc_dish/template/js/jquery-sortable.js"></script>
<style>
    .dragged {
        position: absolute;
        opacity: 0.5;
        z-index: 2000;
    }
    .dragmove {
        font-size: 13px;color:#079200!important;
    }

    li {
        list-style: none;
    }
</style>
<script>
    $(function() {
        $("ol.banner").sortable({handle: '.input-group-addon'});
        $("ol.contents").sortable({handle: '.mmove'});
    });
</script>
<ul class="nav nav-tabs">
    <li{if $operation == 'display'} class="active"{/if}><a href="{php echo $this->createWebUrl('style', array())}">主题设置</a></li>
    {if $operation == 'display'}
    <li{if $operation == 'default'} class="active"{/if}><a href="{php echo $this->createWebUrl('style', array(op => 'default'))}">添加默认板块</a></li>
    {/if}
    {if $operation == 'post'}<li class="active"><a href="#">主题编辑</a></li>{/if}
</ul>
{if $operation == 'display'}
<div class="main">
	<form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
        <div class="panel panel-default">
            <div class="panel-heading">
                首页设置
            </div>
            <div class="panel-body">
                <ol class="contents" style="padding: 0px;">
                    {php $isfirst = 0;}
                    {loop $styles $style}
                    <li class="panel-group">
                        <input type="hidden" name="mtype[{$style['id']}]" value="{$style['type']}">
                        <div class="panel panel-default">
                            <span class="mmove"><i class="fa fa-arrows" style="padding: 12px;"></i></span>
                            {if $style['type']=='home_slide'}
                            <a class="pull-right" style="margin-top: 10px;margin-right: 18px;"
                               href="{php echo $this->createWebUrl('style', array('op' => 'delete','id' =>  $style['id']))}"  onclick="return confirm('确认删除吗？');return false;" >删除</a>
                            <a class="pull-right" style="margin-top: 10px;margin-right: 5px;"
                               href="{php echo $this->createWebUrl('style', array('op' => 'post','id' =>  $style['id']))}" >编辑</a>
                            {/if}
                            <!--<div style="padding: 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;">-->
                                <!--<img src="" style="width: 10%;"/>-->
                            <!--</div>-->
                            <div class="panel-heading">
                                <h5 class="panel-title">
                                    <div>
                                        {$style['title']}
                                        {if $style['type']=='home_slide'}
                                        (
                                        {if $style['slidetype']==1}
                                        单图横幅
                                        {elseif $style['slidetype']==2}
                                        双图并排
                                        {elseif $style['slidetype']==3}
                                        三图排列
                                        {elseif $style['slidetype']==4}
                                        四图排列
                                        {elseif $style['slidetype']==5}
                                        商品滑动
                                        {elseif $style['slidetype']==6}
                                        商品双排
                                        {/if}
                                        )
                                        {/if}
                                        {if $isfirst==0}
                                        <span class="color-green dragmove" >
                                            支持拖动排序</span>
                                        {/if}
                                        <span class="label label-default {if $style['status']==1}label-success{/if} pull-right"
                                          onclick="setProperty(this,{$style['id']})" data='{$style['status']}'>
                                        显示/隐藏</span>
                                    </div>
                                </h5>
                            </div>
                        </div>
                    </li>
                    {php $isfirst=1;}
                    {/loop}
                </ol>
                <a class="btn btn-default col-lg-2" onclick="addModules();">添加图片组</a>
            </div>
        </div>
        <div class="form-group col-sm-12">
            <input type="hidden" name="id" value="{$setting['id']}" />
            <input type="submit" name="submit" value="保存设置" class="btn btn-primary col-lg-3" />
            <input type="hidden" name="token" value="{$_W['token']}" />
        </div>
	</form>
</div>
<script type="text/html" id="banner-form-html">
    {php include $this->template('web/_banner');}
</script>
<script type="text/javascript">
    <!--
    function setProperty(obj,id){
        $(obj).html($(obj).html() + "...");
        $.post("{php echo $this->createWebUrl('setstyleproperty')}"
                ,{id:id, data: obj.getAttribute("data")}
                ,function(d){
                    $(obj).html($(obj).html().replace("...",""));
                    $(obj).attr("data",d.data);
                    if(d.result==1){
                        $(obj).toggleClass("label-success");
                    } else {
                        $(obj).toggleClass("label-default");
                    }
                },"json"
        );
    }

    function addModules(){
        $.ajax({
            url: "{php echo $this->createWebUrl('getbanner')}"
            ,cache: false
            ,type :'post'
            ,data :{}
        }).done(function(html) {
//            $(".contents").append(html);

            $('.contents').append($('#banner-form-html').html());
        });
    }
    //-->
</script>
{elseif $operation == 'post'}
<div class="main">
    <form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
        <div class="panel panel-default">
            <div class="panel-heading">
                主题编辑
            </div>
            <div class="panel-body">
                <input type="hidden" name="id" value="{$id}" />
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">组合名称</label>
                    <div class="col-sm-9">
                        <input type="text" name="title" class="form-control" value="{$item['title']}" />
                        <input type="hidden" name="id" id="id" value="{$item['id']}">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">组合类型</label>
                    <div class="col-sm-9">
                        <select class="form-control" name="slidetype" id="slidetype">
                            <option value="1" {if $item['slidetype']==1}selected{/if}>单图横幅</option>
                            <option value="2" {if $item['slidetype']==2}selected{/if}>双图并排</option>
                            <option value="3" {if $item['slidetype']==3}selected{/if}>三图排列</option>
                            <option value="4" {if $item['slidetype']==4}selected{/if}>四图排列</option>
                            <option value="5" {if $item['slidetype']==5}selected{/if}>商品滑动</option>
                            <option value="6" {if $item['slidetype']==6}selected{/if}>商品双排</option>
                        </select>
                        <div class="help-block"></div>
                    </div>
                </div>
            </div>

        <div class="panel-heading">
            图片信息
            <a class="btn btn-success btn-sm pay" href="javascript:void(0);" > 选择商品</a>
        </div>
        <div class="panel-body">
            {if $prize}
            {loop $prize $row}
            <div>
                <input type="hidden" name="prize_id[{$row['id']}]" value="{$row['id']}" />
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">名称</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="{$row['pictitle']}" name="pictitle[{$row['id']}]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">链接</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="{$row['picurl']}" name="picurl[{$row['id']}]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">图片</label>
                    <div class="col-sm-9">
                        {php echo tpl_form_field_image('picimage['.$row['id'].']',$row['picimage']);}
                        <div class="help-block"></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">价格</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="{$row['nowprice']}"
                               name="picnowprice[{$row['id']}]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">原价</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="{$row['oldprice']}"
                               name="picoldprice[{$row['id']}]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>
                    <div class="col-sm-9">
                        <button type="button" class="btn btn-danger btn_del_award2" data-id="{$row['id']}">删除</button>
                    </div>
                </div>
                <hr/>
            </div>
            {/loop}
            {/if}
            <div id="prize" style="display: none">
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">名称</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="" name="pictitle_new[]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">链接</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="" name="picurl_new[]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">图片</label>
                    <div class="col-sm-9">
                        {php echo tpl_form_field_image('picimage_new[]','');}
                        <div class="help-block"></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">价格</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="" name="picnowprice_new[]">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 control-label">原价</label>
                    <div class="col-sm-9">
                        <input class="form-control" type="text" value="" name="picoldprice_new[]">
                    </div>
                </div>
            </div>
            <span id="award_insert_flag" style="display: none"></span>
            <div class="form-group">
                <div class="col-sm-5"></div>
                <div class="col-sm-7">
                    <button id="btn_add_award" type="button" class="btn btn-warning">
                        <span class="glyphicon glyphicon-plus"></span> 添加图片
                    </button>
                </div>
            </div>
        </div>
        </div>
        <div class="form-group col-sm-12">
            <input type="submit" name="submit" value="保存设置" class="btn btn-primary col-lg-3" />
            <input type="hidden" name="token" value="{$_W['token']}" />
        </div>
        <div id="modal-module-menus" class="modal fade" tabindex="-1">
            <div class="modal-dialog" style="width: 800px;">
                <div class="modal-content">
                    <div class="modal-header"><button aria-hidden="true" data-dismiss="modal" class="close" type="button">×
                    </button><h3>选择商品</h3></div>
                    <div class="modal-body" >
                        <div class="row">
                            <select name="storeid" class="form-control" id="storeid">
                                <option value="0">请选择所属门店</option>
                                {loop $stores $row}
                                <option value="{$row['id']}">{$row['title']}</option>
                                {/loop}
                            </select>
                        </div>
                        <div class="row" style="margin-top: 5px;">
                            <div class="input-group">
                                <input type="text" class="form-control" name="keyword" value="" id="search-kwd" placeholder="输入商品名称进行搜索" />
                                <span class='input-group-btn'><button type="button" class="btn btn-default" onclick="search_entries();">搜索</button></span>
                            </div>
                        </div>
                        <div id="module-menus" style="padding-top:5px;"></div>
                    </div>
                    <div class="modal-footer"><a href="#" class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</a></div>
                </div>
            </div>
        </div>
    </form>
</div>
<script>
    $('#btn_add_award').bind('click', function(){
        var content = '<div>';
        content += $("#prize").html();
        content += '<div class="form-group">';
        content += '<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>';
        content += '<div class="col-sm-9">';
        content += '';
        content += '</div>';
        content += '</div>';
        content += '<hr/>';
        content += '</div>';
        $('#award_insert_flag').before(content);
    });
    $('.btn_del_award').bind('click', function(){
        var obj = $(this).parent().parent().parent();
        obj.slideUp(300, function() {
            obj.remove();
        });
    });
    $('.btn_del_award2').bind('click', function(){
        var obj = $(this).parent().parent().parent();
        obj.slideUp(300, function() {
            obj.remove();
        });

        id = $(this).attr("data-id");
        $.post('{php echo $this->createWebUrl('style',array('op' => 'deletepic'));}', {picid:id},function(data){
        },'json');
    });

    $(function () {
        $("div").delegate(".pay", "click", function () {
//            $("#id").val($(this).attr("data-codeid"));
            $('#modal-module-menus').modal();
        });
    });

    function search_entries() {
        var kwd = $.trim($('#search-kwd').val());
        var storeid = $('#storeid').val();
        $.post('{php echo $this->createWebUrl('querystylegoods');}', {keyword: kwd,storeid: storeid}, function(dat){
            $('#module-menus').html(dat);
        });
    }
    function select_entry(id, title, thumb, url, nowprice, oldprice) {

        var content = '<div>';
        content += '<div id="prize">';
        content += '<div class="form-group">';
        content += '<label class="col-xs-12 col-sm-2 col-md-2 control-label">名称</label>';
        content += '<div class="col-sm-9">';
        content += '<input class="form-control" type="text" value="'+title+'" name="pictitle_new[]">';
        content += '</div></div><div class="form-group"> <label class="col-xs-12 col-sm-2 col-md-2 control-label">链接</label>';
        content += '<div class="col-sm-9">';
        content += '<input class="form-control" type="text" value="'+url+'" name="picurl_new[]">';
        content += '</div></div>';
        content += '<div class="form-group"><label class="col-xs-12 col-sm-3 col-md-2 control-label">图片</label><div class="col-sm-9">';
        content += '<div class="input-group ">';
        content += '<input type="text" name="picimage_new[]" value="'+thumb+'" class="form-control" autocomplete="off">';
        content += '<span class="input-group-btn">';
        content += '<button class="btn btn-default" type="button" onclick="showImageDialog(this);">选择图片</button>';
        content += '</span></div>';
        content += '<div class="input-group " style="margin-top:.5em;">';
        content += '<img src="'+thumb+'" onerror="this.src=\'./resource/images/nopic.jpg\'; this.title=\'图片未找到.\'" class="img-responsive img-thumbnail" width="150">';
        content += '<em class="close" style="position:absolute; top: 0px; right: -14px;" title="删除这张图片" onclick="deleteImage(this)">×</em> </div><div class="help-block"></div>';
        content += '</div>';
        content += '<div class="form-group">';
        content += '<label class="col-xs-12 col-sm-2 col-md-2 control-label">价格</label>';
        content += '<div class="col-sm-9">';
        content += '<input class="form-control" type="text" value="'+nowprice+'" name="picnowprice_new[]">';
        content += '</div></div>';
        content += '<div class="form-group">';
        content += '<label class="col-xs-12 col-sm-2 col-md-2 control-label">原价</label>';
        content += '<div class="col-sm-9">';
        content += '<input class="form-control" type="text" value="'+oldprice+'" name="picoldprice_new[]">';
        content += '</div></div>';
        content += '</div></div>';
        content += '<div class="form-group">';
        content += '<label class="col-xs-12 col-sm-3 col-md-2 control-label"></label>';
        content += '<div class="col-sm-9">';
        content += '</div>';
        content += '</div>';
        content += '<hr/>';
        content += '</div>';
        $('#award_insert_flag').before(content);
    }
</script>
{/if}
{if $_W['isfounder']}
{template 'common/footer'}
{else}
{template 'public/footer'}
{/if}