@section('page_title')
    OSAA - Forms
@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">
    	h2 {
            color: #1C43A6 !important;
        }

        h2.line {
            border-bottom: 1px solid #1C43A6;
            padding-bottom: 0.25em;
            margin-bottom: 0.25em;
        }

        h3 {
            color: #990000 !important;
        }

        .no-close .ui-dialog-titlebar-close {
            display: none;
        }

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

        .odd {
            background-color: #dedede;
        }

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

        .required {
            color: #990000;
            font-weight: bold;
            font-size: 14pt;
            position: relative;
            top: 4px;
            margin-left: 5px;
        }

        .required_blue {
            color: #000099;
            font-weight: bold;
            font-size: 14pt;
            position: relative;
            top: 4px;
            margin-left: 5px;
        }

        label, .label {
            font-weight: bold;
            width: 135px;
            text-align: right;
            margin-right: 25px;
            display: inline-block;
            position: relative;
            vertical-align: top;
        } 

        .solo_qualifier {
        	width: 100%;
        	padding: 0.5em 0;
        	border-bottom: 1px solid #cccccc;
        }

        .qualifier_name {
        	float: left;
        	font-weight: bold;
        	width: 200px;
        }

        .qualifier_category {
        	float: left;
        	width: 200px;        	
        }

        .qualifier_placement {
        	float: left;
        	width: 290px;
        }

        .qualifier_school {
        	float: left;
        	width: 275px;
        }


        /* AI Dialog */
        .ai_dialog {
            font-size: 10pt;
        }

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

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

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

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

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

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

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

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

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

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

    </style>
	
@stop

