@extends('layouts.father')
@section('title', '供应商列表')
@section('body')
    <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/supplierList' title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
    </div>
    <div class="x-body">
        <xblock style='clear: both;height: 40px;line-height: 40px;display: flex'>
            <div class="layui-btn" onclick="x_admin_show('添加供应商','/admin/supplierAdd/','700','500')" style="margin: 0"><i
                        class="layui-icon"></i>添加
            </div>
            <form action="" style="display: flex;width: 720px;margin-left: 30px;">
                <input type="text" name="name" placeholder="请输入供应商名称" value="{{ $req['name'] or '' }}" autocomplete="off" class="layui-input" style="">
                <input type="text" name="legal" placeholder="请输入法人" value="{{ $req['legal'] or '' }}" autocomplete="off" class="layui-input" style="">
                <input type="text" name="people" placeholder="请输入联系人" value="{{ $req['people'] or '' }}" autocomplete="off" class="layui-input" style="">
                <input type="text" name="business" placeholder="请输入主营业务" value="{{ $req['business'] or '' }}" autocomplete="off" class="layui-input" style="">
                <button class="layui-btn" lay-filter="sreach" style="margin: 0"><i class="layui-icon"></i></button>
            </form>
        </xblock>
        <table class="layui-table">
            <thead>
            <tr>
                <th>序号</th>
                <th>供应商名称</th>
                <th>供应商ID</th>
                <th>联系人</th>
                <th>联系电话</th>
                <th>地址</th>
                <th>法人</th>
                <th>座机号码</th>
                <th>主营业务</th>
                <th>预存款</th>
                <th>操作</th>
            </thead>
        </table>
        <table class="layui-table">
            <tbody id="x-img">
            @foreach($supplier as $k=>$s)
                <tr class="info_tr">
                    <td>{{$k + 1}}</td>
                    <td>
                        <a onclick="x_admin_show('编辑供应商','/admin/supplierAdd?id={{$s->id}}','700','500')" class="a-red" href="javascript:;">
                            {{$s->name}}
                        </a>
                    </td>
                    <td>{{$s->supplier_id}}</td>
                    <td>{{$s->people}}</td>
                    <td>{{$s->mobelphone}}</td>
                    <td>{{$s->address}}</td>
                    <td>{{$s->legal}}</td>
                    <td>{{$s->tel}}</td>
                    <td>{{$s->business}}</td>
                    <td>{{$s->yck}}</td>
                    <td class="td-manage">
                        <a title="编辑" onclick="x_admin_show('编辑供应商','/admin/supplierAdd?id={{$s->id}}','700','500')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                            <i class="layui-icon">&#xe642;编辑</i>
                        </a>
                        &nbsp;
                        <a title="删除" onclick="normsType_del({{$s->id}})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                            <i class="layui-icon ">&#xe640;删除</i>
                        </a>
                        <a title="删除" onclick="normsType_dels({{$s->id}})" href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs">
                            <i class="layui-icon ">&#xe640;强制删除</i>
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="page">
            <div>
                {{$supplier->appends($req)->links()}}
            </div>
        </div>
    </div>
    <script>

        layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
            $ = layui.jquery;//jquery
            laydate = layui.laydate;//日期插件

            //以上模块根据需要引入

            layer.ready(function () { //为了layer.ext.js加载完毕再执行
                layer.photos({
                    photos: '#x-img'
                    //,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
                });
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

        });


        /*供应商-删除*/
        function normsType_del(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/supplierDel/" + 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});
                    }
                });
            });

        }

        /*供应商-删除*/
        function normsType_dels(id) {
            layer.confirm('确认要删除吗？', function (index) {
                //发异步删除数据
                $.get("/admin/supplierDels/" + 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>
    <script type="text/javascript" src="/js/tableContentRoll.js"></script>
    <link rel="stylesheet" href="/css/tableContentRoll.css">
    <style>
        .info_tr a {
            text-decoration: underline!important;
        }
    </style>
@endsection