@section('page_title')
    OSAA - Coop Application
@stop

@section('page_sub_title')    
    Online Coop Application Form
@stop

@section('scripts')
    @parent

    <style type="text/css">
    	h3 {
    		color: #1C43A6 !important;
    	}
    	
    	.success_bar {
    		position: fixed;
    		top: 600px;
    		left: 0;
    		width: 100%;
    		padding: 0.25em 0;
    		line-height: 1.5em;
    		background-color: rgba(176, 255, 190, 0.0);
    		border-bottom: 2px solid rgba(13, 88, 27, 0.50);
    		border-top: 2px solid rgba(13, 88, 27, 0.50);
    		z-index: 500;
    	}

    	.success_bar .message {
    		width: 1200px;
    		margin: 0 auto;
    		font-size: 14pt;
    		color: #151515;
    	}    	

    	.page_functions {
    		width: auto !important;
    	}

    	.ui-autocomplete {
		    max-height: 100px;
		    overflow-y: auto;
		    /* prevent horizontal scrollbar */
		    overflow-x: hidden;
		    font-size: 8pt;
		  }
		  /* IE 6 doesn't support max-height
		   * we use height instead, but this forces the menu to always be this tall
		   */
		  * html .ui-autocomplete {
		    height: 100px;
		  }

		table {
    		width: 100%;
    		border-collapse: collapse;
    		font-size: 10pt;
    	}

    	table thead {
    		background-color: #005fa9;
    		color: #ffffff;
    	}

    	table thead th {
    		padding: 4px 2px;
			text-align: left;
    	}    	

    	table tbody tr{
    		height: 2em;
    	}

    	table tbody tr.odd {
    		background-color: #eeeeee;
    	}   

    	#results {
    		width: 510px;
    		height: 430px;
    		overflow-y: auto;
    		padding-right: 8px;
    		margin-top: 0.5em;
    	}

		.item {
			border-bottom: 1px solid #dedede;
			position: relative;
			margin: 0 0 0.75em 0;
			line-height: 1.1em;
		}    	

		.item .id {
			font-size: 8pt;
			position: absolute;
			right: 0;
			top: 0;
		}

		.item .status {
			font-size: 8pt;
			position: absolute;
			right: 0;
			top: 1.25em;
		}

        .item .received {
            font-size: 8pt;
            position: absolute;
            right: 0;
            top: 2.5em;
        }

		.item .name {
			font-size: 10pt;
			font-weight: bold;
		}

		.item .school {
			font-size: 9pt;
			font-style: italic;
		}

		.item .type {
			font-size: 9pt;
			color: #7d7b7d;
			float: left;
			width: 150px;
		}

		.item .league {
			font-size: 9pt;
			color: #7d7b7d;
		}

		.item .notify img {
			position: absolute;
			right: 60px;
			width: 24px;
		}

		.item.item_hover .type,
		.item.item_hover .league {			
			color: #fcb069;
		}

		.item.item_hover {
			color: #e17009 !important;
			cursor: pointer;
			border-bottom: 1px solid #dfeffc !important;

			background: #f5f8f9;
		}     

    </style>

@stop

@section('jquery_init')
	
	// Table row highlighter
	function colorRows ()
	{		
		$('table').each(function ()
		{
			var i = 0;

			$('tbody tr:visible', $(this)).each(function ()
			{
				if (i % 2 == 0)
				{
					$(this).addClass('odd');
				}
				else
				{
					$(this).removeClass('odd');
				}
				i = i + 1;
			});		
		});
	}	
	colorRows();
	
	
	// Success bar
	$('.success_bar').animate({ 'top' : 32, 'background-color' : 'rgba(176, 255, 190, 1.0)'}, 1600, 'easeOutQuad', function ()
	{		
		$(this).delay(6000).fadeOut(4000);	

		$(this).hover(function ()
		{
			$(this).stop(true).css('opacity', '1.0');
		},
		function ()
		{
			$(this).fadeOut(4000);
		})
	});

	/*
	 * Close button
	 */
	$('.close_button')
		.button({'icons':{'primary':'ui-icon-circle-close'}})
		.css({'font-size':'9pt'});		

    /* 
     * Help button    
     */
    $('.help_button')
        .button({'icons':{'primary':'ui-icon-help'}})
        .css({'font-size':'9pt', 'margin-right':'10px'});

    /*
     * Next button
     */
	$('.next_button')
		.button({'icons':{'secondary':'ui-icon-play'}})
		.css({'font-size':'8pt'})
		.click(function ()
		{
			var button = $(this);

			var school_id = $('#school').val();

			window.location = "{{ url('/forms/coop-application/new') }}?school=" + school_id; 
		});

	$('.item')
		.hover(function ()
		{
			$(this).addClass('item_hover');
		}, function ()
		{
			$(this).removeClass('item_hover');
		})
		.click(function()
		{
			window.location = '{{ url('/forms/coop-application') }}/' + $(this).attr('data-id') + '/edit', '_blank';			
		});
	
@stop

@section('page_functions')  

	<a href="{{ asset ('docs/osaainfo/OnlineCoopApplicationInstructions.pdf') }}" class="help_button" target="_blank">Help</a>
	<a href="{{ url('/') }}" class="close_button">Close</a>
    
@stop


@section('main_content')    		

 	{{-- Success Bar --}}
 	@if (Session::has('success'))
		<div class="success_bar">
			<div class="message">				
				{{ Session::get('success') }}
			</div>			
		</div>
	@endif 	

	<div class="columns">

		{{-- Show user's current coop applications --}}
		<div class="half" style="padding-right: 1%; width:51%;">			
			@if (!Auth::user()->isOsaaUser())
				<h1>My Coop Applications</h1>
			@else
				<h1>All Coop Applications</h1>
			@endif
			
			<br />

			<div class="coop_form_list">

				@if (count($info['my_applications']) < 1)

					There are no Coop Application forms linked to your account.

				@else

					@foreach ($info['my_applications'] as $form)				

						<div class="item pending_waiver" data-id="{{ $form->id }}">
							<div class="name">{{ Helpers::getActivityName($form->activity) }}</div>
		                	<div class="id">
		                		@if (Helpers::strEqual($form->status, 'WORK'))
		                			Not Submitted
		                		@elseif (Helpers::strEqual($form->status, 'SUBT'))
		                			Submitted to OSAA
		                		@elseif (Helpers::strEqual($form->status, 'DONE'))
		                			@if ($form->is_approved)
		                				Approved
		                			@else
		                				Denied
		                			@endif
		                		@else
		                			{{ $form->id }}
		                		@endif
		                	</div>
		                	<div class="status">{{ $form->status }}</div>	                	
	                        <div class="received">{{ $form->udpated_at }}</div>
	                        <div class="school">{{ $form->getCoopName() }}</div>
		                	<div class="type">{{ $form->getCoopDuration() }} Years, {{ $form->starting_school_year }} - {{ $form->ending_school_year }}</div>
							<div class="league">
								<br />
<b>Fatal error</b>:  Call to a member function getLeague() on a non-object in <b>/home/osaa/web_app/dev/app/views/coop_form/index.blade.php</b> on line <b>309</b><br />