{template 'common/header-base'}
<link rel="stylesheet" type="text/css" href="../addons/{$_GPC['m']}/resource/css/style.css"/>
<link rel="stylesheet" type="text/css" href="../addons/{$_GPC['m']}/resource/swal/dist/sweetalert2.min.css">
<link rel="stylesheet" type="text/css" href="../addons/{$_GPC['m']}/resource/js/theme/default/layer.css"/>
<div class="main">

<div class="panel panel-default">
    <div class="panel-body">
           
        <form id="collectForm" method="get" class="form-horizontal">

                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
                    <div class="input-group">
                        <span class="input-group-addon">平台：</span>
                        <select name="source" id="source" style="width:100%;">
                            <option value="1" selected>拼多多</option>
                            <option value="2">京东</option>
                            <option value="3">蘑菇街</option>
                            <option value="4">唯品会</option>
                            <option value="5">苏宁</option>
                        </select>
 
                    </div>
                </div>

                <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon">排序：</span>
                        <select name="sort" id="sort" style="width:100%;">
                            <option value="1" selected>默认</option>
                            <option value="2-1">销量从多到少</option>
                            <option value="2-0">销量从少到多</option>
                            <option value="3-1">价格从高至低</option>
                            <option value="3-0">价格从低至高</option>
                            <option value="4-1">佣金从多到少</option>
                            <option value="4-0">佣金从少至多</option>
                        </select>
                    </div>
                </div>


                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-4">
                    <div class="input-group" style="width:100%;">
                        <input type="text" class="form-control"  name="keyword" placeholder="请输入您想要搜索的商品" />
                    </div>
                </div>

                <div class="col-xs-12 col-sm-4 col-md-3 col-lg-1">
            		<a id="searchBtn" class="btn btn-primary" href="javascript:;">搜索</a>
                </div>


            </form>

    </div>
</div>

<div id="vlistDiv" class="panel panel-default" style="display:none;">
         <div class="panel-heading">
            <span style="margin-top: 10px;display: inline-block;">商品列表</span>
                    <!--<select name="cid" id="cidSele" style="position:relative;left:30px;">-->
                        <!--<option value="">请选择视频分类&nbsp;&nbsp;&nbsp;&nbsp;</option>-->
                        <!--{loop $cates $item}-->
                        <!--<option value="{$item['id']}">{$item['name']}</option>-->
                        <!--{/loop}-->
                    <!--</select>-->
                    
                    <!--<a class="btn btn-primary" style="float: right;" href="javascript:void(0);" id="import">确认选择</a>-->
            <div class="clearfix"></div>
        </div>
        <div class="panel-body">
            <table class="table">
                <thead>
                <tr>
                    <th style="width: 5%; text-align: center;"><input type="checkbox" onclick="cheAll()" id="che"></th>
                    <th style="width: 28%; text-align: center;">商品标题</th>
                    <th style="width: 10%; text-align: center;">主图</th>
                    <th style="width: 7%; text-align: center;">原价(元)</th>
                    <th style="width: 7%; text-align: center;">优惠券(元)</th>
                    <th style="width: 7%; text-align: center;">券后价(元)</th>
                    <th style="width: 7%; text-align: center;">佣金比</th>
                    <th style="width: 7%; text-align: center;">佣金(元)</th>
                    <th style="width: 7%; text-align: center;">销量</th>
                    <th style="width: 15%; text-align: center;">操作</th>
                </tr>
                </thead>
                <tbody id="vlistBody">

                
                </tbody>
            </table>
            
			
            <div style="text-align: right; margin-right: 46px;">
				<ul class="pagination pagination-centered">
					<li><a id="prepage" href="javascript:;">上一页</a></li>
					<li><a id="lastpage" href="javascript:;">下一页</a></li>
				</ul>
            </div>


        </div>
    </div>


