@php($key = empty($key) ? 'users' : $key)

<div class="input-group col-sm-8 chat-search">
	<div class="input-group">
		@if (!empty($userInfo))
			@php($value = (empty($userInfo->userName) ? 'N/A' : $userInfo->userName).' ('.$userInfo->email.')')
		@else
			@php($value = '')
		@endif
		@if(!empty($type) && $type == 1)
				<input type="text" placeholder="姓名，用户名，电话，邮箱" class="form-control" name="{{$key}}" id="{{$key}}" data-id="" value="">
		@else
				<input type="text" placeholder="姓名，用户名，电话，邮箱" class="form-control" name="{{$key}}" id="{{$key}}" data-id="{{$userInfo->id ?? ''}}" value="{{$value}}">
		@endif
		<div class="input-group-btn">
			<button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
				<span class="caret"></span>
			</button>
			<ul class="dropdown-menu dropdown-menu-right" role="menu">
			</ul>
		</div>
	</div>
</div>

<script type="text/javascript">
    var users = [
	@if(!empty($users))
		@php ($userArr = [])
		@foreach($users as $v)
		@if(!in_array($v->userID,$userArr))
			@php (array_push($userArr,$v->userID))
			@php($v->userName=trim($v->userName)==''?'N/A':$v->userName)
			{
				'id': '{{trim($v->id, '')}}',
				'name': '{{trim($v->userName, '')}}',
				'registeredName': '{{trim($v->registeredName, '')}}',
				'phone': '{{trim($v->phone, '')}}',
				'email': '{{trim($v->email, '')}}'
			},
		@endif
		@endforeach
	@endif
    ];

    $( "#{{$key}}" ).bsSuggest({
        indexId:0,
        indexKey: 1, //data.value 的第几个数据，作为input输入框的内容
        effectiveFields: ['name','registeredName','phone','email'],
        showHeader: false,
        ignorecase: true,
        clearable: true,
        data: {
            'value': users,
            'defaults': '全部'
        }
    }).on('onSetSelectValue', function (e, selectedData, selectedRawData) {
        var userId = $('#users').attr('data-id');
        $('#users').val(selectedRawData.name + ' ('+selectedRawData.email+')');
        getStaff(userId);
    }).on('onUnsetSelectValue', function (e) {
		$('#users').attr('data-id','');
    });
</script>