@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"
               href="/admin/zdList" 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>
                <div class="layui-input-inline">
                    <input type="text" name="site"   value="{{ $req['site'] or '' }}"  placeholder="站点" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="lineNumber"   value="{{ $req['lineNumber'] or '' }}"  placeholder="线号" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="path_belong"   value="{{ $req['path_belong'] or '' }}"  placeholder="站点组" autocomplete="off" class="layui-input">
                </div>
                <button class="layui-btn" style="margin: 0" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>

                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>站点号</th>
                        <th>所属站点组工作组</th>
                        <th>线号</th>
                        <th>备注</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($zdList as $te)
                        <tr>
                            <td>{{$te->site}}</td>
                            <td>{{$te->path_belong}}</td>
                            <td>{{$te->lineNumber}}</td>
                            <td>{{$te->remark}}</td>
                            <td>
                                <a title="查看条件组"  onclick="x_admin_show('条件组详情','/admin/tjzList?sid={{$te->id}}')" href="javascript:">
                                    查看条件组
                                </a>
                                <a class="layui-btn layui-btn-sm" style="margin: 0 5px" onclick="x_admin_show('编辑','/admin/zdAdd?id={{$te->id}}',500,600)" href="javascript:;">编辑</a>
                                <button class="layui-btn constructions" data-id="{{$te->id}}"> 新建条件组</button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                <div class="page">
                    <div>
                        {{$zdList->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/zdAdd`,
        })
        e.preventDefault();
      })
        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/tjzAdd?sid=${id}`,
            })
            e.preventDefault();
          })
        })

    </script>

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

@endsection