@extends('layouts.father')
@section('title', '商品同步')
@section('body')
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="">存货管理</a>
        <a>
          <cite>帘创优家本部商品</cite></a>
      </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="/admin/syncList" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">

        <div class="layui-row">
            <div class="layui-col-md3">
                <div id="cate"></div>
            </div>
            <div class="layui-col-md9">
                <form action="/admin/syncList" class="layui-form layui-col-md12 x-so" style="margin: 0">
                    <div class="layui-row" style="margin-bottom: 20px">
                        {{csrf_field()}}
                        <input type="hidden" name="pid" value="{{$req['pid'] or ""}}">
                        <input type="text" name="keyword" value="{{$req['keyword'] or ""}}" placeholder="请输入商品名"
                               autocomplete="off" class="layui-input li_input">
                        <div class="layui-input-inline">
                            <select name="up" class="ESelectup">
                                <option value="">请选择上下架</option>
                                <option @if(isset($req['up']) && $req['up'] != '' && $req['up'] == 1)) selected
                                        @endif value="1">上架
                                </option>
                                <option @if(isset($req['up']) && $req['up'] != '' && $req['up'] == 0)) selected
                                        @endif value="0">下架
                                </option>
                            </select>
                        </div>
                        <div class="layui-input-inline classify table-sort">
                            <select class="table-sort" name="sort" lay-filter="sort">
                                <option value="sort" @if(isset($req['sort']) && $req['sort'] == "sort") selected @endif >默认排序</option>
                                <option value="id" @if(isset($req['sort']) && $req['sort'] == "id") selected @endif >ID排序</option>
                                <option value="xh" @if(isset($req['sort']) && $req['sort'] == "xh") selected @endif >型号排序</option>
                            </select>
                        </div>
                        <button class="layui-btn" lay-submit="" lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                    </div>
                    <xblock>
                        <input type="checkbox" name="all" title="全选" id="all" lay-filter="all">
                        <a class="layui-btn layui-btn-sm" onclick="updateAll()">同步当前选中项</a>
                        {{--<a class="layui-btn layui-btn-sm" onclick="updateCate()">同步当前类目</a>--}}
                        <div class="layui-form-mid layui-word-aux x-right">类目：{{ isset($req["pid"]) && $req["pid"] != "" ? $category[$req["pid"]] : '全部' }}</div>
                    </xblock>
                </form>

                <table class="layui-table" lay-size="sm">
                    <thead>
                    <tr>
                        <th class="checkboxId">选择</th>
                        <th>序号</th>
                        <th>产品名称</th>
                        <th>存货上架</th>
                        <th>型号</th>
                        <th>分类</th>
                        <th>最小价格</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($enterprises as $k=>$e)
                        <tr class="info_tr">
                            <td class="checkboxId">
                                <input type="checkbox" name="select" lay-skin="primary" class="selectTd" lay-filter="selectTd" @if(!in_array($e->sync,$enterArr)) title="{{$e->id}}" @endif>
                            </td>
                            <td>{{ $k + 1 }}</td>
                            <td>{{$e->name}}</td>
                            <td>@if($e->up == 1) 上架 @else 下架 @endif</td>
                            <td>{{$e->xh}}</td>
                            <td>{{$category[$e->pid] or ''}}</td>
                            <td>{{ $e->price }}</td>
                            <td>
                                @if(in_array($e->id,$enterArr))
                                    <a class="layui-btn layui-btn-sm" onclick="updateOne({{$e->id}})">更新</a>
                                @else
                                    <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="updateOne({{$e->id}})">同步</a>
                                @endif
                                {{--<a title="编辑" onclick="x_admin_show('编辑','/admin/enterUpdate/{{$e->id}}')"
                                   href="javascript:;" class="layui-btn layui-btn-normal layui-btn-sm">
                                    <i class="layui-icon layui-icon-edit">&#xe642;编辑</i>
                                </a>
                                <a title="删除" onclick="member_del({{$e->id}})" href="javascript:;"
                                   class="layui-btn layui-btn-danger layui-btn-sm">
                                    <i class="layui-icon ">&#xe640;删除</i>
                                </a>--}}
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="page">
                    <div>
                        {{$enterprises->appends($req)->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>

        var cateArrOption = '';
        var form ;

        //获得选中的节点
        layui.use(['tree','form'], function(){
            var tree = layui.tree;
            var data = JSON.parse('{{ $data }}'.replace(/&quot;/g,'"'));
            form = layui.form;

            form.on('checkbox(all)', function (data) {
                var a = data.elem.checked;
                if (a === true) {
                    dayAll = true
                    $(".selectTd").prop("checked", true);
                    form.render('checkbox');
                } else {
                    dayAll = false
                    $(".selectTd").prop("checked", false);
                    form.render('checkbox');
                }
            })

            //渲染
            var inst1 = tree.render({
                elem: '#cate'  //绑定元素
                ,data: data
                ,id: 'demoId'
                ,onlyIconControl: true
                ,click: function(obj){
                    keyword = $("input[name=keyword]").val();
                    up = $("select[name=up]").val();
                    sort = $("select[name=sort]").val();
                    url = '?pid='+obj.data.id+'&keyword='+keyword+'&up='+up+'&sort='+sort;
                    location.href = url;

                }
            });

            @foreach($categoryArr as $cate)
                cateArrOption += '<option value="{{$cate['id']}}">{{$cate['name']}}</option>';
            @endforeach

        });

        // 同步当前类目
        function updateCate() {
            let pid = '{{isset($req["pid"]) ? $req["pid"] : ""}}';
        }

        // 同步当前页
        function updateAll() {

            let gid = '';//[]
            var checkboxIdobj = $(".info_tr .checkboxId").find("input")
            for (let i of checkboxIdobj){
                if(i.checked === true && $(i).attr('title') != undefined){
                    gid += $(i).attr('title') + ',';
                }
            }

            gid = gid.substr(0,gid.length-1);
            // console.log(gid);
            if(gid != '') {


                updateOne(gid)
            }

        }


        // 同步单条
        function updateOne(gid,pid='') {

            var url = "";
            url += '<div style="margin: 20px;">'
            url += '<form><div class="layui-form-inline" >'
            url += '<input type="hidden" name="gid" value="'+gid+'">'
            url += '<input type="hidden" name="pid" value="'+pid+'">'
            url += '<select name="pid_local">'+cateArrOption+'</select>'
            url += '<a class="layui-btn x-right" onclick="updateSave(this)" style="margin-top:10px;" >保存</a>'
            url += '</div></form>'
            url += '</div>'

            layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                area: ['420px', '240px'], //宽高
                title: '存入类目',
                content: url
            });

        }

        function updateSave(e) {

            var gid = $(e).parent().find("input[name=gid]").val();
            var pid = $(e).parent().find("input[name=pid]").val();
            var pid_local = $(e).parent().find("select[name=pid_local]").val();

            var loadIndex = layer.load(); //打开加载loading
            $.post("/admin/updateEnter",{
                '_token': $("input[name=_token]").val(),
                'gid':gid,
                'pid':pid,
                'pid_local':pid_local
            },function (res) {
                layer.close(loadIndex); //关闭加载loading
                // 发异步，把数据提交给php
                if (res.status == 1) {
                    //发异步把用户状态进行更改
                    layer.msg(res.msg,{icon: 6,time:1000},function () {

                        location.reload();
                    });

                } else {

                    layer.alert(res.msg, {icon: 5});
                }
            });
        }


    </script>

@endsection