@extends('layouts.master')

@section('title', \Lang::get('business_matching.business_matching'))

@section('css')

<style type="text/css">
</style>
@stop

@section('content')


<div class="container" style="margin-bottom: 5%;">
	
				<h3 class="text-center">@lang('business_matching.who_selected_me_psa')</h3>
				<p>
					@lang('business_matching.list_of_buyer_who_selected_me')
				</p>
				<p>
					@lang('business_matching.meet_the_buyer')
				</p>
				<table class="table table-bordered table-striped" id="payment_history_table" style="margin-top: 3%;">
					<tbody bgcolor="#ffffff">
						
										</tbody>
				</table>	
			
</div>


@stop
@section('javascript')
<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  != ''){
			if($("#more-info-flag-"+ user_id).html() == 1){
				$("#more-info-flag-"+ user_id).html(0);
				$("#preview-"+ user_id).html("");
			} else {
				$.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){
						$('.loading').css('display', 'none');
						if(xhr.status == 401){
							notification("@lang('global.401_error')", "Danger");
						}else{
							notification("[error_perform]", "Danger");
						}
					}
				});
				$("#more-info-flag-"+ user_id).html(1);
			}
			
		}
	});
</script>
@stop