@section('jquery_init')
	
	// 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', 'margin-left' : '10px'});     

    // Back button
    $('.back_button')
        .button({'icons':{'primary':'ui-icon-arrowthick-1-w'}})
        .css({'font-size' : '9pt', 'margin-left' : '10px'}); 

    // Next button
    $('.next_button')
        .button()
        .css({'font-size' : '9pt',
              'position' : 'relative',
              'top' : '-2px'});    

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

    {{-- Scripts for selecting the league --}}
    @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"]').on('change input', function ()
	    {
	    	$('#select_league_form img').show();
	    	var code = $(this).val();

	    	// Skip for now, to make it process faster	    	
	    	var jqxhr = $.ajax(
	                    {
	                        type : 'POST',
	                        url : '/forms/check-code',
	                        data : {'activity' : 'SOL',
	                                '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();
	                	});

		});

		@if (Auth::check() and Auth::user()->isOsaaUser())
			$('.download_button')
			    .button({'icons' : {'primary' : 'ui-icon-circle-arrow-s'}})
			    .css({'font-size' : '9pt'});
			
			$('#select_league_form [name="code"]')
				.val('STATEREGISTRATION')
				.change();
	    @endif

		// 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 additional information form is allowed --}}
		@if (Helpers::strEqual($information['user_status'], 'OK'))

			/* 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, form_id)
		    {
		        // 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;		        

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


			// View/Edit button
			$('.view_edit_qualifier')
				.css({'font-size' : '9pt',
					  'margin-top' : '1.75em',
					  'margin-bottom' : '0.20em'})
				.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')),						
						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 + '/edit-solo-qualifier/' + data.index + '/additional-information';

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

	                                        var index = $('input[name="index"]', form).val();

	                                        var record = {
	                                        	'registered' : $('input[name="registered"]', form).val(),
	                                        	'notes' : $('textarea[name="notes"]', form).val(),
	                                        	'selected' : $('input[name="selected"]', form).val(),
	                                        	'first_name' : $('input[name="first_name"]', form).val(),
	                                        	'last_name' : $('input[name="last_name"]', form).val(),
	                                        	'grade' : $('select[name="grade"] option:checked', form).val(),
	                                        	'school' : $('[name="school"]', form).val(),
	                                        	'category' : $('[name="category"]', form).val(),
	                                        	'placement' : $('[name="placement"]', form).val(),
	                                        	'director_name' : $('input[name="director_name"]', form).val(),
	                                        	'director_email' : $('input[name="director_email"]', form).val(),
	                                        	'director_phone' : $('input[name="director_phone"]', form).val(),
	                                        	'accompanist_name' : $('input[name="accompanist_name"]', form).val(),
	                                        	'accompanist_email' : $('input[name="accompanist_email"]', form).val(),
	                                        	'accompanist_phone' : $('input[name="accompanist_phone"]', form).val(),
	                                        	'selection_1_title' : $('input[name="selection_1_title"]', form).val(),
	                                        	'selection_1_composer' : $('input[name="selection_1_composer"]', form).val(),
	                                        	'selection_2_title' : $('input[name="selection_2_title"]', form).val(),
	                                        	'selection_2_composer' : $('input[name="selection_2_composer"]', form).val()
	                                    	};

	                                    	var errors = [];

	                                    	// Check for required fields
	                                    	if (record.first_name == "")
	                                    	{
	                                    		errors.push("The qualifier's first name is required.");
	                                    	}
	                                    	if (record.last_name == "")
	                                    	{
	                                    		errors.push("The qualifier's last name is required.");
	                                    	}
	                                    	if (record.grade == "")
	                                    	{
	                                    		errors.push("The qualifier's grade in school is required.");
	                                    	}
											if (record.school == "")
	                                    	{
	                                    		errors.push("The qualifier's school is required.");
	                                    	}
	                                    	if (record.category == "")
	                                    	{
	                                    		errors.push("You did not select which category this individual was qualified for state.");
	                                    	}
	                                    	if (record.placement == "")
	                                    	{
	                                    		errors.push("You did not select the qualification placement for this individual.");
	                                    	}
	                                    	if (record.director_name == "")
	                                    	{
	                                    		errors.push("The name of the qualifier's director.");
	                                    	}
	                                    	if (record.director_email == "")
	                                    	{
	                                    		errors.push("The director's email address is required.");
	                                    	}
	                                    	if (record.accompanist_name == "")
	                                    	{
	                                    		errors.push("The name of the qualifier's accompanist is required.  You can type in \"N/A\" if there is no accompanist.");
	                                    	}

	                                    	if (errors.length < 1)
	                                    	{                                        
		                                      	var field = "data->qualifiers[" + index + "]";
		                                      	var value = JSON.stringify(record);
		                                      	var type = "OBJECT";
		                                      	var reload = true;

		                                      	saveFormData(field, value, type, reload, data.league_form);
		                                    }
		                                    else
		                                   	{
		                                   		var error_message = "Unable to save this qualifier because some information is missing.\n\n";

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

		                                   		alert(error_message);
		                                    }                                        
	                                    }
	                        }, 	                        
	                        {
	                            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.ai_dialog', dialog_object).attr('data-ap-id')),
	                                	ap_verify_id : parseInt($('div.ai_dialog', dialog_object).attr('data-ap-verify-id')),
	                                	index : parseInt($('div.ai_dialog', dialog_object).attr('data-index')),
	                                	name : $('div.ai_dialog', dialog_object).attr('data-name-verification'),
	                                	league_form : parseInt($('div.ai_dialog', dialog_object).attr('data-form-id'))
	                            	};

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

	                            	// Setup form behavior	                            	

	                            	// 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 on open
                                    $('[name="director_phone"]').mask("(999) 999-9999");
                                    $('[name="accompanist_phone"]').mask("(999) 999-9999");
	                                
	                            }); 

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

	@else

		// Submit button
	    $('.submit_button')
	        .button()
	        .css({'font-size' : '11pt'});	    

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

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

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

    	// Add/edit qualifier
    	function add_edit_qualifier(index)
    	{
    		var form_id = {{ $information['submission']->id }};			

    		if (index == "NEW")
    		{
    			var load_url = '{{ url('forms/league-forms') }}/' + form_id + '/edit-solo-qualifier/new';
    		}
    		else
    		{
    			var load_url = '{{ url('forms/league-forms') }}/' + form_id + '/edit-solo-qualifier/' + index;
    		}    		
        
            $('<div></div>')
                .appendTo('body')
                .dialog(
                {                       
                    modal : true,
                    draggable : true,
                    resizable : false,
                    height : 650,
                    width : 715,                    
                    title : 'Add/Edit Qualifier',                    
                    buttons: [
                        {
                            text : "Save",
                            'class' : "float_left",
                            icons : { primary : 'ui-icon-disk'},
                            click : function()
                                    {                                                       
                                        var dialog_object = $(this);
                                        var form = $('form', dialog_object);

                                        var index = $('input[name="index"]', form).val();

                                        var record = {
                                        	'registered' : $('input[name="registered"]', form).val(),
                                        	'notes' : $('input[name="notes"]', form).val(),
                                        	'selected' : $('input[name="selected"]', form).val(),
                                        	'first_name' : $('input[name="first_name"]', form).val(),
                                        	'last_name' : $('input[name="last_name"]', form).val(),
                                        	'grade' : $('select[name="grade"] option:checked', form).val(),
                                        	'school' : $('select[name="school"] option:checked', form).val(),
                                        	'category' : $('select[name="category"] option:checked', form).val(),
                                        	'placement' : $('select[name="placement"] option:checked', form).val(),
                                        	'director_name' : $('input[name="director_name"]', form).val(),
                                        	'director_email' : $('input[name="director_email"]', form).val(),
                                        	'director_phone' : $('input[name="director_phone"]', form).val(),
                                        	'accompanist_name' : $('input[name="accompanist_name"]', form).val(),
                                        	'accompanist_email' : $('input[name="accompanist_email"]', form).val(),
                                        	'accompanist_phone' : $('input[name="accompanist_phone"]', form).val(),
                                        	'selection_1_title' : $('input[name="selection_1_title"]', form).val(),
                                        	'selection_1_composer' : $('input[name="selection_1_composer"]', form).val(),
                                        	'selection_2_title' : $('input[name="selection_2_title"]', form).val(),
                                        	'selection_2_composer' : $('input[name="selection_2_composer"]', form).val()
                                    	};

                                    	var errors = [];

                                    	// Check for required fields
                                    	if (record.first_name == "")
                                    	{
                                    		errors.push("The qualifier's first name is required.");
                                    	}
                                    	if (record.last_name == "")
                                    	{
                                    		errors.push("The qualifier's last name is required.");
                                    	}
                                    	{{-- if (record.grade == "")
                                    	{
                                    		errors.push("The qualifier's grade in school is required.");
                                    	} --}}
										if (record.school == "")
                                    	{
                                    		errors.push("The qualifier's school is required.");
                                    	}
                                    	if (record.category == "")
                                    	{
                                    		errors.push("You did not select which category this individual was qualified for state.");
                                    	}
                                    	if (record.placement == "")
                                    	{
                                    		errors.push("You did not select the qualification placement for this individual.");
                                    	}
                                    	{{-- if (record.director_name == "")
                                    	{
                                    		errors.push("The name of the qualifier's director.");
                                    	}
                                    	if (record.director_email == "")
                                    	{
                                    		errors.push("The director's email address is required.");
                                    	}
                                    	if (record.accompanist_name == "")
                                    	{
                                    		errors.push("The name of the qualifier's accompanist is required.  You can type in \"N/A\" if there is no accompanist.");
                                    	} --}}

                                    	if (errors.length < 1)
                                    	{                                        
	                                      	var field = "data->qualifiers[" + index + "]";
	                                      	var value = JSON.stringify(record);
	                                      	var type = "OBJECT";
	                                      	var reload = true;

	                                      	saveFormData(field, value, type, reload);
	                                    }
	                                    else
	                                   	{
	                                   		var error_message = "Unable to save this qualifier because some information is missing.\n\n";

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

	                                   		alert(error_message);
	                                    }
                                    }
                        }, 	                        
                        {
                            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);

                            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>");

                            var jqxhr = $.ajax(
                                      {
                                          type : 'GET',
                                          url : load_url,
                                          dataType : 'html'
                                      })
                                      .done(function (returned_data)
                                      {                               
                                          dialog_object.html(returned_data);                                          
                                      })
                                      .fail(function (jqXHR, status, 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 on open
                                          $('[name="director_phone"]').mask("(999) 999-9999");
                                          $('[name="accompanist_phone"]').mask("(999) 999-9999");

                                          {{-- var director_name_field = $('[name="director_name"]');
                                          var director_name_options = director_name_field.attr('data-options');
                                          var director_names = $.makeArray(director_name_options);

                                          console.log(director_name_field.attr('data-options'));

                                          $('[name="director_name"]')
                                              .autocomplete({'source' : director_names,
                                                             'minLength' : 3}); --}}
                                      }); 

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

    	$('.add_qualifier')
    		.button({'icons':{'primary' : 'ui-icon-circle-plus'}})
    		.css({'font-size': '9pt'})
    		.click(function(event)
    		{
    			event.preventDefault();

    			var button = $(this);
				
				add_edit_qualifier("NEW");    			
    		});

    	$('.edit_qualifier')
    		.button({'icons':{'primary' : 'ui-icon-pencil'},
    			     'text' : false})
    		.css({'width' : '18px',
    		      'height' : '18px'})
    		.click(function(event)
    		{
    			event.preventDefault();

    			var button = $(this);
    			var index = button.attr('data-qualifier-index');

				add_edit_qualifier(index);
    		});

    	$('.delete_qualifier')
    		.button({'icons':{'primary' : 'ui-icon-closethick'},
    			     'text' : false})
    		.css({'width' : '18px',
    		      'height' : '18px',
    		      'margin-left' : '5px'})
    		.click(function(event)
    		{
    			event.preventDefault();

    			var button = $(this); 
    			var form_id = {{ $information['submission']->id }};
    			var index = button.attr('data-qualifier-index');

    			$('<div></div>')
	                .appendTo('body')
	                .dialog(
	                {                       
	                    modal : true,
	                    draggable : true,
	                    resizable : false,
	                    height : 215,
	                    width : 400,                    
	                    title : 'Confirm',                    
	                    buttons: [
	                        {
	                            text : "Delete",
	                            'class' : "float_left",
	                            icons : { primary : 'ui-icon-closethick'},
	                            click : function()
	                                    {                                                       
	                                        $('<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 ui-di    buttons')
	                                            .html('<br />Updating...<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>');

	                                        // Submit the change
	                                        var jqxhr = $.ajax(
	                                            {
	                                                type : 'GET',
	                                                url : '{{ url('forms/league-forms') }}/' + form_id + '/delete-solo-qualifier/' + index,	                                                
	                                                dataType : 'html'
	                                            })
	                                            .done(function (data)
	                                            {                                                
	                                                // Reload of refresh is specified
	                                                location.reload();
	                                            })
	                                            .fail(function (jqXHR, status, error)
	                                            {                                                   
	                                                var response = jqXHR.responseText;
	                                                var errorData = $.parseJSON(response);
	                                                //console.log(errorData);
	                                                alert ("There was an error saving changes.\n\nThis page will be reloaded.");
	                                                location.reload();
	                                            });    
	                                    }
	                        }, 	                        
	                        {
	                            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);

	                            var html = '<div style="font-size: 10pt; margin: 1em 0;">';
	                            html += '<span class="ui-icon ui-icon-alert" style="display: inline-block; vertical-align: middle; margin-right: 4px;"></span>';
	                            html += '<b>Are you sure you want to remove this qualifier?</b>';
	                            html += '<br /><br />';
	                            html += '<div class="small gray">This cannot be undone.</div>';	                            
	                            html += '</div>';

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


    		});

    @endif


@stop

@section('page_functions') 	

	@if (!is_null($information['league']))
		<a href="{{ url('/forms/registration/sol') }}" class="back_button">Back</a>						
	@else
		
		@if (Auth::check() and Auth::user()->isOsaaUser())
			<a href="{{ url('/reports/sol-entries/all') }}" class="download_button" target="_blank">Download Entries</a>
		@endif

		<a href="{{ url('/activities/sol') }}" class="close_button">Close</a>		
	@endif

@stop


@section('main_content')    
	
	{{-- Success Bar --}}
 	@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>
			This form was due by {{ date('g:i A l, F j, Y', strtotime($information['activity_form']->due_at)) }} and is now past the deadline.  Please submit your entries now before the form closes and becomes unavailable.
		</div>
	@endif
	

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

		<div class="columns">

		
			{{-- Select League Form --}}
			<div class="half" style="position: relative; padding-right: 1.85%;">

				<div data-form="district">

					<h1>District Results - For District Directors</h1>

					<br />

					<p>
						This form is for <b>District Directors</b> to submit district 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 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><b>Note:</b> All entries must be submitted by {{ date('g:i A l, F j, Y', strtotime($information['activity_form']->due_at . ' -4 days')) }} using this online form.</li>
						</ol>

						<br />

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

					<br />
					
					<h2>Special Districts</h2>		
					
					{{ Form::open(array('url'    => url('/forms/registration/' . strtolower($information['activity']->slug)),
									    'method' => 'get',
									    'id'     => 'select_league_form')) }}		
						
						<div class="columns">
							<div class="third" style="width: 155px;">
								<b>District</b><br />
								{{ Form::select('league',
											    $information['leagues_list'],
											    null,
											    array('style' => 'margin-top: 0.5em;')) }}
							</div>

							<div class="third" style="width: 200px;">
								<b>Key Code/Password</b><br />
								{{ Form::text('code',
											  null,
											  array('style' => 'margin-top: 0.5em; width: 170px;')) }}

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

							<div class="third" style="width: 60px;">
								<br />
								{{ Form::submit('Next', array('class' => 'next_button',
															  'style' => 'font-size: 9pt; margin-top: 0.5em;')) }}
							</div>
						</div>					

					{{ Form::close() }}

					<br class="clear" />
					<br />
					<div class="horizontal_divider" style="width: 100%;"></div>
					<br />

					<h2>Note to District Directors</h2>
					<p>
						Use this form to submit your district's results.  You may resubmit this form as many times as needed until the deadline.  To complete this form, you will need to supply the following information.
						<ul>
							<li>Your contact information (name, e-mail address, phone number)</li>
							<li>State qualifiers' information (name, school, grade, category, placement)</li>
						</ul>

					</p>
				</div>
				
			</div>

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

				<h1>Additional Information - For Schools</h1>

				<br />

				<p>
					This form is for <b>Schools</b> to submit additional information for their school'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 music 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 music.</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 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 information for the selected participant.</li>
						@endif						
						<li><b>Note:</b> All additional information 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 x239 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>

					<br /><br /><br /><br />

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

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

					<br /><br /><br /><br />

				@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['accessible_qualifiers'] as $ap_object)
									
										<optgroup label="{{ $ap_object->ap->name }}">

											@foreach ($ap_object->qualifiers as $qualifier)

												
												<option
												    value="{{ $qualifier->index }}"											    
												    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 }}"
												>
													{{ $qualifier->first_name }} {{ $qualifier->last_name }} - {{ $qualifier->category }}
												</option>

											@endforeach
										</optgroup>

									@endforeach	

									@if ($list_count == 0)

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

									@endif

								</select>
							</div>

							<div class="fourth">

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

							</div>
						</div>					

					{{ Form::close() }}

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

				@endif

			

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

				<div class="horizontal_divider" style="width: 100%;"></div>
				<br />

				<h2>Note to Schools</h2>
				<p>
					Use this form to edit your participants' information.  You may resubmit this form as many times as needed until the deadline.  You must provide the following information:
					<ul>
						<li>Participant's grade in school and their musical selections</li>
						<li>Accompanist's name and contact information</li>
						<li>Director's contact information</li>
					</ul>

				</p>
				
			</div>
		
		</div>

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

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

		<img src="{{ asset('images/icons/music_64px.png') }}" alt="" title="" style="float: left; width: 64px; height: 64px; position: relative; top: -1em; margin-right: 0.5em;" />
		
		<div class="form_meta_notes">
			Form ID {{ $information['submission']->id }}<br />
			Created at {{ date('g:i a m/d/Y', strtotime($information['submission']->created_at)) }}<br />
			Updated at {{ date('g:i a m/d/Y', strtotime($information['submission']->updated_at)) }}<br />
			@if (!is_null($information['submission']->submitted_at))
				Submitted at {{ date('g:i a m/d/Y', strtotime($information['submission']->submitted_at)) }}<br />
			@endif
			<br />
<b>Fatal error</b>:  Call to undefined function asset() in <b>/home/osaa/web_app/dev/app/views/forms/sol_registration.blade.php</b> on line <b>1537</b><br />