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

@section('tool_box')
	@if (Auth::check() and Auth::user()->isOsaaUser() and false)
		<div id="tool_box" style="font-size: 10pt;">
	        <img src="{{ asset('images/icons/shield_32px.png') }}" alt="" title="You are logged in as an OSAA Staff Member." class="tooltip" width="32" height="32" />        

	        <div class="float_left" style="line-height: 34px;">
	        		        	
	        	<img src="{{ asset('images/icons/bullet_green_32px.png') }}" alt="" title="" class="" style="float: none; width: 16px; height: 16px; margin: 0 0.25em 0 1em;" />
	        	<b>Open:</b> {{ date('g:ia n/j/y', strtotime($information['activity_form']->open_at)) }}
	        	
				<img src="{{ asset('images/icons/bullet_yellow_32px.png') }}" alt="" title="" class="" style="float: none; width: 16px; height: 16px; margin: 0 0.25em 0 1em;" />
	        	<b>Due:</b> {{ date('g:ia n/j/y', strtotime($information['activity_form']->due_at)) }}	        	

	        	<img src="{{ asset('images/icons/bullet_red_32px.png') }}" alt="" title="" class="" style="float: none; width: 16px; height: 16px; margin: 0 0.25em 0 1em;" />
	        	<b>Close:</b> {{ date('g:ia n/j/y', strtotime($information['activity_form']->close_at)) }}
	        </div>

	        <div style="float: right; line-height: 32px; margin-left: 10px;">
	        	<div class="button sheets" style="font-size: 9pt;">Data Sheets</div>
	        </div>

	        <div style="float: right; line-height: 32px; margin-left: 10px;">
	        	<div class="button entries" style="font-size: 9pt;">Entries</div>
	        </div>	 

	        <div style="float: right; line-height: 32px; margin-left: 10px;">
	        	<div class="button populate" style="font-size: 9pt;">Populate Database Entries</div>
	        </div>	                     

	    </div>
    @endif
@stop

@section('page_sub_title')    
	{{ $information['form_name'] }}
@stop

@section('scripts')
    @parent

    <script src="{{ asset('/scripts/jquery.maskedinput.min.js') }}" type="text/javascript"></script>	

	<style type="text/css">
    	table.participation_numbers {
    		border-collapse: collapse;	
    	}

    	table.participation_numbers th {
    		text-align: left;
    	}

    	table.participation_numbers tbody tr {
    		line-height: 1.75em;
    	}

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

    	table.participation_numbers tbody tr td {
    		padding-right: 15px;
    	}

    	h3 {
    		color: #990000 !important;
    	}

		.page_functions {
    		width: auto !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;
    	}

    	.form_meta_notes {
        	position: absolute;
        	top: 0;
        	right: 0;
        	text-align: right;        	
        	font-size: 8pt;
        	line-height: 115%;
        }


        label, .label {
            font-weight: bold;
            width: 125px;
            text-align: right;
            margin-right: 25px;
            display: inline-block;
            position: relative;
            vertical-align: top;
        }     
        
        .required {
            color: #990000;
            font-weight: bold;
            font-size: 14pt;
            position: relative;
            top: 4px;
            margin-left: 5px;
        }

        /* ASI Dialog */
        .asi_dialog {
            font-size: 10pt;
        }

        .asi_dialog h1 {
            font-size: 14pt;
            color: #005fa9 !important;
            margin: 1em 0 1em 0;
        }

        .asi_dialog h2 {
            font-size: 12pt;
            color: #1C43A6 !important;
            margin: 1em 0 0.5em 0;
        }

        .asi_dialog h3 {
            font-size: 10pt;
            color: #000000 !important;
            margin: 0.75em 0 0em 0;
        }

        .asi_dialog ul,
        .asi_dialog ol {
            margin-left: 28px;
        }

        .asi_dialog dl dt {
            float: left;
            width: 85px;
            text-align: left;
            margin-right: 15px;
            font-weight: bold;
            clear: both;            
        }

        .asi_dialog dl dd {
        	margin-bottom: 1em;
        } 

        .asi_dialog table.matches {
        	width: 100%;
        	font-size: 9pt;
        	border-collapse: collapse;
        }

        .asi_dialog table th {
        	text-align: left;
        	border-bottom: 1px solid #005fa9;
        }

        .asi_dialog table tbody tr {
        	line-height: 2em;
        }

        .asi_dialog table tbody td {
        	padding-right: 10px;
        }

    </style>
	
@stop

