@extends('layouts.father')
@section('title', '结账列表')
@section('body')
    <div class="x-body">


        <div class="layui-row">

            <form action="/admin/monthDetail?id={{$id}}" class="layui-form layui-col-md12 x-so">
                <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 >{{$w}}</option>
                        @endforeach
                    </select>
                </div>
                <input type="hidden" name="id" value="{{$id}}">
                <div class="layui-input-inline">
                    <input name="number" class="layui-input" @if(isset($req['number'])) value="{{$req['number']}}" @endif placeholder="请输入货号模糊搜索">
                </div>
                <button class="layui-btn"  lay-filter="sreach"  style="margin: 0"><i class="layui-icon">&#xe615;</i></button>

            </form>
        </div>

            <table class="layui-table" lay-size="sm">
                <thead>
                    <th>货号</th>
                    <th>仓库</th>
                    <th>结账日期</th>
                    <th>会计期</th>
                    <th>数量</th>
                    <th>金额</th>
                </thead>
                <tbody>
                @foreach($month_detail as $m)
                    <tr>
                        <td>{{$m->number}}</td>
                        <td>{{$m->warehouse}}</td>
                        <td>{{$m->closing_date}}</td>
                        <td>{{$m->accounting_period}}</td>
                        <td>{{$m->num}}</td>
                        <td>{{$m->money}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        <div class="page">
            <div>
                {{$month_detail->appends($req)->links()}}
            </div>
        </div>
    </div>
    <link rel="stylesheet" href="/css/tableContentRoll.css">
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <script>
        console.log(1)
        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
                }
            });

        });
    </script>
@endsection