</div>
<script type="text/javascript">
     require(["../addons/{php echo $_GPC['m']}/resource/swal/dist/sweetalert2.min.js", "../addons/{php echo $_GPC['m']}/resource/js/layer.js"],function(){
        $(function(){

            $(document).on('click', '.confirmSelect', function(){
                layer.msg('here')
                
                var lay_my = parent.layer.getFrameIndex(window.name);
                parent.layer.close(lay_my);

                parent.getGoodsDetail($(this).data('goods_id'), source, $(this).data('goods_url'));
                 
            });

            var source = 1;
            var keyword = '';
            var type = 1;
            var sort = 0;
            var page = 1;

            GetGoods();

            $('#prepage').click(function (){

                if(page == 1){
                    layer.msg('已经是第一页了');
                    return false;
                }

                page--;
                GetGoods();

            })
            $('#lastpage').click(function (){
                
                page++;
                GetGoods();
           
            })

            $('#searchBtn').click(function (){

                if($('input[name="keyword"]').val() == ''){
                    swal('请输入搜索关键词', '系统提示', 'warning');
                    return false;
                }
                
                keyword = $('input[name="keyword"]').val();

                $('#sort').val('1');
                type = 1;
                sort = 0;

                page = 1;
                GetGoods();
            })

            $('#source').change(function (){
                source = $(this).val()

                $('input[name="keyword"]').val('');
                keyword = '';

                $('#sort').val('1');
                type = 1;
                sort = 0;

                page = 1;
                GetGoods();
            })

             $('#sort').change(function (){

                sstr = $(this).val()

                //$('input[name="keyword"]').val('');
                //keyword = '';
                if(sstr == 1){
                type = 1;
                sort = 0;
                }else{
                var temp = sstr.split('-')
                type = temp[0];
                sort = temp[1];
                }

                page = 1;
                GetGoods();
            })
        
            function GetGoods(){
                
                var data = {
                            'source' : source,
                            'keyword' : keyword,
                            'type' : type,
                            'sort' : sort,
                            'page' : page
                           };

                console.log(data, 'data');

                $('.loader').show();
				$.ajax({
                            type:"post",
                            url:"{url 'site/entry/collectGoods',array('m'=>$_GPC['m'],'op'=>'collectGoods','version_id'=>$_GPC['version_id'])}",
                            data: data,
                            dataType:'json',
                            success:function(res){
                				$('.loader').hide();
                                console.log(res)

                                if(res.status == 1){

                                    	var glist = res.data
										var html = ''
										for(var x in glist){
                                            
                                            glist[x].coupon_after =  glist[x].has_coupon ? (glist[x].min_group_price - glist[x].coupon_discount) / 100 : glist[x].min_group_price / 100;
                                            
                                            glist[x].commission =  glist[x].promotion_rate ? Math.floor(glist[x].coupon_after * (glist[x].promotion_rate / 1000) * 100) / 100 : '/';
                                            
                                            glist[x].min_group_price = glist[x].min_group_price / 100; 
                                            glist[x].coupon_discount =  glist[x].has_coupon ? glist[x].coupon_discount / 100 : '/';
                                            glist[x].promotion_rate =  glist[x].promotion_rate ? (glist[x].promotion_rate / 10) + '%' : '/';

											html += '<tr> <td style="text-align: center;vertical-align: middle;"> <input type="checkbox" name="check[]" /> </td> <td style="text-align: center;vertical-align: middle;">'+ glist[x].goods_name +' </td> <td style="text-align: center;vertical-align: middle;"> <img src="'+ glist[x].goods_thumbnail_url +'" alt="'+ glist[x].goods_name +'" width="80px"> </td> <td style="text-align: center;vertical-align: middle;"> ' + glist[x].min_group_price + ' </td><td style="text-align: center;vertical-align: middle;"> ' + glist[x].coupon_discount + ' </td><td style="text-align: center;vertical-align: middle;"> ' + glist[x].coupon_after + ' </td><td style="text-align: center;vertical-align: middle;"> ' + glist[x].promotion_rate + ' </td><td style="text-align: center;vertical-align: middle;"> ' + glist[x].commission + ' </td><td style="text-align: center;vertical-align: middle;"> ' + glist[x].sales_tip + ' </td> <td style="text-align: center;vertical-align: middle;"> <a data-goods_id="' + glist[x].goods_id + '" data-goods_url="'+ glist[x].goods_url +'" class="btn btn-success btn-xs confirmSelect" href="javascript:;"><i class="fa fa-cog"></i>&nbsp;确认选择</a> </td> </tr>';
									   }

									   $('#vlistBody').html(html);
									   $('#vlistDiv').show();
                                       $(document).scrollTop(0);

                                }else{

                                    $('#vlistBody').html('');
									$('#vlistDiv').hide();
                                    swal(res.msg, '系统提示!', 'warning');

                                }
                            }
                })
            
            }
            
        });
     })
</script>