@section('jquery_init')
	// Ignore console debugging issues
	if(!window.console)
    {
        window.console = { log: $.noop, group: $.noop, groupEnd: $.noop };            
    }

    // Make this script play well with IE8
	if (typeof String.prototype.trim !== 'function')
	{
		String.prototype.trim = function()
		{
		    return this.replace(/^\s+|\s+$/g, ''); 
		}
	}


	$('.button').button();
	$('.button.notext').button({text:false});
	$('.button.close').button({ icons : { primary : 'ui-icon-circle-close'}});
	$('.button.switch').button({ icons : { primary : 'ui-icon-transferthick-e-w'}});
	$('.button.back').button({ icons : { primary : 'ui-icon-arrowthick-1-w'}});
	$('.button.delete').button({ icons : { primary : 'ui-icon-closethick'}});
	$('.button.add').button({ icons : { primary : 'ui-icon-plusthick'}});
	$('.button.save').button({ icons : { primary : 'ui-icon-disk'}});
	$('.button.entries').button({ icons : { primary : 'ui-icon-circle-arrow-s'}});
	$('.button.sheets').button({ icons : { primary : 'ui-icon-document'}});
	$('.button.populate').button({ icons : { primary : 'ui-icon-alert'}});
	$('.button.copy_dmd_to_submitter').button({ icons : { primary : 'ui-icon-copy'}});
	$('.button.disabled').button('disable');
	$('.tooltip').tooltip();	

	$('[data-required="required"]').after('<span class="required_marker">*</span>');

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


	// Required field marker
    $('[data-required]').after('<span class="required">*</span>'); 

    // Name fields (do not allow any special characters) 
    $('[data-format="name"]').bind('input', function()
    {
        $(this).val($(this).val().replace(/[^A-Za-z \-'\.,]/gi, ''));
    });

    // Phone field
    $('[data-phone-field]').mask("(999) 999-9999");

    // Date picker
    $('[data-date-picker]').datepicker({'dateFormat':'mm/dd/yy'});

	/* Limit input to numbers only */	
	$('[data-format="numbers_only"]').bind('input', function()
	{
  	    $(this).val($(this).val().replace(/[^0-9]/gi, ''));
	});	

	/* Limit input to numbers only or NP */	
	$('[data-format="place"]').bind('input', function()
	{
  	    $(this).val($(this).val().replace(/[^0-9NP]/gi, ''));
	});

	/* Limit input to numbers only or NS */	
	$('[data-format="seed"]').bind('input', function()
	{
  	    $(this).val($(this).val().replace(/[^0-9NS]/gi, ''));
	});
	
	
	$('input.participation_number').bind('change blur', function ()
	{				
		var v = parseInt($(this).val());
		
		if (v < 0)
		{
			$(this).val('');
		}		
		
		updateTotals();
	});		

	function updateTotals()
	{			
		total = 0;
		
		$('input.participation_number').each(function ()
		{
			var v = parseInt($(this).val());

			if (v >= 0)
			{	
				total = total + v;
			}
			
		});		

		/* Display the total number of participants */
		$('#total_participation').html(total);	
	}

	updateTotals();
	

	function colorRows ()
	{		
		$('table').each(function ()
		{
			var i = 0;

			$('tbody tr:visible', $(this)).each(function ()
			{
				if (i % 2 == 1)
				{
					$(this).addClass('odd');
				}
				else
				{
					$(this).removeClass('odd');
				}
				i = i + 1;
			});		


		});
	}

	colorRows();

	/* alertRequiredField
     *
     * Shows an alert box when attempting to save a blank value to a required field.
     */
    function alertRequiredField()
    {
        $('<div></div>')
            .appendTo('body')
            .dialog(
            {                       
                modal : true,
                draggable : false,
                resizable : false,                    
                height : 275,                    
                width : 415,                    
                title : 'Required Field',                    
                buttons: [
                    {
                        text : "OK",
                        'class' : "float_right",
                        icons : { primary : 'ui-icon-check'},
                        click : function()
                                {                                                       
                                    // Close the dialog box
                                    $(this).dialog("close"); 
                                }
                    }
                ],
                open : function ()
                    {  
                        var dialog_object = $(this);

                        dialog_object.html('<br />You\'ve entered in a blank value for a required field.  Required fields cannot be empty.<div style="font-size: 9pt; margin-top: 1em;" class="small gray note">The original value has been restored.</div>');
                        
                        $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '9pt');
                        $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');
                        $('.ui-dialog-buttonpane .ui-dialog-buttonset').append('<div style="font-size: 8pt; line-height: 1.25em; margin-top: 0.5em;">Still having trouble?<br />(503) 682-6722 x228</div>');
                    },                    
                close : function ()
                    {
                        var dialog_object = $(this);
                        $(dialog_object).remove();
                    }                
            });
    }

    {{-- League specific form scripts --}}
    @if (!is_null($information['submission']))

    	// Reset form button
    	$('.reset_form')
    		.button({'icons' : {'primary' : 'ui-icon-trash'}})
    		.css({'font-size' : '9pt'})
    		.click(function(event)
    		{
    			event.preventDefault();

    			// Get the form ID (same across all pages for this form)
	        	var form_id = {{ $information['submission']->id }};

    			$('<div></div>')
	                .appendTo('body')
	                .dialog(
	                {                       
	                    draggable : false,
	                    resizable : false,
	                    modal : true,
	                    height : 275,
	                    width : 400,                    
	                    title : 'Confirmation',
	                    buttons: [
	                        {
	                            text : "Yes",
	                            'class' : "float_left",
	                            icons : { primary : 'ui-icon-check'},
	                            click : function()
	                                    {                                                       
	                                        $('*').css({'cursor':'wait'});

									        var jqxhr = $.ajax(
									        {
									            type : 'POST',            			
									            url : '{{ url('/forms/league-forms/') }}/' + form_id + '/delete',
									            data : { 'form' : form_id},
									            dataType : 'html'
									        })
									        .done(function(returned_data)
									        {                               
									            // Success
									        })
									        .fail(function(jqXHR, status, error)
									        {                                                   
									            // Error
									            var response = jqXHR.responseText;
									            var errorData = $.parseJSON(response);
									            console.log(errorData);
									            alert("There was an error deleting this form's data.\n\n" + errorData.error.message + "\n\nThis page will be reloaded.");
									        })
									        .complete(function ()
									        {
									            location.reload();									            
									        });
	                                    }
	                        },
	                        {
	                            text : "No",
	                            'class' : "float_right",
	                            'data-autofocus' : "true",
	                            icons : { primary : 'ui-icon-close'},
	                            click : function()
	                                    {
	                                        // Close the dialog box
	                                        $(this).dialog("close");                           
	                                    }
	                        }
	                    ],
	                    open : function ()
	                        {  
	                            var dialog_object = $(this);

	                            dialog_object.html('<br />Are you sure you want to reset this form and clear out all of the entered data?<div style="font-size: 9pt; margin-top: 1em;" class="small gray note">This will delete all entries and start the form from scratch.</div><div class="ui-state-error small" style="padding: 0.5em;">This cannot be undone.</div>');
	                                                        
	                            $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '9pt');
	                            $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');   

	                            $('[data-autofocus="true"]').focus();
	                        },
	                    close : function ()
	                        {
	                            var dialog_object = $(this);                            

	                            $(dialog_object).remove();
	                        }                
	                });
    		});




	    /* saveFormData
	     *
	     * Given a form field and a value, this function will do a
	     * JSON POST request to save the form's information.  The optional
	     * third parameter will determine if the page will be reloaded or not.
	     */
	    function saveFormData(field, value, type, reload)
	    {
	        // Ensure the field and value parameters are provided
	        if (typeof field == 'undefined' || typeof value == 'undefined' || typeof type == 'undefined')
	        {
	            alert('Scripting error.  Unable to save form data.');
	        }

	        // Get the optional reload parameter
	        reload = typeof reload !== 'undefined' ? reload : false;

	        // Get the form ID (same across all pages for this form)
	        var form_id = {{ $information['submission']->id }};

	        $('*').css({'cursor':'wait'});

	        var jqxhr = $.ajax(
	        {
	            type : 'POST',            			
	            url : '{{ url('/forms/league-forms/') }}/' + form_id + '/update',
	            data : { 'field' : field,
	                     'value' : value,
	                     'type'  : type },
	            dataType : 'html'
	        })
	        .done(function(returned_data)
	        {                               
	            // Success
	            console.log("Successfully saved {'" + form_id + "|" + field + "' : '" + value + "'}");
	            
	            var info = $.parseJSON(returned_data);

	            $('#updated_at').html(info.updated_at);
	            $('#updated_by').html(info.updated_by);

	            if (info.force_reload)
	            {
	                reload = true;
	            }

	        })
	        .fail(function(jqXHR, status, error)
	        {                                                   
	            // Error
	            var response = jqXHR.responseText;
	            var errorData = $.parseJSON(response);
	            console.log(errorData);
	            alert("There was an error saving this form's data.\n\n" + errorData.error.message + "\n\nPlease try again.  Please note, that if you try to reload this page, your unsaved data will be lost.");
	        })
	        .complete(function ()
	        {
	            // Reload if necessary
	            if (reload)
	            {
	                location.reload();
	            }
	            else
	            {
	                $('*').css({'cursor':''});
	            }
	        });
	    }   

	    // Autosave text fields
	    function autoSaveTextField(input_field)
	    {
	        clearTimeout(autoSaveTextField.timeout);
	        autoSaveTextField.timeout = setTimeout(function (){
	            
	            var value = input_field.val();
	            var original_value = input_field.attr('data-original');
	            var field = input_field.attr('data-field');
	            var type = input_field.attr('data-type');                        
	            
	            var readonly_attr = input_field.attr('readonly');            
	            if (typeof readonly_attr !== typeof undefined && readonly_attr !== false)
	            {
	                return false;
	            }

	            var reload = false;
	            var reload_attr = input_field.attr('data-reload');            
	            if (typeof reload_attr !== typeof undefined && reload_attr !== false)
	            {
	                reload = true;
	            }

	            var required = false;
	            var required_attr = input_field.attr('data-required');            
	            if (typeof required_attr !== typeof undefined && required_attr !== false)
	            {
	                required = true;
	            }

	            if (required && value == '' && !(original_value == '' || typeof original_value === typeof undefined || original_value === false))
	            {
	                input_field.val(original_value);

	                input_field.focus();

	                alertRequiredField();          

	                return;
	            }

	            if (value != original_value && ((required && value != '') || !required))
	            {
	                saveFormData(field, value, type, reload);
	                input_field.attr('data-original', value);
	            }
	        }, 50);
	    }

	    // Autosave text fields and textareas
	    $('input[type="text"][data-autosave]').on('change blur autocompletechange', function (event)
	        {            
	            autoSaveTextField ($(this));
	        });
	    $('textarea[data-autosave]').on('change blur autocompletechange', function (event)
	        {            
	            autoSaveTextField ($(this));
	        });   

	    // Autosave select fields    
	    $('select[data-autosave]').on('change', function(event)
	    {
	        var select_field = $(this);
	        var selected = $(':selected', select_field);
	        var value = selected.val();
	        var original_value = select_field.attr('data-original'); 
	        var field = select_field.attr('data-field');
	        var type = select_field.attr('data-type');                        
	     
	        var readonly_attr = select_field.attr('readonly');            
	        if (typeof readonly_attr !== typeof undefined && readonly_attr !== false)
	        {
	            return false;
	        }

	        var reload = false;
	        var reload_attr = select_field.attr('data-reload');            
	        if (typeof reload_attr !== typeof undefined && reload_attr !== false)
	        {
	            reload = true;
	        }

	        if (value != original_value)
	        {
	            saveFormData(field, value, type, reload);
	            select_field.attr('data-original', value);
	        }                
	    });

	    // Autosave check-box fields    
	    $('input[type="checkbox"][data-autosave]').on('change', function(event)
	    {
	        var checkbox_field = $(this);        
	        var value = checkbox_field.is(':checked');
	        var original_value = checkbox_field.attr('data-original'); 
	        var field = checkbox_field.attr('data-field');
	        var type = checkbox_field.attr('data-type');                        
	        
	        var readonly_attr = checkbox_field.attr('readonly');            
	        if (typeof readonly_attr !== typeof undefined && readonly_attr !== false)
	        {
	            return false;
	        }

	        var reload = false;
	        var reload_attr = checkbox_field.attr('data-reload');            
	        if (typeof reload_attr !== typeof undefined && reload_attr !== false)
	        {
	            reload = true;
	        }

	        if (value != original_value)
	        {
	            saveFormData(field, value, type, reload);
	            checkbox_field.attr('data-original', value);
	        }         
	    });

	
    @endif


	{{-- Landing page, scripts for the league selection and ASI form --}}
    @if (is_null($information['league']))

	    /* Disable the next button and hide the loading icon */
	    $('#select_league_form input[type="submit"]').button('disable')
	    											 .addClass('ui-state-error');
	    $('#select_league_form img').hide();

	    /* When a code is input, check it's value */
	    $('#select_league_form [name="code"]').bind('input', function ()
	    {
	    	$('#select_league_form img').show();
	    	var code = $(this).val();

	    	// Skip for now, to make it process faster
	    	if (false && code.length != 17)
	    	{    		
			    $('#select_league_form input[type="submit"]').button('disable')
			    											 .addClass('ui-state-error');
			    $('#select_league_form img').hide();
	    	}
	    	else
	    	{
		    	var jqxhr = $.ajax(
		                    {
		                        type : 'POST',
		                        url : '/forms/check-code',
		                        data : { 'activity' : 'BTN', 'code' : code },
		                        dataType : 'html'
		                    })	                   
		                   .fail(function ()
		                    {
		                      	$('#select_league_form input[type="submit"]').button('disable')
			    											 .addClass('ui-state-error');
			    				$('#select_league_form img').hide();
		                    })
		                   .success(function ()
		                    {
		                    	$('#select_league_form input[type="submit"]').button('enable')
			    											 .removeClass('ui-state-error');
			    				$('#select_league_form img').hide();
		                	});
		    }		

		});

		// Only submit the form if the submit button is enabled
		$('#select_league_form').submit(function ()
		{
			if ($('#select_league_form input[type="submit"]').is(':enabled'))
			{			
				$('#select_league_form [name="code"]').remove();
				return true;
			}
			else
			{
				return false;
			}
		});	

		{{-- Access to ASI form is allowed --}}
		@if (Helpers::strEqual($information['user_status'], 'OK'))

			// View/Edit button
			$('.view_edit_qualifier')
				.css({'font-size' : '9pt',
					  'margin-top' : '1.5em'})
				.button()
				.click(function(event)
				{
					var button = $(this);
					var option = $('#qualifier option:selected');

					// Get the qualifier's data into an object payload
					var data = {
						league_form : parseInt($(option).attr('data-league-form')),
						sub_division : $(option).attr('data-sub-division'),
						index : parseInt($(option).val()),
						name : ($(option).text()).trim(),
						ap_id : parseInt($(option).attr('data-ap')),
						ap_verify_id : parseInt($(option).attr('data-ap-verify')),
						ap_access : parseInt($(option).attr('data-ap-access'))
					};
					
		    		var load_url = '{{ url('forms/league-forms') }}/' + data.league_form + '/tennis-qualifiers/' + data.sub_division + '/' + data.index + '/edit-asi';

		    		$('<div></div>')
		                .appendTo('body')
		                .dialog(
		                {                       
		                    modal : true,
		                    draggable : true,
		                    resizable : false,
		                    height : 700,
		                    width : 725,                    
		                    title : 'View/Edit Additional Seeding Information',                    
		                    buttons: [{
	                            text : "Save",
	                            'class' : "float_left",
	                            icons : { primary : 'ui-icon-disk'},
	                            click : function()
	                                    {                                                       
	                                        var dialog_object = $(this);
	                                        var form = $('form', dialog_object);

	                                        $('<div><div>')
                                                .addClass('ui-widget-overlay ui-front')
                                                .appendTo('body');
                                              
                                            $('<div><div>').appendTo('body')
                                                .css('width', '225px')
                                                .css('height', '170px')
                                                .css('text-align', 'center')
                                                .css('padding', '0.5em')
                                                .position({my : "center center", at : "center center", of : window})
                                                .addClass('ui-dialog ui-widget ui-widget-content ui-corner-all ui-front')
                                                .html('<br />Saving...<br /><br /><img src="http://www.osaa.org/images/icons/ajax_loader3.gif" /><div style="font-size: 8pt; line-height: 105%; margin-top: 2em;">Please wait, this may take a while to process.</div>');

	                                        form.submit();
	                                        return;	                                        
	                                    }
	                        }, 	                        
	                        {
	                            text : "Cancel",
	                            'class' : "float_right",
	                            'data-autofocus' : "true",
	                            icons : { primary : 'ui-icon-cancel'},
	                            click : function()
	                                    {
	                                        // Close the dialog box
	                                        $(this).dialog("close"); 
	                                        $(this).remove();                                       
	                                    }
	                        }],
		                    open : function ()
	                        {  	                            
	                            var dialog_object = $(this);

	                            // Show the loading image
	                            dialog_object.html("<div class='ajax_loader' style='width:16px; height:11px; margin:4em auto; background-image: url(http://www.osaa.org/images/icons/ajax_loader2.gif); background-repeat:no-repeat;'></div>");

	                            // Disable dialog buttons
	                            $('.ui-dialog-buttonset button').button('disable');

	                            // Get the AJAX form
	                            var jqxhr = $.ajax(
	                            {
	                                type : 'GET',
	                                url : load_url,
	                                dataType : 'html'
	                            })
	                            .done(function (returned_data)
	                            {                               
	                                dialog_object.html(returned_data);

	                                // Enable dialog buttons
	                                $('.ui-dialog-buttonset button').button('enable');

	                                // Verify qualifier information
	                                var verify = {
	                                	ap_id : parseInt($('div.asi_dialog', dialog_object).attr('data-ap-id')),
	                                	ap_verify_id : parseInt($('div.asi_dialog', dialog_object).attr('data-ap-verify-id')),
	                                	index : parseInt($('div.asi_dialog', dialog_object).attr('data-index')),
	                                	name : $('div.asi_dialog', dialog_object).attr('data-name-verification'),
	                                	league_form : parseInt($('div.asi_dialog', dialog_object).attr('data-form-id')),
	                                	sub_division : $('div.asi_dialog', dialog_object).attr('data-sub-division')
	                            	};

	                            	// Debug
	                                console.log(data);
	                                console.log(verify);

	                            	var errors = [];

	                            	// Ensure values match
	                            	if (data.ap_id !== verify.ap_id)
	                            	{
	                            		errors.push("Activity program ID number mismatch");
	                            	}
	                            	if (data.ap_verify_id !== verify.ap_verify_id)
	                            	{
	                            		errors.push("Activity program ID number verification failure");
	                            	}
	                            	if (data.index !== verify.index)
	                            	{
	                            		errors.push("Array index mismatch");
	                            	}
	                            	if (data.league_form !== verify.league_form)
	                            	{
	                            		errors.push("League form ID number mismatch");
	                            	}
	                            	if (data.name.localeCompare(verify.name) !== 0)
	                            	{
	                            		errors.push("Qualifier name mismatch");
	                            	}	                                

	                                // Abort on errors
	                                if (errors.length > 0)
	                                {
	                                	dialog_object.remove();
	                                	$('<div><div>').addClass('ui-widget-overlay ui-front').appendTo('body');

	                                	var error_message = "There were verification errors when loading the selected qualifier: ";

	                                	for (var i = 0; i < errors.length; i++)
	                                	{
	                                		error_message += "\n    - " + errors[i];
	                                	}

	                                	error_message += "\n\nThis page will reload.";

	                                	alert(error_message);
	                                	location.reload();
	                            		return false;
	                            	}

	                            	// Get the min and max match dates
		                            var min = $('div.asi_dialog', dialog_object).attr('data-date-min');
		                            var max = $('div.asi_dialog', dialog_object).attr('data-date-max');

	                            	// Setup ASI form behavior
	                            	$('.matches input[data-format="datepicker"]', dialog_object)
	                            	    .datepicker({'dateFormat' : 'mm/dd/yy', 'minDate' : min, 'maxDate' : max});		                            

	                            	// Limit input to numbers only
									$('[data-format="numbers_only"]', dialog_object).bind('input', function()
									{
								  	    $(this).val($(this).val().replace(/[^0-9]/gi, ''));
									});	

	                            	// Custom label behavior
	                            	$('[data-for]', dialog_object)
	                            		.css({'cursor' : 'default'})
	                            	    .click(function(event)
		                            	{		                            		
		                            		var target_selector = $(this).attr('data-for');
		                            		var target = $('[name="' + target_selector + '"]');

		                            		target.focus();
		                            	});

		                            // Add a match row
		                            $('.add_match_row')
		                            	.css({'font-size' : '8pt', 'margin-top' : '0.5em'})
		                            	.button({'icons':{'primary' : ' ui-icon-plusthick'}})
		                            	.click(function()
		                            	{
		                            		var table = $('.matches', dialog_object);

		                            		var row = $('<tr><td></td><td></td><td></td><td></td><td style="padding: 0;"></td></tr>');
											
		                            		// Add a date picker
		                            		var dp = $('<input type="text" name="dates[]" style="width: 90px;" />');
		                            		$(dp).datepicker({'dateFormat' : 'mm/dd/yy', 'minDate' : min, 'maxDate' : max});
		                            		$('td:eq(0)', row).html(dp);

		                            		// Add an opponent text field
		                            		var op = $('<input type="text" name="opponents[]" style="width: 325px;" />');
											$('td:eq(1)', row).html(op);

											// Add a match type drop down
											var mt = $('<select name="types[]" style=""><option value=""></option><option value="N">Non-League</option><option value="L">League</option><option value="D">Dist. Tourn.</option></select>');
											$('td:eq(2)', row).html(mt);

											// Add a score text field
											var ms = $('<input type="text" name="scores[]" style="width: 75px;" />');
											$('td:eq(3)', row).html(ms);

											// Add a result drop down
											var mr = $('<select name="results[]" style=""><option value=""></option><option value="W">Win</option><option value="L">Loss</option></select>');
											$('td:eq(4)', row).html(mr);

		                            		// Add this new row to the table
											row.appendTo(table);
		                            	});

	                            })
	                            .fail(function (jqXHR, status, error)
	                            {
	                                // There was an error
	                                var response = jqXHR.responseText;
	                                var errorData = $.parseJSON(response);
	                                //console.log(errorData);
	                                alert("There was an error loading the required information.\n\n" + errorData.error.message + "\n\nThis page will reload.");
	                             
	                                location.reload();
	                            })
	                            .complete(function ()
	                            {   
	                                // Form logic bindings

	                                
	                            }); 

	                            $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '9pt');
	                            $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');
	                        },
		                    close : function ()
	                        {
	                            var dialog_object = $(this);
	                            $(dialog_object).remove();
	                        }                
		                });
			 	});



		@endif

	@endif		
	

	

    @if (Auth::check() and Auth::user()->isOsaaUser())    
    	 
		/* Enable the next button */
	    $('#select_league_form input[type="submit"]').button('enable')
	    											 .removeClass('ui-state-error');

	    $('.button.entries').click(function ()
	    {
	    	window.open('{{ url('/reports/tn-entries/csv') }}');		
		});

		$('.button.sheets').click(function ()
	    {
	    	window.open('{{ url('/reports/tn-entries/sheets') }}');		
		});


	    $('.button.populate')
        .click(function ()
        {
            $('<div></div>')
                .appendTo('body')
                .html('<br /><img src="{{ asset('images/icons/help_24px.png') }}" class="float_left" style="margin: 0.25em 1em 0.5em 0;" alt="" title="" />Are you sure you want to reset all {{ (Session::get('year') + 1) }} tennis brackets and re-populate the database?<div style="font-size: 9pt; margin-top: 2.25em;">This will clear the database of all existing tennis participants for the current school year, erasing any existing bracket placements.<br /><br /><div class="ui-state-error" style="padding: 0.5em 0.25em;"><b>Note:</b> This cannot be undone.  Choose wisely.</div><br />This procedure should only be executed once, after all entries have been submitted and before placing any participants onto a tennis bracket.</div>')
                .dialog(
                {
                    autoOpen: true,
                    draggable: false,
                    resizable: false,
                    height: 'auto',
                    width: 450,
                    title: 'WARNING - Please Confirm',
                    modal: true,
                    buttons: [
                    {
                        text : "Yes",
                        'class' : "float_left",
                        icons : { primary : 'ui-icon-check'},
                        click : function()
                        {   
                            $('<div><div>').addClass('ui-widget-overlay ui-front')
                            			   .attr('id', 'shadow')
                                           .appendTo('body');
                            
                            $('<div><div>').appendTo('body')                            			   
                            		       .attr('id', 'waiting')
                                           .css('width', '225px')
                                           .css('height', '170px')
                                           .css('text-align', 'center')
                                           .css('padding', '0.5em')
                                           .position({my : "center center", at : "center center", of : window})
                                           .addClass('ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-dialog-buttons')
                                           .html('<br />Working...<br /><br /><img src="http://www.osaa.org/images/icons/ajax_loader3.gif" /><div style="font-size: 8pt; line-height: 105%; margin-top: 2em;">Please wait, this may take a while to process and update the database.</div>');

                            var jqxhr = $.ajax(
                            {
                                type : 'GET',
                                url : '/brackets/populate-tennis-participants',                                
                                dataType : 'html',                            
                                error : function ()
	                            {
	                                alert('There was an error populating the database.  The procedure was unexpectedly interrupted.');
	                            },
	                            success : function (data)
	                            {                           
	                                alert('Database was successfully populated with ' + data + ' participants.');
	                            },
	                            complete : function ()
	                            {	                                
	                                $('#waiting').remove();
	                                $('#shadow').remove();
	                            }
                            });

                            $(this).dialog("close");
                            $(this).remove();                                                                      
                        }
                    },
                    {
                        text : "No",
                        'class' : "float_right",
                        'autofocus' : true,
                        icons : { primary : 'ui-icon-cancel'},
                        click : function()
                        {
                            $(this).dialog("close");
                            $(this).remove();
                        }
                    }],
                    open : function ()
                    {                   
                        $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '10pt');
                        $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');
                        $('.ui-dialog-titlebar').addClass('ui-state-highlight');
                    }
                });  
        });

    @endif
