@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 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"
           onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <xblock>
            <form action="/admin/normsType" class="layui-form layui-col-md12 x-so" style="margin: 0"
                  onkeydown="if(event.keyCode==13)return false;">
            {{--<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>--}}
            <a class="layui-btn" onclick="x_admin_show('添加规格','/admin/normsTypeAdd','550','400')"><i
                        class="layui-icon"></i>添加
            </a>
            <div class="layui-input-inline">
                <input type="text" name="keyword" value="{{$req["keyword"] or ''}}" placeholder="规格名称" autocomplete="off" class="layui-input">
            </div>
            <button class="layui-btn"><i class="layui-icon">&#xe615;</i></button>
            {{--<span class="x-right" style="line-height:40px">共有数据：{{ $count }} 条</span>--}}
            </form>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>ID</th>
                <th>规格名称</th>
                <th>规格类型</th>
                <th>规格说明</th>
                <th>操作</th>
            </thead>
            <tbody id="x-img">
            @foreach($list as $k=>$item)
                <tr class="info_tr">
                    <td>{{ $item->id }}</td>
                    <td>
                        <a onclick="x_admin_show('编辑规格','/admin/normsTypeUpdate/{{$item->id}}','550','400')" class="a-red" href="javascript:;">
                        {{ $item->name }}
                        </a>
                    </td>
                    <td>{{ $types[$item->type] }}</td>
                    <td>{{str_limit($item->remark, 60,'...')}}</td>
                    <td class="td-manage">
                        <a href="/admin/normsTypeValue/{{ $item->id }}" class="layui-btn layui-btn-xs">查看属性</a>
                        &nbsp;
                        <a title="编辑" onclick="x_admin_show('编辑规格','/admin/normsTypeUpdate/{{$item->id}}','550','400')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                            <i class="layui-icon">&#xe642;编辑</i>
                        </a>
                        &nbsp;
                        <a title="删除" onclick="normsType_del({{ $item->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>
                {{$list->appends($req)->links()}}
            </div>
        </div>

    </div>
    <script>

        layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件

            //以上模块根据需要引入

            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' //指定元素
            });

        });


        /*规格-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/normsTypeDelete/" + 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>

@endsection