@extends('layouts.master')

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

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

<script src="{{ URL::asset('public/js/modernizr.custom.js') }}"></script>
<script src="{{ URL::asset('public/js/jquery-3.1.1.min.js') }}"></script>
<script src="{{ URL::asset('public/js/jquery-ui.min.js') }}"></script>  
<script src="{{ URL::asset('public/js/formBuilder/form-render.js') }}"></script>
<script src="{{ URL::asset('public/js/stepwizard-form-validation.js') }}"></script>

{{-- menu --}}
<link rel="stylesheet" href="{{ URL::asset('public/css/dashboard.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/checkbox.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/jquery.fancybox.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/fullcalendar.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/wizard.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/select2.min.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/bootstrap-switch.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/daterange-picker.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/summernote.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/pygments.css') }}">
<link rel="stylesheet" href="{{ URL::asset('public/css/dashboard-style.css') }}">
<style type="text/css">
</style>
@stop

@section('content')


<div class="modal-shiftfix" id="my_dashboard" style="margin-top: 10%'">
	<!-- Navigation -->
	@include('layouts.partials.event_dashboard_menu')
	<!-- End Navigation -->
	<div class="container-fluid main-content">
		<!-- Statistics -->
		@include('layouts.partials.event_exhibitor_submenu')

		<div class="dashboard_content" style="margin-bottom: 2%; margin-top: 1%;">
			<div class="row attendee_business_matching" style="margin-bottom: 4%">
				<div class="tab-content" style="margin-bottom: 5%;">
					<div class="tab-pane fade in" id="business_matching">
						<div class="tab-content" style="margin-bottom: 5%;">
							<ul class='nav nav-wizard hidden-xs'>
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="#business_matching" class="select_bus_matching">@lang('business_matching.view_schedule') <i class="fas fa-tachometer-alt"></i></a></li>
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="../business_matching/online_diary" class="select_bus_matching">@lang('business_matching.online_diary') <i class="fas fa-users"></i></a></li>

							</ul>

							<ul class="nav nav-wizard-mobile hidden-md hidden-lg hidden-sm">
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="#business_matching" class="select_bus_matching">@lang('business_matching.view_schedule') <i class="fas fa-tachometer-alt"></i></a></li>
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="../business_matching/online_diary" class="select_bus_matching">@lang('business_matching.online_diary') <i class="fas fa-users"></i></a></li>
							</ul>
						</div>
						<h3 class="text-center"><b>@lang('business_matching.view_schedule')</b></h3>
						<div class="form-group">
							<div class="row">
								@lang('business_matching.confirmed_appointment_schedule')
							</div>
							<div class="row">
								{{-- PDF copy of your schedule will be available soon. --}}
								<a href="/business_matching/download_schedule" target="_blank" class="btn btn-xs btn btn-info">@lang('business_matching.download_schedule')</a>
								<a href="/business_matching/view_all_messages" target="_blank" class="btn btn-xs btn btn-warning">View All Messages</a>
							</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">
							No Existing Appointment(s)
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</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 src="{{ URL::asset('public/js/raphael.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/selectivizr-min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.mousewheel.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.bootstrap.wizard.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/excanvas.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.isotope.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/isotope_extras.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/isotope_extras.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/modernizr.custom.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.fancybox.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/select2.full.min.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/skycons.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/jquery.fitvids.js') }}" type="text/javascript"></script>
<script src="{{ URL::asset('public/js/dashboard.js') }}" type="text/javascript"></script>


<script type="text/javascript">
	if(window.location.hash == '') {
		$('.nav-wizard a[href="#business_matching"]').tab('show');
	}

	if(window.location.hash == '#business_matching') {
		$('.nav-wizard a[href="#business_matching"]').tab('show');
	}

	if(window.location.hash == '#home') {
	
		$('.nav-wizard a[href="#home"]').tab('show');
	}

	$('.select_bus_matching').on('click',function(){
		$('.nav-wizard a[href="#business_matching"]').tab('show');
	});

	$('.my-schedule').on('click',function(){
		var day_value = $(this).attr('data');
		
		if(day_value  != ''){
			
			$.ajax({
				type: 'GET',
				url: '/business_matching/' + day_value + '/my_schedule/view_schedule',
				beforeSend:function(){
					$(".my-schedule").attr('class', 'my-schedule btn btn-primary');
					$('.loading').css('display', '');
				},
				success:function(data){
					$("#my-schedule-"+ day_value).attr('class', 'my-schedule btn');
					$(".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");
					}
				}
			});
		}
	});

	 $('.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', '.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);
			}
			
		}
	});

	$('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);
			}
			
		}
	});
	
</script>
@stop