@stop

@section('page_functions') 	

	@if (!is_null($information['league']))
		<a href="{{ url('/forms/registration/' . strtolower($information['activity']->slug)) }}" class="button back tooltip" style="font-size:9pt; float: right;" title="Go back to the league selection page.">Back</a>		
		
		@if (Helpers::strEqual($information['activity']->slug, 'BTN'))
			<a href="{{ url('/forms/registration/gtn?league=' . $information['league']->slug) }}" class="float_right button switch tooltip" style="font-size:9pt; margin-right: 10px;" title="Switch to the Girls Tennis form.">Switch to Girls</a>	
		@else
			<a href="{{ url('/forms/registration/btn?league=' . $information['league']->slug) }}" class="float_right button switch tooltip" style="font-size:9pt; margin-right: 10px;" title="Switch to the Boys Tennis form.">Switch to Boys</a>	
		@endif

		<a href="#" class="reset_form tooltip" style="float: right; margin-right: 10px;" title="Clear this form by deleting all entries.">Reset Form</a>

	@else
		
		@if (Helpers::strEqual($information['activity']->slug, 'BTN'))
			<a href="{{ url('/forms/registration/gtn') }}" class="button switch tooltip" style="font-size: 9pt; margin-right: 10px;" title="Switch to the Girls Tennis form.">Switch to Girls</a>	
		@else
			<a href="{{ url('/forms/registration/btn') }}" class="button switch tooltip" style="font-size: 9pt; margin-right: 10px;" title="Switch to the Boys Tennis form.">Switch to Boys</a>	
		@endif

		<a href="{{ $information['return_url'] }}" class="button close tooltip" style="font-size:9pt;" title="Close this form and return to league and special district results.">Close</a>		
	@endif

