@extends('layouts.father')
@section('title', '生产路径')
@section('style')
    <link href="/assets/lightbox/css/lightbox.css" rel="stylesheet">
@endsection
@section('body')
    <div class="wrap">
        <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">
            {{csrf_field()}}
            <form class="layui-form">
                {{--<button class="layui-btn construction"> 新建条件 </button>--}}
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>条件名称</th>
                        <th>条件运算符</th>
                        <th>条件内容</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($tjList as $tj)
                        <tr>
                            <td>{{$tj->item}}</td>
                            <td>{{$tj->type}}</td>
                            <td>{{$tj->contents}}</td>
                            <td>
                                <a class="layui-btn layui-btn-sm" style="margin: 0 5px" onclick="x_admin_show('编辑','/admin/tjAdd?id={{$tj->id}}',500,600)" href="javascript:;">编辑</a>
                                <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="processDel({{$tj->id}})" style="margin: 0 5px"  href="javascript:;">删除</a>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="page">
                    <div>
                        {{$tjList->links()}}
                    </div>
                </div>
            </form>
        </div>

    </div>

    <script type="text/javascript" src="/js/ArtNoIfNo.js"></script>
    <script src="/assets/lightbox/js/lightbox.js"></script>

    <script>

      layui.use(['layer'], function(){
        $ = layui.jquery;
      })
      document.querySelector('.construction').addEventListener('click',(e) =>{
        layer.open({
          type: 2,
          shade: false,
          area: ['500px','350px'],
          maxmin: true,
          content: `/admin/tjAdd`,
        })
        e.preventDefault();
      })
      function processDel(id) {
          layer.confirm('确认要删除吗？', function (index) {
              //发异步删除数据
              $.post("/admin/tjDel", {
                  '_token':$("input[name=_token]").val(),
                  'id':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>

    <link rel="stylesheet" href="/css/addcss.css">
    <script type="text/javascript" src="/js/addjs.js"></script>

@endsection