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

@section('tool_box')
	@if (Auth::check() and Auth::user()->isOsaaUser())
		<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 download entries team_summary" style="font-size: 9pt;">Teams Summary</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;
        }

    </style>
	
@stop

@section('jquery_init')
	$('.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.add').button({ icons : { primary : 'ui-icon-plusthick'}});
	
	$('.button.download')
		.button({ icons : { primary : ' ui-icon-circle-arrow-s' }});
	$('.button.disabled').button('disable');
	$('.tooltip').tooltip();	



	$('.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="score"]').bind('input', function()
	{
  	    $(this).val($(this).val().replace(/[^0-9NS]/gi, ''));
	});

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

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


	


    {{-- Include script for the league or school selection landing 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' : 'BGF', '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;
			}
		});	

	@endif	

	
		

	$('input[data-ribbon]').blur(function ()
	{	
		var p = $(this).val();						
		
		var count = 0;
		$('input[data-ribbon]').each(function ()
		{		
			if ($(this).val() != '')
			{
				var pn = parseInt($(this).val());

				if (pn == p)
				{
					count++;
				}
			}
		});		

		var row = $(this).parents('tr');

		$(row).find('img[place]').hide();

		if (p != '')
		{
			var place = parseInt(p);

			if (place >= 1 || place <= 20)
			{
				$(row).find('img[place=' + place + ']').fadeIn();
			}

		}
		
	});	
	$('input[data-ribbon]').blur();

	
	

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

	    $('.button.download.entries.team_summary').click(function ()
		{
			window.open('{{ url('/reports/gf-entries/teams-summary') }}');
		});
	

    @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(substr($information['league']->slug, 0, 2), array('6A', '5A')))

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

		@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
		<a href="{{ $information['return_url'] }}" class="button close tooltip" style="font-size:9pt;" title="Discard any unsaved changes and close this form.">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" style="width: 80%;">
			<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

	<br />

	@if (is_null($information['league']))	

		{{-- Need to select a league --}}

		<h1>Select League or Special District</h1>

		<br />

		<p>
			This form is for <b>District Directors</b> and <b>Regional Tournament Directors</b> to submit results from district and regional tournaments.
		</p>

		<div class="online_form_instructions ui-corner-all">
			<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 registration 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, 'BGF'))
						Girls
					@else
						Boys
					@endif
					Golf form by clicking the <b>Switch to
					@if (Helpers::strEqual($information['activity']->slug, 'BGF'))
						Girls
					@else
						Boys
					@endif
					</b> button.</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 x{{ Helpers::getStaffExt('Kyle') }} 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>

		@if (Helpers::strEqual($information['activity']->slug, 'BGF'))
			<a href="{{ url('/forms/registration/ggf') }}" class="float_right button switch tooltip" style="font-size:9pt; margin-top: 2em;" title="Switch to the Girls Golf form.">Switch to Girls</a>	
		@else
			<a href="{{ url('/forms/registration/bgf') }}" class="float_right button switch tooltip" style="font-size:9pt; margin-top: 2em;" title="Switch to the Boys Golf form.">Switch to Boys</a>	
		@endif

		
		{{ 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: 270px;">
					<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',
								  (Auth::check() and Auth::user()->isOsaaUser()) ? 'STATEREGISTRATION' : null,
								  array('style' => 'margin-top: 0.5em;')) }}

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

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

		{{ Form::close() }}
		

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

		@if (Helpers::strEqual($information['activity']->slug, 'BGF'))
			<img src="{{ asset('images/icons/bgf_64px.png') }}" alt="" title="" style="float: left; width: 64px; height: 64px; position: relative; top: -1em;" />
		@else			
			<img src="{{ asset('images/icons/ggf_64px.png') }}" alt="" title="" style="float: left; width: 64px; height: 64px; position: relative; top: -1em;" />
		@endif

		<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/gf_registration.blade.php</b> on line <b>854</b><br />