@extends('layouts.father')
@section('title', '商品规格列表')
@section('body')
    <style>
        .info_tr a {
            text-decoration: underline!important;
        }
    </style>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="/admin/index">首页</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/goodsList"  title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        <button style="margin-top:0px" class="layui-btn x-right importBom"><i class="layui-icon"></i>导入</button>
    </div>
    <div class="x-body">
        <div class="layui-row">
            <form action="/admin/goodsList" class="layui-form layui-col-md12 x-so" onkeydown="if(event.keyCode==13)return false;">
                {{csrf_field()}}
                <div class="layui-input-inline">
                    <select name="warehouse">
                        <option value="">全部</option>
                        @foreach($warehouse as $w)
                            <option @if(isset($req['warehouse']) && $req['warehouse'] == $w)) selected @endif value="{{$w}}">{{$w}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="goods_num" @if(isset($req['goods_num']))  value="{{$req['goods_num']}}" @endif  placeholder="货位编码" autocomplete="off" class="layui-input">
                </div>
                <button class="layui-btn"  lay-filter="sreach" style="margin: 0"><i class="layui-icon">&#xe615;</i></button>
            </form>
        </div>
        <xblock>
            <button class="layui-btn" style="margin: 0" onclick="x_admin_show('添加货位','/admin/goodsAdd','700','500')"><i
                        class="layui-icon"></i>添加
            </button>
        </xblock>

        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>货位编码</th>
                <th>默认放置存货编号</th>
                <th>仓库</th>
                <th>电子设备码</th>
                <th>操作</th>
            </thead>
        </table>
        <table class="layui-table">
            <tbody id="x-img">
            @foreach($goods as $k=>$w)
                <tr class="info_tr">
                    <td>{{$k+1}}</td>
                    <td>
                        <a onclick="x_admin_show('编辑货位','/admin/goodsUpdate/{{$w->id}}','700','500')" class="a-red" href="javascript:;" >
                            {{$w->goods_num}}
                        </a>
                    </td>
                    <td>{{$w->number}}</td>
                    <td>{{$w->warehouse}}</td>
                    <td>{{$w->dz_imei}}</td>
                    <td class="td-manage">
                        <a title="编辑" onclick="x_admin_show('编辑货位','/admin/goodsUpdate/{{$w->id}}','700','500')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                            <i class="layui-icon">&#xe642;编辑</i>
                        </a>
                        &nbsp;
                        <a title="删除" onclick="normsType_del({{$w->id}})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                            <i class="layui-icon">&#xe640;删除</i>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{$goods->appends($req)->links()}}
            </div>
        </div>
    </div>
    <script>

        layui.use(['laydate', 'element', 'laypage','upload', 'layer'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件
            upload = layui.upload;
            //以上模块根据需要引入

            layer.ready(function () { //为了layer.ext.js加载完毕再执行
                layer.photos({
                    photos: '#x-img'
                    //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
                });
            });

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

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

            upload.render({
                elem: '.importBom' //绑定元素
                ,size: 2000
                ,accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/goodsImport' //上传接口
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    loadIndex = layer.load(); //上传loading
                }
                , done: function (res, index, upload) {
                    //上传完毕回调
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status == 1) {
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });
                    } else {
                        layer.alert(res.msg,{icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

        });


        /*仓库-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/goodsDel/" + id, function (res) {

                    // 发异步，把数据提交给php
                    if (res.status == 1) {
                        //发异步把用户状态进行更改
                        layer.msg(res.msg, {icon: 6, time: 1000}, function () {

                            location.reload();
                        });
                    } else {

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

        }


    </script>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <link rel="stylesheet" href="/css/tableContentRoll.css">
@endsection