@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: 5%; margin-top: 1%">
			<div class="row attendee_business_matching">
				<div class="tab-content" style="margin-bottom: 5%;">
					<div class="tab-pane fade in" id="business_matching">
						<div class="tab-content" style="margin-bottom: 3%;">
							<ul class='nav nav-wizard hidden-xs'>
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="/business_matching/view_schedule" class="select_bus_matching">@lang('business_matching.view_schedule') <i class="fas fa-calendar-alt"></i></a></li>
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="#business_matching" class="select_bus_matching">@lang('business_matching.online_diary') <i class="fas fa-calendar-day"></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/view_schedule" class="select_bus_matching">@lang('business_matching.view_schedule') <i class="fas fa-calendar-alt"></i></a></li>
								<li style="{{ $business_matching  }}" id="nav_business_matching"><a href="#business_matching" class="select_bus_matching">@lang('business_matching.online_diary') <i class="fas fa-calendar-day"></i></a></li>
							</ul>
						</div>
						<h3 class="text-center"><b>@lang('business_matching.online_diary')</b></h3>
						<div class="row">

							{{-- <a style="font-size: 13px;" href="/business_matching/psa_selection" target="_blank" class="btn btn-xs btn btn-warning psa_btn">@lang('business_matching.view_my_psa_selections')</a>
							<a style="font-size: 13px;" href="/business_matching/selectedme" target="_blank" class="btn btn-xs btn btn-primary psa_btn">@lang('business_matching.view_who_selected_PSA')</a> --}}
							{{-- <a style="font-size: 13px;" href="/business_matching/search" target="_blank" class="btn btn-xs btn btn-danger">
							View Other Participant's Availability</a> --}}
							<a style="font-size: 13px;" href="/business_matching/view_summary_request" target="_blank" class="btn btn-xs btn btn-success psa_btn">@lang('business_matching.view_summary_request') & Chat Function</a>
							<a style="font-size: 13px;" href="/business_matching/download_schedule" target="_blank" class="btn btn-xs btn btn-info psa_btn">@lang('business_matching.download_schedule')</a>
						</div>
						<div class="row" style="padding: 10px;">
							<h3>
							<a href='https://documentcloud.adobe.com/link/track?uri=urn:aaid:scds:US:8a7d13c5-d0fa-4b13-883c-779ca053be19' target='_blank' class='psa_btn'>Click here for Guide to Online Diary</a>							</h3>
						</div>

												<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/online_diary',
				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");
					}
				}
			});
		}
	});

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

	});


	$('.pending-request').on('click',function(){
		var slot_id = $(this).attr('data');
		
		if(slot_id  != ''){
			$.ajax({
				type: 'GET',
				url: '/business_matching/online_diary_pending_request/' + slot_id,
				beforeSend:function(){
					$(".pending-request-preview").html("");
					$('.loading').css('display', '');
				},
				success:function(data){
					$(".pending-request-preview").html();
					$("#pending-request-preview-"+ 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");
					}
				}
			});
		}
	});

	
</script>
@stop