@extends('layouts.father')
@section('title')
    分类列表
@endsection
@section('body')

    <div class="x-nav">
      <span class="layui-breadcrumb">
        {{--<a onclick="goindex()">首页</a>--}}
        <a onclick="history.go(-1);">上一级</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">

        <button class="layui-btn" onclick="x_admin_show('添加顶级分类','/admin/addSon/{{$pid}}','500','400')"><i class="layui-icon"></i>添加</button>

        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>ID</th>
                <th>分类类型</th>
                {{--<th>系列配图</th>--}}
                <th>父级ID</th>
                <th>路径</th>
                <th>显示</th>
                <th>仓库</th>
                <th>工厂</th>
                <th>包邮参数</th>
                <th>运费参数</th>
                <th>自定义1</th>
                <th>自定义2</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($categorys as $k=>$category)
                <tr class="info_tr">
                    <td>{{ $k + 1 }}</td>
                    <td class="tc">{{$category->id}}</td>
                    <td>{{$category->name}}</td>
{{--                    <td><img src="/image/{{$category->pic}}" width="30" height="30"></td>--}}
                    <td>{{$category->pid}}</td>
                    <td>{{$category->path}}</td>
                    <td>{{$category->show == 1 ? "是" : "否"}}</td>
                    <td>{{$category->warehouse}}</td>
                    <td>{{$category->factory}}</td>
                    <td>{{$category->express}}</td>
                    <td>{{$category->freight}}</td>
                    <td>{{$category->define1}}</td>
                    <td>{{$category->define2}}</td>
                    <td>
                        <a href="/admin/sonList/{{$category->id}}" class="layui-btn layui-btn-small layui-btn-sm" >查看子分类</a>
                        <a onclick="x_admin_show('添加子分类','/admin/addSon/{{$category->path}},{{$category->id}}','500','400')" class="layui-btn layui-btn-small layui-btn-sm" >添加子分类</a>
                        <a onclick="x_admin_show('修改','/admin/categorys-update/{{$category->id}}','600','600')" class="layui-btn layui-btn-normal layui-btn-sm">修改</a>
                        <a onclick="x_admin_show('自定义修改','/admin/categorysDefineUpdate?id={{$category->id}}','600','600')" class="layui-btn layui-btn-normal layui-btn-sm">自定义修改</a>
                        <!-- <a onclick="cate_del('{{$category->id}}')" class="layui-btn layui-btn-danger layui-btn-sm">删除</a> 删除隐藏-->
                        <a class="layui-btn layui-btn-warm layui-btn-sm" style="margin: 0 5px" onclick="x_admin_show('日志详情','/admin/historyInfo/FL{{$category->id}}')" href="javascript:;">日志</a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{ $categorys->links() }}
            </div>
        </div>

    </div>

@endsection
@section('js')
    <script>
        /*规格-删除*/
        function cate_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/categorys-delete/" + 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>
    <style>
        /* 修改选中选项的背景颜色 */
        .layui-form-selected .layui-this {
            background-color: #409EFF !important; /* 你想要的颜色 */
        }
        /* 修改选项hover时的背景颜色 */
        .layui-form-selected dl dd:hover {
            background-color:  #409EFF; /* 你想要的颜色 */
        }
        /* 修改下拉列表背景颜色 */
        .layui-form-selected .layui-select-title {
            background-color: #409EFF; /* 你想要的颜色 */
        }
        .layui-input {
            border-radius: 5px; /* 这里可以调整圆角的大小 */

        }
        .layui-input:focus {
            outline: 1px solid rgba(64, 158, 255, 0.2);

        }
        .clor{
            background:#f3f3f3 !important;
        }
        thead tr {
            background-color:#f3f3f3 !important;
        }
        .layui-form-checked i {
            background-color:#409EFF !important;
            border-color:#409EFF !important;
            color:white !important ;
        }
        .layui-form-checked[lay-skin=primary] i {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox[lay-skin=primary] i:hover {
            border-color:#409EFF !important;
        }
        .layui-form-checkbox i {
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: rgb(210, 210, 210);
        }
        .layui-form-onswitch {
            border-color: #409EFF;
            background-color: #409EFF;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }

        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-onswitch {
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 15px
        }
        .layui-btn-disabled {
            background: rgba(0, 0, 0, .1) !important;
            color: #333 !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
        }
        .layui-form-radio>i:hover, .layui-form-radioed>i {
            color: #409EFF !important;
        }
        .layui-form-checked span, .layui-form-checked:hover span {
            background-color: #409EFF !important;
        }
        .layui-btn{
            border-color: #409EFF !important;
            background-color: #409EFF !important;
            border-radius: 5px !important;
        }
        .layui-input {
            border-radius: 5px !important; /* 这里可以调整圆角的大小 */

        }
    </style>
@endsection