@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/productList/{{$id}}" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>

    <div class="x-body">
        <div class="layui-row">
            <form action="/admin/productList/{{$id}}" class="layui-form layui-col-md12 x-so" onkeydown="if(event.keyCode==13)return false;">
                {{csrf_field()}}
                <input type="text" name="keyword"  value="{{$req['keyword'] or ""}}" placeholder="请输入产品名或型号" autocomplete="off" class="layui-input">

                <div class="layui-input-inline">
                    <select name="pid">
                        <option value="">所属分类</option>
                        @foreach($categoryArr as $c)
                            <option @if(isset($req['pid']) && $req['pid'] == $c['id'])) selected @endif value="{{$c['id']}}">{{ $c['name'] }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="layui-btn" style="margin: 0"  lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                <a onclick="member_up('',{{$id}}+'',0)" class="layui-btn x-right" style="margin: 0">下架所选</a>
                <a onclick="member_up('',{{$id}}+'',1)" class="layui-btn x-right" style="margin: 0;margin-right: 10px;">上架所选</a>
            </form>
        </div>
        {{csrf_field()}}
        <table class="layui-table" id="shopManage">
            <thead>
            <tr>
                <th>
                    <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
                </th>
                <th>产品ID</th>
                <th>所属分类</th>
                <th>产品名称</th>
                <th>型号</th>
                <th>上下架状态</th>
                <th>操作</th>
                <th>排序(倒序)</th>
                <th>选择活动</th>
            </thead>
            <tbody>
            @foreach($enterprises as $e)
                <tr>
                    <td>
                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{{$e->eid}}'><i class="layui-icon">&#xe605;</i></div>
                    </td>
                    <td>{{$e->eid}}</td>
                    <td>{{$category[$e->pid] or ''}}</td>
                    <td>{{$e->ename}}</td>
                    <td>{{$e->xh}}</td>
                    <td>@if($e->up == 1) 上架 @else 下架 @endif</td>
                    <td>
                        <a class="layui-btn " title="上架"  onclick="member_up({{$e->eid}}+'',{{$id}}+'',1)">
                            上架
                        </a>
                        <a class="layui-btn " title="下架" onclick="member_up({{$e->eid}}+'',{{$id}}+'',0)" href="javascript:;">
                            下架
                        </a>
                    </td>
                    <td>{{$e->sort}}</td>
                    <td>
                        <select lay-filter="aid" name="aid" class="aid{{$e->eid}} layui-form-select" onchange="setAid({{$e->eid}}+'',{{$id}}+'')" style="height: 33px;">
                            <option value="">暂无活动</option>
                            @foreach($activity as $a)
                                <option @if($e->aid == $a->id) selected @endif value="{{$a->id}}" style="height: 33px;">{{$a->name}}</option>
                            @endforeach
                        </select>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{$enterprises->appends($req)->links()}}
            </div>
        </div>
        <div class="layui-row">
            <a onclick="member_up('',{{$id}}+'',0)" class="layui-btn x-right" style="margin: 0">下架所选</a>
            <a onclick="member_up('',{{$id}}+'',1)" class="layui-btn x-right" style="margin: 0;margin-right: 10px;">上架所选</a>
        </div>

    </div>
    <script>
        layui.use(['form','laydate'], function(){
            var laydate = layui.laydate;
            form = layui.form;
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

        });

        function setAid(eid, shopid) {

            var loadIndex = layer.load(); //上传loading
            $.post(
                "/admin/setAid",
                {
                    'eid':eid,
                    'shopid':shopid,
                    'aid':$(".aid"+eid).val(),
                    '_token':$("input[name=_token]").val()
                },
                function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1 ) {

                        layer.msg(res.msg,{icon: 6,time:500});

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

                }, "json");
        }

        /*商品-上架*/
        function member_up(eid,id,up){
            if(!eid) {
                eid = tableCheck.getData();
            }
            layer.confirm('确认要执行吗？',function(index){
                $.get("/admin/shopProUp/"+id+"/"+eid+"/"+up, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        var tableId = document.getElementById("shopManage");
                        layer.msg(res.msg,{icon: 6,time:600},function () {
                            for (var i = 1; i < tableId.rows.length; i++) {
                                cell4 = up === 0 ? '下架' : '上架'; // 原来是上架改成下架

                                if (tableId.rows[i].cells[1].innerHTML === eid ) { // 单个上下架
                                    tableId.rows[i].cells[5].innerHTML = cell4
                                    break
                                } else if(eid.indexOf(tableId.rows[i].cells[1].innerHTML) !== -1) {
                                    tableId.rows[i].cells[5].innerHTML = cell4
                                }
                            }
                        });
                    } else {

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

    </script>
    <style>
        .x-so input.layui-input{
            width: 300px;
        }
    </style>

@endsection