@section('page_title')
    OSAA - Calendar
@stop

@section('page_sub_title')    
   OSAA Calendar
@stop

@section('scripts')
    @parent

    <style type="text/css">

	    #calendar_loading {
	    	width: 100%;
		    height: 100%;
		    z-index: 1000;		    
		    top: 0px;
		    left; 0px;
		    position: absolute;
		    text-align: center;		    
		    font-size: 9pt;
		}

		.page_functions {
			width: auto !important;
		}

	</style>	

@stop

@section('jquery_init')

    $('.calender_download').button ({ icons : { primary : 'ui-icon-calendar'}});
    $('.file_download').button ({ icons : { primary : 'ui-icon-document'}});
    $('.sync_download').button ({ icons : { primary : 'ui-icon-copy'}});
    	
	$('#calendar_holder').load(function ()
	{
	    {{-- $('#calendar_loading').css({'display' : 'none'}); --}}
	    $('#calendar_loading').fadeOut(400);
	});

	$('[data-button-disabled="true"]').button('disable');

@stop

@section('page_functions')
	<a href="{{ asset('docs/osaainfo/NFHSStandardizedCalendar.pdf') }}" class="file_download" target="_blank" style="font-size:9pt; margin-right: 10px;">NFHS Standardized Calendar</a>
	{{-- <a href="{{ asset('docs/calendar/17-18ActivityCalendar.pdf') }}" class="calender_download" target="_blank" style="font-size:9pt; margin-right: 10px;">2017-18</a> --}}
	
	@if (file_exists(public_path() . '/docs/calendar/18-19ActivityCalendar.pdf'))
		<a href="{{ asset('docs/calendar/18-19ActivityCalendar.pdf') }}" class="calender_download" target="_blank" style="font-size:9pt; margin-right: 10px;">2018-19</a>
	@else
		<a href="#" class="calender_download" target="_blank" data-button-disabled="true" style="font-size:9pt; margin-right: 10px;">2018-19</a>
	@endif	

	@if (file_exists(public_path() . '/docs/calendar/19-20ActivityCalendar.pdf'))
		<a href="{{ asset('docs/calendar/19-20ActivityCalendar.pdf') }}" class="calender_download" target="_blank" style="font-size:9pt; margin-right: 10px;">2019-20</a>
	@else
		<a href="#" class="calender_download" target="_blank" data-button-disabled="true" style="font-size:9pt; margin-right: 10px;">2019-20</a>
	@endif

	<a href="webcal://outlook.office365.com/owa/calendar/99c6ac679727468b870626ba59577311@osaa.org/ecfac95d9cf94aa88bc691bb9fa5ee864467951806542035677/S-1-8-2805962506-2479837140-127788313-1296219182/reachcalendar.ics" class="sync_download" target="_blank" style="font-size:9pt;">ICS Link</a>
@stop


@section('main_content')    	

	{{-- Display the shared calendar "Master Calendar" HTML link --}}
	{{-- <iframe style="border: none; width: 1030px; height: 900px;" src="https://outlook.office365.com/owa/calendar/eed8b038ff48457ab9c10976d7ce5775@osaa.org/42f42efe35bd48b49f4f87fd637395797292903145954978921/S-1-8-1318613276-766556337-348261267-3940074176/reachcalendar.html"></iframe> --}}

	<div id="calendar_loading">
		<br /><br /><br />
		<img src="{{ asset('/images/icons/ajax_loader3.gif') }}" alt="" title="" style="" /><br /><br />
		Loading OSAA Calendar ...
	</div>	

	{{-- Display the shared calendar "Website Calendar" HTML link --}}
	<iframe id="calendar_holder" style="border: none; width: 1030px; height: 900px;" src="https://outlook.office365.com/owa/calendar/99c6ac679727468b870626ba59577311@osaa.org/ecfac95d9cf94aa88bc691bb9fa5ee864467951806542035677/S-1-8-2805962506-2479837140-127788313-1296219182/reachcalendar.html"></iframe>

	
	

@stop