@extends('layouts.father')
@section('title', '货号活动列表')
@section('style')
@endsection
@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/normsActivity" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <xblock>

            <form action="/admin/normsActivity" class="layui-form layui-col-md12 x-so">
                {{csrf_field()}}
                <input type="text" name="keyword" placeholder="请输入货号" value="{{ $req['keyword'] or ''}}" autocomplete="off" class="layui-input">
                <div class="layui-input-inline">
                    <select name="shop" lay-search>
                        <option value="">请选择门店</option>
                        @foreach($shopArr as $key=>$vo)
                            <option @if(isset($req['shop']) && $req['shop'] == $key)) selected @endif value="{{ $key }}">{{ $vo }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="activity" lay-search>
                        <option value="">请选择活动名称</option>
                        @foreach($activityArr as $key=>$vo)
                            <option @if(isset($req['activity']) && $req['activity'] == $key )) selected @endif value="{{ $key }}">{{ $vo }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="layui-btn" style="margin: 0"  lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                <a class="layui-btn x-right importNormsAct"><i class="layui-icon"></i>清空数据并导入</a>
            </form>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>货号</th>
                <th>门店</th>
                <th>活动名称</th>
                {{--<th>操作</th>--}}
            </thead>
            <tbody>
            @foreach($normsActivity as $n)
                <tr>
                    <td>{{ $loop->index + 1 }}</td>
                    <td>{{ $n->number }}</td>
                    <td>{{ $n->shop }}</td>
                    <td>{{ $n->activity }}</td>
                    {{--<td class="td-manage">
                        <a title="删除"  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>
                {{$normsActivity->appends($req)->links()}}
            </div>
        </div>

    </div>
    <script>
        layui.use('upload', function(){
            var upload = layui.upload;



            /** 上传规格 */
            upload.render({
                elem: '.importNormsAct' //绑定元素
                ,size: 2048
                ,accept: "file"
                , data: {
                    '_token': $("input[name=_token]").val()
                }
                , url: '/admin/importNormsAct' //上传接口
                , 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.data,{icon: 5});
                    }
                }
                , error: function (error, upload) {
                    //请求异常回调
                    console.log(error);
                    layer.close(loadIndex); //关闭加载loading
                }
            });

        });


    </script>
@endsection