@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">
            <form class="layui-form">
                {{csrf_field()}}
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>条件组</th>
                        <th>条件组内符合逻辑</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($tjzList as $tj)
                        <tr>
                            <td>{{$tj->condition_groups}}</td>
                            <td>{{$tj->relation}}</td>
                            <td>
                                <a title="查看条件"  onclick="x_admin_show('条件详情','/admin/tjList?pid={{$tj->id}}')" href="javascript:">
                                    查看条件
                                </a>
                                <a class="layui-btn layui-btn-sm" style="margin: 0 5px" onclick="x_admin_show('编辑','/admin/tjzAdd?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>
                                <button class="layui-btn constructions" data-id="{{$tj->id}}"> 新建条件</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="page">
                    <div>
                        {{$tjzList->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.querySelectorAll('.constructions').forEach(constructions => {
        constructions.addEventListener('click' , e=>{
          let id = e.target.dataset.id
          layer.open({
            type: 2,
            shade: false,
            area: ['500px','350px'],
            maxmin: true,
            content: `/admin/tjAdd?pid=${id}`,
          })
          e.preventDefault();
        })
      })
      function processDel(id) {
          layer.confirm('确认要删除吗？', function (index) {
              //发异步删除数据
              $.post("/admin/tjzDel", {
                  '_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