@if ($business_matching_participants_details['status'] == 200)
				<table class="table table-bordered table-striped" style="margin-top: 3%;">
					<thead>
						<tr>
							<th width="30%">@lang('global.name')</th>
							<th width="30%">@lang('global.position')</th>
							<th width="35%">@lang('global.company_name')</th>
							<th width="5%">@lang('global.action')</th>
						</tr>
					</thead>
					<tbody bgcolor="#ffffff">
					
					@foreach($business_matching_participants_details['result'] as  $bmp_key => $bmp)
						<tr>
														@foreach($bmp['submitted_data']['field_value'] as  $bm_key => $bm)
															@endforeach

							<td align="left"></td>
							<td align="left"></td>
							<td align="left"></td>
							<td>
								
								<center>
									<button type="submit" class="more-info btn btn-xs btn-info" data-id="{{ $event_id }}" data="{{ $bmp['submitted_data']['ids'] }}">@lang('business_matching.more_info')</button>
								</center>
								
								<br>
								<div class="col-sm-6" id="selection-status-{{ $bmp['submitted_data']['ids'] }}">
									@if($max_request <= $get_slot_number_of_request)
											@lang('business_matching.reached_max_request_alert')
									@else
										<span class="reach_max_selection">
											<center>
												<button type="submit" class="request-selection btn btn-xs btn-warning" data-id="{{ $bmp['submitted_data']['ids'] }}" data="{{ $bmp['business_matching_id'] }}">@lang('business_matching.request_appointment')</button>
											</center>
										</span>
									@endif
								</div>
										
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div class="col-sm-12 preview-selection" id="preview-{{ $bmp['submitted_data']['ids'] }}"></div>
							
							</td>
						</tr>
						
					@endforeach
					
					</tbody>
				</table>		
				<div id="load-more-results-{{ $limit_record }}-{{ $offset_value }}">
					<center>
						<button type="submit" class="load-more btn btn-success" data-id="{{ $event_id }}" data="">@lang('business_matching.load_more')</button>
						<input type="hidden" value="{{ $limit_record }}" id="limit_result">
						<input type="hidden" value="{{ $offset_value }}" id="offset_value">
					</center>
				</div>
				
				
			@else 
				@lang('business_matching.no_more_record')
			@endif



	

<script src="{{ URL::asset('public/js/jquery-3.1.1.min.js') }}"></script>  
<script type="text/javascript">
	$('.more-info').on('click',function(){
		var event_id = $(this).attr('data-id');
		var user_id = $(this).attr('data');
		
		if(event_id  != ''){
			$.ajax({
				type: 'GET',
				url: '/business_matching/' + event_id + '/' + user_id + '/preview',
				beforeSend:function(){
					$(".preview-selection").html("");
					$('.loading').css('display', '');
				},
				success:function(data){
					$(".preview").html();
					$("#preview-"+ user_id).html(data);
					$('.loading').css('display', 'none');
				},
				error: function(xhr, exception){
					if(xhr.status == 401){
						notification("@lang('global.401_error')", "Danger");
					}else{
						notification("[error_perform]", "Danger");
					}
				}
			});
		}
	});

	$('.load-more').on('click',function(){
		var limit_result = $('#limit_result').val();
		var offset_value = $('#offset_value').val();
		var slot_id = {{ $slot_id }};
		
		if(offset_value  != ''){
			$.ajax({
				type: 'GET',
				url: '/business_matching/online_diary_loadmore/' + slot_id + '/' + limit_result + '/' + offset_value,
				beforeSend:function(){
					$('.loading').css('display', '');
				},
				success:function(data){
					$("#load-more-results-"+limit_result+'-'+offset_value).html(data);
					$('.loading').css('display', 'none');
				},
				error: function(xhr, exception){
					$('.loading').css('display', 'none');
					if(xhr.status == 401){
						notification("@lang('global.401_error')", "Danger");
					}else{
						notification("[error_perform]", "Danger");
					}
				}
			});
		}
	});	

	$('.request-selection').on('click',function(){
		var selected_business_matching_id = $(this).attr('data');
		var selected_attendee_id = $(this).attr('data-id');
					
		if(selected_attendee_id  != ''){
			$.ajax({
				type: 'POST',

				url: '/business_matching/online_diary/add',
				data:{
					_token: "{{ csrf_token() }}",
					slot_id: {{ $slot_id }},
					sender_business_matching_participant_id: {{ $business_matching_particpant_id['result']['id'] }},
					reciever_business_matching_participant_id: selected_business_matching_id,
					participant_status_id: 3,
				},
				beforeSend:function(){
					$('.loading').css('display', '');
				
				},
				success:function(data){
					$('.loading').css('display', 'none');
					
					if (data.match_selection_id != null) {
						$("#selection-status-"+ selected_attendee_id).html(@lang('business_matching.requested_an_appointment_alert'));

						if (data.no_of_request >= {{ $max_request }}) {
							$(".reach_max_selection").html("@lang('business_matching.reached_max_request_alert')");
						}
					} else {
						alert(@lang('business_matching.please_try_again'));
					}
				},
				error: function(xhr, exception){
					$('.loading').css('display', 'none');
					if(xhr.status == 401){
						notification("@lang('global.401_error')", "Danger");
					}else{
						notification("[error_perform]", "Danger");
					}
				}
			});
		}

	});
</script>