@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">My Social Matching Appointments</h3>
				<p>
					<button type="submit" class="refresh-selection btn btn-success" data-id="" data="">CONFIRMED APPOINTMENTS</button>
					<button type="submit" class="deleted-selection btn btn-info" data-id="" data="">PENDING APPOINTMENTS</button>
					<button type="submit" class="deleted-selection btn btn-danger" data-id="" data="">CANCELLED APPOINTMENTS</button>
					<button type="submit" class="deleted-selection btn btn-warning" data-id="" data="">REJECTED APPOINTMENTS</button>
				</p>
	
				<table class="table table-bordered table-striped" id="payment_history_table" style="margin-top: 3%;">
					<tr>
						<th width="1%">@lang('global.no')</th>
						<th>List of Appointments</th>
						<th width="20%">Date and Time</th>
					</tr>
					<tbody bgcolor="#ffffff">
						
										</tbody>
				</table>
</div>


@stop
@section('javascript')
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-143269914-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-143269914-1');
</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  != ''){
			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-"+ 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");
						}
					}
				});
				$("#more-info-flag-"+ user_id).html(1);
			}
		}
	});

	$('.delete-selection').on('click',function(){
		var matching_selection_id = $(this).attr('data');
		var selected_attendee_id = $(this).attr('data-id');
		
		if(matching_selection_id  != ''){
			$.ajax({
				type: 'DELETE',
				url: '/business_matching/delete_psa_selection/' + matching_selection_id,
				data:{
					_token: "{{ csrf_token() }}",
					business_matching_participant_id: {{ $participant_id['result']['id'] }},
					selected_attendee_id: selected_attendee_id,
					matching_selection_id: matching_selection_id
				},
				beforeSend:function(){
					$('.loading').css('display', '');
				},
				success:function(data){
					if (data.result == 1) {
						$("#attendee-row-"+ matching_selection_id).html("DELETED");
					} else {
						alert("@lang('business_matching.please_try_again')")
					}
					$('.loading').css('display', 'none');
				},
				error: function(xhr, exception){
					if(xhr.status == 401){
						notification("@lang('global.401_error')", "Danger");
					}else{
						notification("[error_perform]", "Danger");
					}
				}
			});
		}
	});
	
</script>
@stop