@section('title', '用户信息列表')
@section('header')
    @if(session('userinfo')['userid'] == 1)        
    <div class="layui-inline">
        <input type="text" lay-verify="title" value="{{ $input['title'] or '' }}" name="title" placeholder="请输入关键字" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-inline">
        <select name="status" lay-filter="status" lay-verify="status">
            <option value="">请选择一个内容</option>
            <option value="name" {{isset($input['status'])&&$input['status']=='name'?'selected':''}}>姓名</option>
            <option value="tel" {{isset($input['status'])&&$input['status']=='tel'?'selected':''}}>手机号</option>
        </select>
    </div>
    <div class="layui-inline">
        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">搜索</button>
    </div>
    <div class="layui-inline">
        <button class="layui-btn layui-btn-small layui-btn-normal addBtn" data-desc="添加客户信息" data-url="{{url('/customers/0/edit')}}"><i class="layui-icon">&#xe654;</i></button>
        <button class="layui-btn layui-btn-small layui-btn-warm freshBtn"><i class="layui-icon">&#x1002;</i></button>
    </div>
    @endif
@endsection
@section('table')
	<table class="layui-table" lay-even lay-skin="nob">
        <colgroup>
            <col class="hidden-xs" width="50">
            <col class="hidden-xs" width="150"> 
            <col class="hidden-xs" width="150">
            <col>
            <col class="hidden-xs" width="200">
            <col class="hidden-xs" width="200">
            <col width="200">
        </colgroup>
        <thead>
        <tr>
            <th class="hidden-xs">ID</th>
            <th class="hidden-xs">客户名称</th>
            <th class="hidden-xs">客户电话</th>
            <th>客户地址</th>
            <th class="hidden-xs">创建时间</th>
            <th class="hidden-xs">修改时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        @foreach($list as $info)
            <tr>
                <td class="hidden-xs">{{$info['id']}}</td>
                <td class="hidden-xs">{{$info['name']}}</td>
                <td class="hidden-xs">{{$info['tel']}}</td>
                <td>{{$info['address']}}</td>
                <td class="hidden-xs">{{$info['created_at']}}</td>
                <td class="hidden-xs">{{$info['updated_at']}}</td>
                <td>
                    <div class="layui-inline">
                        <button class="layui-btn layui-btn-small layui-btn-normal databases-btn" data-id="{{$info['id']}}" data-desc="数据库配置" data-url="{{url('/databases/'. $info['id'])}}"><i class="layui-icon">&#xe614;</i></button>
                        <button class="layui-btn layui-btn-small layui-btn-normal edit-btn" data-id="{{$info['id']}}" data-desc="修改客户信息" data-url="{{url('/customers/'. $info['id'] .'/edit')}}"><i class="layui-icon">&#xe642;</i></button>
                        <button class="layui-btn layui-btn-small layui-btn-danger del-btn" data-id="{{$info['id']}}" data-url="{{url('/customers/'.$info['id'])}}"><i class="layui-icon">&#xe640;</i></button>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="page-wrap">
        @if(session('userinfo')['userid'] == 1)
        {{$list->render()}}
        @endif
        
    </div>
@endsection
@section('js')
	<script>
        layui.use(['form', 'jquery','laydate', 'layer'], function() {
            var form = layui.form(),
                $ = layui.jquery,
                laydate = layui.laydate,
                layer = layui.layer
            ;
            laydate({istoday: true});
            form.render();
            form.on('submit(formDemo)', function(data) {
            });
            form.verify({
                title:function(value){
                    var select_info = $("select[name='status']").val();
                    if(value&&select_info){
                        switch (select_info){
                            case 'name':
                                if((/^\w+$/).test(value))return '请输入正确格式的姓名';
                                break;
                            case 'tel':
                                if(!(/^[0-9]*$/).test(value))return '请输入正确格式的手机号';
                                break;
                            default:
                                return '输入参数错误';
                                break;

                        }
                    }else if(!value&&select_info){
                        return '请输入关键字';
                    }
                },
                status: function(value) {
                    var keyword = $("input[name='title']").val();
                    if(keyword&&!value){
                        return '请选择一个内容';
                    }
                },
            });
        });
    </script>
@endsection
@extends('common.list')