@extends('layouts.father')
@section('title', '导入详情')
@section('body')
    <div class="x-nav">
{{--      <span class="layui-breadcrumb">--}}
{{--        <a onclick="goindex()">首页</a>--}}
{{--        <a href="#" onclick="history.go(-1);">导入记录</a>--}}
{{--        <a href="">导入详情</a>--}}
{{--      </span>--}}
        <a class="layui-btn x-right" style="margin-left: 20px;" onclick="location.reload()" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        <a class="layui-btn x-right" href="/admin/exportDetail/{{$record->id}}">导出</a>
    </div>
    <div class="x-body">
        <div class="layui-row">
            {{--<form action="/admin/enterprise" class="layui-form layui-col-md12 x-so" onkeydown="if(event.keyCode==13)return false;">
                {{csrf_field()}}
                <div class="layui-input-inline">
                    <select name="up">
                        <option>请选择上下架</option>
                        <option>上架</option>
                        <option>下架</option>
                    </select>
                </div>
                <input type="text" name="keyword"  placeholder="请输入商品名" autocomplete="off" class="layui-input">
                <button class="layui-btn"  lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
            </form>--}}
        </div>
        <table class="layui-table">
            <thead>
            <tr>
                @foreach($record->content[0] as $vo)
                    <th>{{ $vo }}</th>
                @endforeach
            </tr>
            </thead>
            <tbody>
            @foreach($record->content as $item)
                @if($loop->index != 0)
                <tr>
                    @foreach($item as $vo)
                        <td>{{ $vo }}</td>
                    @endforeach
                </tr>
                @endif
            @endforeach
            </tbody>
        </table>

    </div>
    <script>
        layui.use(['laydate'], function(){
            var laydate = layui.laydate;
        });

    </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