@section('page_title')
    OSAA - Ejection Report
@stop

@section('page_sub_title')    
    OSAA Ejection Report
@stop

@section('scripts')
    @parent

    <script src='https://www.google.com/recaptcha/api.js' async="async" defer="defer"></script>

    <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;
    	}

    	.access_mode {    		
    		padding: 0.5em 1em; 
    		font-size: 9pt;   		
    	}

    	.access_mode.commissioner {
    		border: 1px solid #0d581b;
    		background-color: #b0ffbe;
    	}

    	.access_mode.official {
    		border: 1px solid #e1c146;
    		background-color: #ffefb0;
    	}

    	.access_mode .mode_type {
    		float: right;
    		font-weight: bold;
    		font-size: 12pt;
    	}

    	img.current_step {
    		position: absolute;
    		width: 16px;
    		left: -35px;
    	}

    	a.new_form .ui-button-text {
    		line-height: 2em;
    	}

        #results {
            width: 510px;
            height: 525px;
            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: 3em;
        }

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

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

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

        .item .association {
            font-size: 9pt;
            color: #7d7b7d;
            font-style: italic;
        }

        .item .school_year {
            font-size: 9pt;            
            display: inline-block;
            width: 65px;
        }

        .item .type {
            font-size: 9pt;            
            display: inline-block;
            width: 55px;
        }

        .item .reason {
            font-size: 9pt;            
            display: inline-block;
        }

        .item.item_hover .association {
            color: #fcb069 !important;
        }

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

            background: #f5f8f9;
        }

        .ui-menu { position: absolute; width: 107px;}

        ul.ui-menu {
            padding: 0 !important;
        }    	

    </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);
		})
	});


	/* Positioned elements
     *
     * Elements that contain the attribute data-position="true" will be positioned
     * using JQuery's UI positioning utility.  Other expected attributes define the
     * element's position:
     *    data-position-my
     *    data-position-at
     *    data-position-of
     */
    $('[data-position="true"]').each(function()
    {
        var element = $(this);
        var my = element.attr('data-position-my');
        var at = element.attr('data-position-at');
        var of = element.attr('data-position-of');

        var options = $.parseJSON('{ "my" : "' + my + '", "at": "' + at + '", "of": "' + of + '"}');

        element.position(options);
    });


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

    /*
     * New form button
     */
    $('.new_form')
    	.button()
        @if (intval(Session::get('year')) !== intval(Helpers::getCurrentYear()))
            .button('disable')
        @endif
    	.css({'font-size' : '9pt', 'height' : '3em'})
    	.click(function(event)
    	{
    		event.preventDefault();

    		$('#create_form').submit();
    	});
	

	// Shake action items
    function shakeActionImages (object)
    {
        var direction;
        if ($(object).has('[data-direction]'))
        {
            var direction = $(object).attr('data-direction');
        }
        
        if (typeof direction == 'undefined')        
        {
            var direction = 'left';
        }        

        $(object).effect("shake", {direction : direction, distance : 5, times : 1}, 600, function ()
        {
            $(this).delay(Math.floor(Math.random() * 4000) + 2000);
            shakeActionImages($(this));
        });        
    }

    $('img.action_item').each(function()
    {
        var img = $(this);
        shakeActionImages(img);
    });

    @if (Auth::check() and Auth::user()->isOsaaUser())

        <br />
<b>Fatal error</b>:  Class 'Auth' not found in <b>/home/osaa/web_app/dev/app/views/ejection/index.blade.php</b> on line <b>322</b><br />