@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>路径id</th>
                    <th>路径位置</th>
                    <th>工艺条件</th>
                    <th>产品条件</th>
                    <th>路径顺序</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                @foreach($pathList as $pa)
                    <tr>
                        <td>{{$pa->id}}</td>
                        <td>{{$pa->place}}</td>
                        <td>{{$pa->keywords1}}</td>
                        <td>{{$pa->keywords2}}</td>
                        <td>{{$pa->path}}</td>
                        <td>
                            <a class="layui-btn layui-btn-sm" style="margin: 0 5px" onclick="x_admin_show('编辑','/admin/techPathAdd?id={{$pa->id}}',500,600)" href="javascript:;">编辑</a>
                            <a class="layui-btn layui-btn-danger layui-btn-sm" onclick="processDel({{$pa->id}})" style="margin: 0 5px"  href="javascript:;">删除</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            <div class="page">
                <div>
                    {{$pathList->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/techPathAdd`,
        })
        e.preventDefault();
    })
  function processDel(id) {
      layer.confirm('确认要删除吗？', function (index) {
          //发异步删除数据
          $.post("/admin/techPathDel", {
              '_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