@extends('layouts.master')

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

@section('css')
<link rel="stylesheet" href="{{ URL::asset('public/css/business_matching.css') }}">
<style type="text/css">
</style>
@stop

@section('content')


<div class="container" style="margin-bottom: 5%;">

				
				<h3 class="text-center">@lang('business_matching.request_summary')</h3>
				<div class="form-group">
					<div class="row">
						@lang('business_matching.summary_of_all_request')
					</div>
					<div class="row">
						

						<strong>@lang('business_matching.legend'):</strong><br>
						
			            <strong><font color='#5cb85c'>Confirmed</font></strong> - @lang('business_matching.meeting_accepted')<br>
			            <strong><font color='#5bc0de'>@lang('business_matching.pending')</font></strong> - @lang('business_matching.pending_response')<br>
			            <strong><font color='#d9534f'>@lang('business_matching.rejected')</font></strong> - @lang('business_matching.meeting_rejected')<br>
			            <strong><font color='#0275d8'>@lang('business_matching.expired')</font></strong> - @lang('business_matching.meeting_auto_rejected')<br>
			            <strong><font color='#f0ad4e'>@lang('business_matching.cancelled')</font></strong> - @lang('business_matching.cancelled_requests')<br>
					</div>
				</div> 

				<div class="form-group">
					<div class="row">
						Click on the respective buttons below to see and refresh the summary of your request by status.
					</div>
					<div class="row">
						<button type="submit" data="1" class="selection btn btn-success" data-id="" data="">Confirmed</button>
						<button type="submit" data="3" class="selection btn btn-info" data-id="" data="">@lang('business_matching.pending')</button>
						<button type="submit" data="5" class="selection btn btn-warning" data-id="" data="">@lang('business_matching.cancelled')</button>
						<button type="submit" data="2" class="selection btn btn-danger" data-id="" data="">@lang('business_matching.rejected')</button>
						<button type="submit" data="4" class="selection btn btn-primary" data-id="" data="">@lang('business_matching.expired')</button>
					</div>
				</div>
				<h3 style="color: red;">Please use the recommended device, i.e. Laptop or Desktop, and Web browser, i.e. the latest version of Google Chrome, for your video calls. Is your camera not working? Click <a href="https://itbasia-businessmatching.com/article/Ni7WJ" target="_blank">here</a> to learn more on the compatible devices and browsers.</h3>
				<div class="my-schedule-bydate">
					<h2>Confirmed Appointments</h2>
					No Existing Appointment(s)				</div>
			
</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">
     $('.video_schedule, .audio_schedule').on('click',function(){
		var monthNames = ["January", "February", "March", "April", "May", "June",
		    "July", "August", "September", "October", "November", "December"
		  ];
    	
    	var appt_schedule = $(this).attr('data-id');
    	
      	var current_date = new Date().toLocaleString("en-US", {timeZone: "Asia/Singapore"});
      	var current_date_formatted = new Date(current_date);

      	var current_minutes = "";
      	if (current_date_formatted.getMinutes() == "0") {
      		current_minutes = "00";
      	} else {
      		current_minutes = current_date_formatted.getMinutes();
      	}
      	current_date_formatted = monthNames[current_date_formatted.getMonth()]+" "+current_date_formatted.getDate() + ", " + current_date_formatted.getFullYear() +" "+ current_date_formatted.getHours()+ ":"+current_minutes;

      	var appt_schedule_date = new Date(appt_schedule).toLocaleString("en-US", {timeZone: "Asia/Singapore"});
		var appt_schedule_date_formatted = new Date(appt_schedule_date);
		var appt_schedule_minutes = "";
      	if (appt_schedule_date_formatted.getMinutes() == "0") {
      		appt_schedule_minutes = "00";
      	} else {
      		appt_schedule_minutes = appt_schedule_date_formatted.getMinutes();
      	}
      	appt_schedule_date_formatted = monthNames[appt_schedule_date_formatted.getMonth()]+" "+appt_schedule_date_formatted.getDate() + ", " + appt_schedule_date_formatted.getFullYear() +" "+ appt_schedule_date_formatted.getHours()+ ":"+appt_schedule_minutes;

  		// alert(current_date + " - " + appt_schedule_date);
      	//enable return false; if done testing of the appointment slot dates
      	//if (current_date > appt_schedule_date) {
        	// alert("You cannot make a call now. Current Singapore date and time is " + current_date_formatted + ". You can only call from " + appt_schedule_date_formatted + " (Singapore time) onwards.");
        	// return false;
      	//}
    });


	$('body').on('click', '.more-info' ,function(){
		var event_id = $(this).attr('data-id');
		var user_id = $(this).attr('data');
		var slot_id = $(this).attr('data-slot-id');
		
		if(event_id  != ''){
			if($("#more-info-flag-"+ user_id + "-" + slot_id).html() == 1){
				$("#more-info-flag-"+ user_id + "-" + slot_id).html(0);
				$("#preview-"+ user_id + "-" + slot_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 + "-" + slot_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 + "-" + slot_id).html(1);
			}
			
		}
	});

	$('body').on('click', '.add-more-info' ,function(){
		var event_id = $(this).attr('data-id');
		var user_id = $(this).attr('data');
		var slot_id = $(this).attr('data-slot-id');
		
		if(event_id  != ''){
			if($("#add-more-info-flag-"+ user_id + "-" + slot_id).html() == 1){
				$("#add-more-info-flag-"+ user_id + "-" + slot_id).html(0);
				$("#add-preview-"+ user_id + "-" + slot_id).html("");
			} else {
				$.ajax({
					type: 'GET',
					url: '/business_matching/' + event_id + '/' + user_id + '/add_more_preview',
					beforeSend:function(){
						// $(".preview-selection").html("");
						$('.loading').css('display', '');
					},
					success:function(data){
						$(".add-preview").html();
						$("#add-preview-"+ user_id + "-" + slot_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");
						}
					}
				});
				$("#add-more-info-flag-"+ user_id + "-" + slot_id).html(1);
			}
			
		}
	});

	$('.selection').on('click',function(){
		var status_id = $(this).attr('data');
		
		if(status_id  != ''){
			
				$.ajax({
					type: 'GET',
					url: '/business_matching/view_summary_request_by_status/' + status_id,
					beforeSend:function(){
						$(".my-schedule-bydate").html("");
						$('.loading').css('display', '');
					},
					success:function(data){
						$(".my-schedule-bydate").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");
						}
					}
				});
			
			
		} else {
			alert("Your request cannot be processed this time. Please try again later.");
		}
	});
	
</script>
@stop