@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 entries disabled" style="font-size: 9pt;">Entries</div>
	        </div>	              

	    </div>
    @endif
@stop

@section('page_sub_title')    
	Track &amp; Field District Meet Participation
@stop

@section('scripts')
    @parent

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

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


    </style>
	
@stop

@section('jquery_init')
	$('.button').button();	
	$('.button.close').button({ icons : { primary : 'ui-icon-circle-close'}});	
	$('.button.back').button({ icons : { primary : 'ui-icon-arrowthick-1-w'}});		
	$('.button.disabled').button('disable');
	$('.tooltip').tooltip();	


	$('[data-required="required"]').after('<span class="required_marker">*</span>');
	
	$('[data-numbers-only]').bind('input', function()
	{
  	    $(this).val($(this).val().replace(/[^0-9]/gi, ''));
	});	

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

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

	

	$('[placeholder]').focus(function()
    {
        var input = $(this);
        if (input.val() == input.attr('placeholder'))
        {
            input.val('');
            input.removeClass('placeholder');
        }
    }).blur(function()
    {
        var input = $(this);
        if (input.val() == '' || input.val() == input.attr('placeholder'))
        {
            input.addClass('placeholder');
            input.val(input.attr('placeholder'));
        }
    }).blur();

    $('[placeholder]').parents('form').submit(function()
    {
        $(this).find('[placeholder]').each(function()
        {
            var input = $(this);
            if (input.val() == input.attr('placeholder'))
            {
                input.val('');
            }
        });
    });
	
	

	{{-- 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' : 'BTF', '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	

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

    
@stop

@section('page_functions') 	

	@if (!is_null($information['league']))
		<a href="{{ url('/forms/registration/btf') }}" class="button back tooltip" style="font-size:9pt; margin-right: 8px;" title="Discard any unsaved changes and go back to the league selection page.">Back</a>						
	@else
		<a href="{{ url('/activities/btf') }}" class="button close tooltip" style="font-size:9pt; margin-right: 8px;" 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">
			<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 />			

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

		<h1>District Participation Numbers</h1>

		<br />

		<p>
			This form is for <b>District Directors</b> to submit district contest participation numbers.
		</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>Begin by selecting the league/special district from the drop-down list.</li>
				<li>Then please enter the password provided by the OSAA.</li>
				<li>Click <b>Next</b> to continue with the selection.</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 x229 or by e-mail to {{ Helpers::obfuscateEmailLink ($information['staff']->email) }}.  For technical assistance, you can email {{ Helpers::obfuscateEmailLink ("support@osaa.org") }}.
		</div>		

		<br /><br />	
		
		<h2>Leagues/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">
					<b>Select One</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() }}

		<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 number of participants.  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>Number of boys and girls from each school that participated in your district competition</li>
			</ul>

		</p>

	@else

	<img src="{{ asset('images/icons/hurdle_64px.png') }}" alt="" title="" style="float: left; width: 64px; height: 64px; position: relative; top: -1em; margin-right: 0.5em;" />		

		<div class="float_right" style="width: 325px; height: 4em; position: relative; top: -1em; text-align: right; color: #7d7b7d;">
			@if (!is_null($information['submission']))
			
				Form entries created at {{ date('g:i a m/d/Y', strtotime($information['submission']->created_at)) }}.<br />
				Last updated at {{ date('g:i a m/d/Y', strtotime($information['submission']->updated_at)) }}.<br />

				@if ($information['submission']->data->complete)
					<img src="{{ asset('images/icons/check_mark_16px.png') }}" alt="" title="" style="width: 16px; margin-left: 10px; position: relative; top: 2px;" /><span style="font-weight: bold;"> Complete</span>
				@else
					<img src="{{ asset('images/icons/incomplete_16px.png') }}" alt="" title="" style="width: 16px; margin-left: 10px; position: relative; top: 2px;" /><span style="font-weight: bold;"> Incomplete</span>
				@endif
			
			@else
				<img src="{{ asset('images/icons/incomplete_16px.png') }}" alt="" title="" style="width: 16px; margin-left: 10px; position: relative; top: 2px;" /><span style="font-weight: bold;"> Incomplete</span>
			@endif
		</div>

		<h1>{{ $information['league']->slug }} - {{ $information['league']->name }} Participants</h1>

		<br />

		<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>Use this form to record the number of school participants from the {{ $information['league']->slug }} - {{ $information['league']->name }} District Meet.</li>
				<li>Required fields are noted with a red asterisk<span class="required_marker" style="margin-left: 0;">*</span>.</li>				
				<li>When finished, click <b>Submit</b> to turn in this form with the entries provided.</li>			
				<li>You can go back to the league selection page by clicking the <b>Back</b> button. You will lose all unsaved 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)) }} 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 (Session::has('errors'))                
            <div class="ui-state-error" style="padding: 2px 4px;">
				<span class="ui-icon ui-icon-alert" style="display:inline-block; position:relative; top:2px;"></span>
            	@foreach ($errors->all() as $error){{ $error }} @endforeach
            </div>
            <br />
        @endif        
		
		{{ Form::open(array('url'    => url('/forms/submit'),
						    'method' => 'post',
						    'class'  => 'registration_form')) }}

			{{ Form::hidden('form', 'REGISTRATION') }}			
			{{ Form::hidden('activity', 'BTF') }}
			{{ Form::hidden('league', $information['league']->slug) }}
                                        			
			<div class="columns">

				<div class="half">
					
					<h2>District Meet Director</h2>	
					<p class="gray note">Who was the District Meet Director?</p>
					<dl>
					
						<dt>{{ Form::label('director[name]', 'Name') }}</dt>
						<dd>{{ Form::text('director[name]',
									      (is_null($information['submission'])) ? null : $information['submission']->data->director->name,
									      array('style' => 'width: 175px;', 'data-required' => 'required', 'placeholder' => 'First Last')) }}</dd>

						<dt>{{ Form::label('director[email]', 'E-mail') }}</dt>
						<dd>{{ Form::text('director[email]',
										  (is_null($information['submission'])) ? null : $information['submission']->data->director->email,
										  array('style' => 'width: 225px;', 'placeholder' => 'E-mail address', 'data-required' => 'required')) }}</dd>

						<dt>{{ Form::label('director[phone]', 'Phone') }}</dt>
						<dd>{{ Form::text('director[phone]',
									      (is_null($information['submission'])) ? null : preg_replace('/[^0-9]/', '', $information['submission']->data->director->phone),
									      array('class' => 'numbers_only', 'style' => 'width: 100px;', 'placeholder' => '##########', 'data-required' => 'required')) }}</dd>

					</dl>
					
				</div>

				<div class="half" style="margin-left: 10%; padding: 0; width: 40%">
					
					<h3>{{ $information['league']->slug }} - {{ $information['league']->name }} Schools</h3>	
					
					<div style="font-size: 10pt;">
						<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/osaa/web_app/dev/app/views/forms/tf_registration.blade.php</b> on line <b>482</b><br />


						@if (count($school_info) > 7)
							<div class="columns">
								<div class="half">
						@endif

												@foreach ($school_info as $name => $data)

							
							@if ($i == 8)
								</div>
								<div class="half">
							@endif
						
							{{ $name }}

							<small>
								@if (!is_null($data->BTF) and !is_null($data->GTF))
									(Boys &amp; Girls)
								@elseif (!is_null($data->BTF))
									(Boys)
								@else
									(Girls)
								@endif
							</small>

							<br />

						@endforeach


						@if (count($school_info) > 7)
								</div>
							</div>
						@endif
					</div>

				</div>

			</div>			

			<br class="clear" />			

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

			<h2>Participation</h2>	
			<p class="gray note">Please enter the number of varsity level participants for each school's boys and girls team below.</p>

			<table class="participation_numbers">

				<thead>
					<tr>
						<th>Team</th>
						<th>Boys</th>
						<th>Girls</th>
					</tr>
				</thead>

				<tbody>
					@foreach ($school_info as $name => $data)
						<tr>
							<td>
								{{ $name }}
							</td>
							<td>
								@if (!is_null($data->BTF))
									{{ Form::text('participation[' . $data->BTF . ']',
												      (!is_null($information['submission'])) ? $information['submission']->data->participation->{$data->BTF} : null,
												      array('class' => 'participation_number numbers_only',
												      	    'style' => 'width: 50px;',
												      	    'required' => 'required',
												      	    'placeholder' => '#')) }}
								@else
									- -
								@endif
							</td>
							<td>
								@if (!is_null($data->GTF))
									{{ Form::text('participation[' . $data->GTF . ']',
												      (!is_null($information['submission'])) ? $information['submission']->data->participation->{$data->GTF} : null,
												      array('class' => 'participation_number numbers_only',
												      	    'style' => 'width: 50px;',
												      	    'required' => 'required',
												      	    'placeholder' => '#')) }}
								@else
									- -
								@endif
							</td>

						</tr>
					@endforeach
				</tbody>
			</table>

			<div class="small" style="margin-top: 0.5em;">
				Total number of varsity participants: <span id="total_participation"></span>
			</div>
				
			<br class="clear" />			

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

			
			<div style="float: right; width: 80%; padding-top: 0.5em;">
				Click <b>Submit</b> to turn in your district contest's state qualifiers and to send notification e-mails.
			</div>


			{{ Form::submit('Submit', array('class' => 'button',
										    'style' => 'font-size: 11pt;')) }}				
			
			
		{{ Form::close() }}
		
		<br />
			
	@endif
@stop