{template 'common/header'}
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/css/style.css" />
<link rel="stylesheet" type="text/css" href="../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.css" />

<style type="text/css">
.tree {
    /*min-height:20px;
    padding:0;
    margin-bottom:0;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)*/
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
/*.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}*/
 
.tree li span {
    /*-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;*/
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
    width:100%;
}
.tree li div.button_z{
    display:inline-block;
    position: absolute;
	top:8px;
	right:8px;
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .children span:hover {
    background:#eee;
}
 
.icon-plus-sign{display:inline-block;width:16px;height:16px;background:url('../addons/{php echo $_GPC['m']}/resource/images/ico_small.png') left -44px no-repeat;}
.icon-minus-sign{display:inline-block;width:16px;height:16px;background:url('../addons/{php echo $_GPC['m']}/resource/images/ico_small.png') left 0px no-repeat;}

</style>

{template 'common/more_tab'}

<div class="main">


<div class="panel panel-default">
     <div class="panel-heading">
        <span style="margin-top: 10px;display: inline-block;">拼多多分类</span>
        <a class="btn btn-primary" style="float: right;" id="snyDuoCate"><i class="fa fa-history"></i>&nbsp;同步拼多多分类</a>
        
        <a id="showWhole" class="btn btn-primary" style="float: right;margin-right:10px;" href="javascript:;"><i class="fa fa-plus"></i> 全部展开</a>
        <div class="clearfix"></div>
    </div>
    <div class="panel-body">
        <div class="tree">
            <ul class="list-group">
                {loop $list $index $item}
                <li class="list-group-item">

                    <span><i class="icon-minus-sign"></i> {$item['opt_name']}</span>
                    <div class="button_z">
                        <button type="button" data-opt_id="{$item['opt_id']}" class="btn btn btn-info btn-xs add"><i class="fa fa-plus-circle"></i> 添加</button>
                    </div>

                    <ul class="list-group child-ul" style="display:none;">
                        {loop $item['children'] $indexx $itemm}
                            <li class="list-group-item children"><span>{$itemm['opt_name']}</span> 
                             
                            <div class="button_z">
                                <button type="button" data-opt_id="{$itemm['opt_id']}" class="btn btn btn-info btn-xs add"><i class="fa fa-plus-circle"></i> 添加</button>
                            </div>

                            </li>
                        {/loop}
                    </ul>
                </li>
                {/loop}
            </ul>
        </div>
    </div>
   {template 'common/footer_hj'}
</div>
{template 'common/footer'}
<script>
    //console.log(1111);
    require(["../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.js"],function(){
        var d=true;
        $(function(){

            $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
            $('.tree li.parent_li > span').on('click', function (e) {
                var d = $(this).siblings('ul').is(":visible");
                $(this).siblings('ul').slideToggle('fast');
                //.siblings('dt').css('background-position','right -40px');
                if (d) {
                    console.log($(this).find(">i"));
                    $(this).find(">i").addClass('icon-minus-sign').removeClass('icon-plus-sign');
                    
                } else {
                  //  $(this).find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
                    $(this).find(">i").addClass('icon-plus-sign').removeClass('icon-minus-sign');
                }
                e.stopPropagation();
            });


            $('#snyDuoCate').click(function (){
                swal({
                    title: '同步提醒',
                    text: "确定进行同步吗?该操作耗时较长，请不要中止操作，否则导致数据不完整",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                }).then(function(isConfirm) {
                    if (isConfirm) {
                        $('.loader').show();
                        $.ajax({
                            type:"post",
                            url:"{url 'site/entry/SnyDuoCate',array('m'=>$_GPC['m'],'op'=>'SnyDuoCate','version_id'=>$_GPC['version_id'])}",
                            dataType:'json',
                            success:function(res){

                                $('.loader').hide();

                                if(res.status==1){

                                    swal('操作成功!', '请刷新页面', 'success');
                                    
                                    setTimeout(function (){
                                        window.location.reload();
                                    }, 2000);

                                }else{
                                    swal(res.msg, '操作失败!', 'error');
                                }

                            }
                        })
                    }
                })


            });


            var wholeKai = false;
            $('#showWhole').click(function (){
                   if(!wholeKai){
                    $(this).html('<i class="fa fa-minus"> 全部收起');
                    $('.icon-toggle').addClass('icon-plus-sign').removeClass('icon-minus-sign')
                    $('.child-ul').show();
                    wholeKai = true;
                   }else{
                    $(this).html('<i class="fa fa-plus"> 全部展开');
                    $('.icon-toggle').addClass('icon-minus-sign').removeClass('icon-plus-sign')
                    $('.child-ul').hide();
                    wholeKai = false;
                   }
            });

            //添加至分类
            $(".add").click(function(){

                var that=$(this);
                var opt_id=$(this).attr('data-opt_id');

                $('.loader').show();
                $.ajax({
                            type:"post",
                            url:"{url 'site/entry/addGoodsCate',array('m'=>$_GPC['m'],'op'=>'addGoodsCate','version_id'=>$_GPC['version_id'])}",
                            data:{opt_id:opt_id},
                            dataType:'json',
                            success:function(res){
                                $('.loader').hide();
                                if(res.status==1){
                                    swal('操作成功!', '操作成功!', 'success');
                                    //that.parent().parent().remove();
                                }else{
                                    swal(res.msg, '操作失败!', 'error');
                                }
                            }
                      });
                   
            });


        })
    })
    </script>