@extends('layouts.father')
@section('title', '订单列表')
@section('body')

    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a><cite>跳转码列表</cite></a>
      </span>
        <a class="layui-btn layui-btn-small allClick" style="line-height:1.6em;margin-top:3px;float:right" onclick="window.location.reload()" title="刷新">
            <i class="layui-icon" style="line-height:30px">&#xe669;</i>
        </a>
    </div>

    <div class="x-body">

        <form class="layui-form layui-col-md12 x-so">
            <button class="layui-btn newBuilt" >新建</button>
            <input type="text" name="code" class="layui-input" placeholder="请输入跳转码">
            <input type="text" name="obj" class="layui-input" placeholder="请输入对象连接">
            <button class="layui-btn" lay-filter="sreach">
                <i class="layui-icon" style="">&#xe615;</i>
            </button>
        </form>


        <table class="layui-table">
            <thead>
            <tr>
                {{--<th>id</th>--}}
                <th>跳转码</th>
                <th>对象链接</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($transferList as $tr)
                <tr>
{{--                    <td>{{$tr->id}}</td>--}}
                    <td>{{$tr->code}}</td>
                    <td>{{$tr->obj}}</td>
                    <td>
                        <a title="编辑"  onclick="x_admin_show('编辑','/admin/transferAdd?id={{$tr->id}}')" href="javascript:">
                            编辑
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{$transferList->appends($req)->links()}}
            </div>
        </div>
    </div>

    <script>
      layui.use(['layer'], function(){
        $ = layui.jquery;
      })
        console.log(document.querySelector('.newBuilt'))
        document.querySelector('.newBuilt').addEventListener('click' , e =>{
            layer.open({
              type: 2,
              shade: false,
              area: ['500px','350px'],
              maxmin: true,
              content: `/admin/transferAdd`,
            })
          e.preventDefault();
        })
    </script>


@endsection