@stop


@section('main_content')    
	
	@if (Session::has('success'))

		<div class="success_bar">
			<div class="message">				
				{{ Session::get('success') }}
			</div>			
		</div>

	@endif

	@if ($information['is_past_due'])
		<div class="online_form_late ui-state-error ui-corner-all">
			<span class="ui-icon ui-icon-alert" style="display:inline-block; position:relative; top:2px;"></span>
			District tournament results were due by {{ date('g:i A l, F j, Y', strtotime($information['activity_form']->due_at)) }}.
		</div>
	@endif

	<br />

	{{-- Need to select a league --}}
	@if (is_null($information['league']))	

		<div class="columns">		

			{{-- Results Form for DMDs --}}
			<div class="half" style="padding-right: 1.85%;">

				<h1>District Tournament Results</h1>

				<br />

				<p>
					This form is for <b>District Directors</b> to submit district tournament results and name state qualifying participants.
				</p>

				<div class="online_form_instructions ui-corner-all" style="font-size: 9.5pt; line-height: 1.2em;">
					<span class="ui-icon ui-icon-info" style="display:inline-block; position:relative; top:2px;"></span>
					<b>Instructions</b> <br />
					<ol>
						<li>Select the league or special district from the drop-down list.</li>
						<li>Type in the password provided by the OSAA.</li>
						<li>Click <b>Next</b> to continue with submitting entries.</li>
						<li>You can switch to the 
							@if (Helpers::strEqual($information['activity']->slug, 'BTN'))
								Girls
							@else
								Boys
							@endif
							Tennis form by clicking the <b>Switch to
							@if (Helpers::strEqual($information['activity']->slug, 'BTN'))
								Girls
							@else
								Boys
							@endif
							</b> button at the top of the page.</li>
						<li><b>Note:</b> All entries must be submitted by {{ date('g:i A l, F j, Y', strtotime($information['activity_form']->due_at)) }} using this online form.</li>
					</ol>

					<br />

					For questions, contact {{ $information['staff']->first_name }} {{ $information['staff']->last_name }} at (503) 682-6722 x233 or by e-mail to {{ Helpers::obfuscateEmailLink ($information['staff']->email) }}.  For technical assistance, you can email {{ Helpers::obfuscateEmailLink ("support@osaa.org") }}.
				</div>		

				<br />

				<h2>{{ Helpers::getActivityName($information['activity']->slug) }} Leagues &amp; Special Districts</h2>
				
				{{ Form::open(array('url' => url('/forms/registration/' . strtolower($information['activity']->slug)),
							        'method' => 'get',
							        'id'     => 'select_league_form')) }}		
							
					
					<b>District</b><br />
					{{ Form::select('league',
								    $information['leagues_list'],
								    null,
								    array('style' => 'margin-top: 0.5em;')) }}
			
					<br /><br />

					<b>Key Code/Password</b><br />
					{{ Form::text('code',
								  (Auth::check() and Auth::user()->isOsaaUser()) ? 'STATEREGISTRATION' : null,
								  array('style' => 'margin-top: 0.5em;')) }}

					<img src="{{ asset('/images/icons/ajax_loader2.gif') }}" alt="" title="" />
			
					<br /><br />

					{{ Form::submit('Next', array('class' => 'button',
												  'style' => 'font-size: 9pt; margin-top: 0.5em;')) }}
			

				{{ Form::close() }}

			</div>

			
			{{-- ASI Form for Coaches/ADs --}}
			<div class="half" style="padding: 0; padding-left: 1.85%; border-left: 1px solid #cccccc; height: 42em;">				

				<h1>Additional Seeding Information</h1>

				<br />

				<p>
					This form is for <b>Coaches</b> to submit additional seeding information for their team's state qualifying participants.
				</p>

				<div class="online_form_instructions ui-corner-all" style="font-size: 9.5pt; line-height: 1.2em;">
					<span class="ui-icon ui-icon-info" style="display:inline-block; position:relative; top:2px;"></span>
					<b>Instructions</b> <br />
					<ol>
						@if (Helpers::strEqual($information['user_status'], 'NOT LOGGED IN'))
							<li><span class="important">You must be logged into your OSAA website account in order to access this form.</span></li>
							<li><a href="{{ url('account/login') }}?redirect=forms/registration/{{ strtolower($information['activity']->slug) }}">Click here</a> to log in, after which you will be redirected back to this page.</span></li>
						@elseif (Helpers::strEqual($information['user_status'], 'NOT LINKED'))
							<li><span class="important">Your account is not linked to any tennis program so you will not be able to access this form.</span></li>
							<li><a href="{{ url('/account') }}#new-role">Click here</a> to link your account to a new school/role for tennis.</li>
							<li>For additional assistance with OSAA website accounts, please refer to the <a href="{{ url('/help') }}" target="_blank">OSAA Help</a> page.
						@elseif (Helpers::strEqual($information['user_status'], 'NO QUALIFIERS'))
							<li><span class="important">No participants from your school have been submitted as state qualifiers.  You must wait for your league or special district results to be submitted before accessing this form.</span></li>
						@elseif (Helpers::strEqual($information['user_status'], 'OK'))
							<li>Select your state qualifier from the list below.</li>
							<li>Click the <b>View/Edit</b> button to add or modify additional seeding information for the selected participant.</li>
						@endif
						<li>You can switch to the 
							@if (Helpers::strEqual($information['activity']->slug, 'BTN'))
								Girls
							@else
								Boys
							@endif
							Tennis form by clicking the <b>Switch to
							@if (Helpers::strEqual($information['activity']->slug, 'BTN'))
								Girls
							@else
								Boys
							@endif
							</b> button at the top of the page.</li>
						<li><b>Note:</b> All additional seeding information must be submitted by 11:59 PM {{ date('l, F j, Y', strtotime($information['activity_form']->due_at)) }} using this online form.</li>
					</ol>

					<br />

					For questions, contact {{ $information['staff']->first_name }} {{ $information['staff']->last_name }} at (503) 682-6722 x233 or by e-mail to {{ Helpers::obfuscateEmailLink ($information['staff']->email) }}.  For technical assistance, you can email {{ Helpers::obfuscateEmailLink ("support@osaa.org") }}.
				</div>		

				<br />

				@if (Helpers::strEqual($information['user_status'], array('NOT LOGGED IN', 'NOT LINKED')))

					<h2>This Form Is Unavailable - No Access</h2>

				@elseif (Helpers::strEqual($information['user_status'], array('NO QUALIFIERS')))

					<h2>This Form Is Unavailable - No Qualifiers</h2>

				@else

					<h2>{{ Helpers::getActivityName($information['activity']->slug) }} State Qualifiers</h2>

					{{ Form::open(array('url' => url('/forms/registration/' . strtolower($information['activity']->slug)),
							            'method' => 'post',
							            'id'     => 'asi_form')) }}
						
						<div class="columns">
							<div class="half" style="width: 72%;">
								<b>Qualifiers</b><br />
								
								<select
								    style="margin-top: 0.5em;"
								    name="qualifier"
								    id="qualifier"
								>
									@foreach ($information['sub_divisions'] as $sub_division)

										<optgroup label="{{ ucfirst(strtolower($sub_division)) }}">

											
											@foreach ($information['accessible_qualifiers'] as $ap_object)
											
												@foreach ($ap_object->qualifiers[strtolower($sub_division)] as $qualifier)

													
													<option
													    value="{{ $qualifier->index }}"
													    data-sub-division="{{ $qualifier->sub_division }}"
													    data-league-form="{{ $qualifier->league_form }}"
													    data-ap="{{ $qualifier->ap_id }}"
													    data-ap-access="{{ $ap_object->user_has_access }}"
													    data-ap-verify="{{ $ap_object->ap->id }}"
													>
														@if (Helpers::strEqual($sub_division, 'Singles'))
															{{ $qualifier->name }}
														@else
															{{ $qualifier->name_1 }} / {{ $qualifier->name_2 }}
														@endif
													</option>

												@endforeach

											@endforeach	

											@if ($list_count == 0)

												<option value="-1" disabled="disabled">No Qualifiers</option>

											@endif

										</optgroup>

									@endforeach

								</select>
							</div>

							<div class="fourth">

								<div class="view_edit_qualifier">View/Edit</div>

							</div>
						</div>					

					{{ Form::close() }}

					<br class="clear" /><br />

				@endif

				<br />

				@if (Session::has('asi_error_message'))
					<div class="ui-state-error">
						<b>There was an error; unable to save ASI data:</b><br />
						{{ Session::get('asi_error_message') }}
					</div>
					<br /><br />
				@endif

				<div class="small gray note" style="line-height: 1.15em; text-align: justify;">
					It is the responsibility of the coach to ensure that the OSAA receives any additional seeding information using this online form.  The OSAA and the seeding committee will not be held accountable for not seeding a participant for whom additional information has not been supplied beyond the published league or special district results.  Only this online form will be used to accept additional seeding information.
				</div>
				
			</div>


		</div>


		
		

	@else
		
		{{-- A League is selected --}}		
		<br />

		<br />
<b>Fatal error</b>:  Class 'Helpers' not found in <b>/home/osaa/web_app/dev/app/views/forms/tn_registration.blade.php</b> on line <b>1369</b><br />