@section('page_title')
    @if ($info['publish'])
    	OSAA - Music Performers
    @else
    	@if (!$info['closed'])
			OSAA - Music Registration
		@else
			OSAA - Music Registrations
		@endif
	@endif
@stop

@section('page_sub_title')    
	
	@if ($info['publish'])
		OSAA Music State Championships Performers
	@else	
		@if (!$info['closed'])
			Application to Participate in the OSAA Music State Championships
		@else
			List of Applications to Participate in the OSAA Music State Championships
		@endif
	@endif
	
@stop

@section('scripts')
    @parent

    <style type="text/css">
    	

    	h3 {
    		color: #990000 !important;
    	}

    	.success_bar {
    		position: fixed;
    		top: 600px;
    		left: 0;
    		width: 100%;
    		padding: 0.25em 0;
    		line-height: 1.5em;
    		background-color: rgba(176, 255, 190, 0.0);
    		border-bottom: 2px solid rgba(13, 88, 27, 0.50);
    		border-top: 2px solid rgba(13, 88, 27, 0.50);
    		z-index: 500;
    	}

    	.success_bar .message {
    		width: 1200px;
    		margin: 0 auto;
    		font-size: 14pt;
    		color: #151515;
    	}

    	.page_functions {
    		width: auto !important;
    	}

    	h2.applications {
    		white-space: nowrap;
    	}

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

    	table.applications thead th {
    		text-align: left;
    		vertical-align: bottom;
    		font-size: 9pt;
    		line-height: 115%;
    		color: #ffffff;
    		background-color: #005fa9;
    	}

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

    	table.applications tbody tr.odd {
    		background-color: #dddddd;
    	}

    	table.applications tbody tr {
    		cursor: default;
    	}

    	table.applications thead th.items {
    		width: 75px;
    		text-align: center;
    		padding-bottom: 0.5em;
    		background-color: #045799;
    	}  	

    	table.applications tbody td img {
    		vertical-align: middle;
    		width: 16px;
    	}

    	table.applications thead th.status {
    		padding-bottom: 0.5em;
    		text-align: center;
    		width: 70px;
    	}

    	table.applications tbody tr.row_hover {
    		outline: 2px groove #b0dcff;
			@if (Auth::check() and Auth::user()->isOsaaUser())
				cursor: pointer;
			@else
				cursor: default;
			@endif			
			background-color: #ffefb0;
    	}


    	
    	/* Help Dialog */
        .help_dialog {
            font-size: 10pt;
        }

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

        .help_dialog h2 {
            font-size: 12pt;
            color: #990000;
            margin: 1em 0 0.5em 0;
        }

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

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

        .help_dialog dl dt {
            float: left;
            width: 200px;
            text-align: right;
            margin-right: 20px;
            font-weight: bold;
            clear: both;
        } 

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

	// Apply Buttons
	$('.apply_button')
		.button()
		.css({'font-size' : '10pt',
			  'margin' : '0.5em 0'});		
	
	@if (!Auth::check())
		$('.apply_button').button('disable');
	@else
		@if (!Auth::user()->isOsaaUser() or true)

			@if (strtotime($info['due_dates']['concert-band']) < time())
				$('.apply_button[data-division="concert-band"]').button('disable');
			@endif
			@if (strtotime($info['due_dates']['concert-choir']) < time())
				$('.apply_button[data-division="concert-choir"]').button('disable');
			@endif
			@if (strtotime($info['due_dates']['string-orchestra']) < time())
				$('.apply_button[data-division="string-orchestra"]').button('disable');
			@endif
			@if (strtotime($info['due_dates']['full-orchestra']) < time())
				$('.apply_button[data-division="full-orchestra"]').button('disable');
			@endif

		@endif

	@endif	

	@if ($info['publish'])
    	$('table.applications tbody tr[data-excluded="true"]').css({'text-decoration' : 'line-through'});    	
    @endif

    $('table.applications tbody tr td[data-preview="true"]:odd')
    	.css({'background-color' : '#F0E68C'});
    $('table.applications tbody tr td[data-preview="true"]:even')
    	.css({'background-color' : '#FFFACD'});


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

    	$('#download_list')
    		.css({'position' : 'relative',
    			  'width' : '400px',
    			  'top' : '10px',
    			  'left' : '274px'});

    	// Download drop-down menu
	    $('#grabber_list')
	        .menu()
	        .css({'display' : 'none',
	              'z-index' : '200',
	              'position' : 'absolute',
	              'right' : '-103px',
	              'top' : '23px',
	              'margin' : '0',
	              'padding' : '0',
	              'font-size' : '9pt',
    			  'width' : '192px'});   

    	$('#grabber_list a').on('click', function(event)
    	{
    		event.stopPropagation();
    	});

	    $('#grabber_list li ul')
	        .css({'margin' : '0',
	              'padding' : '0',
	              'width' : '190px'});

	    $('#grabber_list img')
	        .css({'position' : 'relative',
	              'top' : '2px',
	              'margin-right' : '6px'});

	    $('#grabber_button')
	        .button({ icons : { secondary : 'ui-icon-triangle-1-s'}})
	        .css({'float':'right',
	              'font-size':'8pt'})
	        .click(function (event)
	        {
	            if ($('#grabber_list').is(':visible'))
	            {
	                $('#grabber_list').slideUp(400);
	                $(this).button({icons : { secondary : 'ui-icon-triangle-1-s'}});
	            }
	            else
	            {
	                $('#grabber_list').slideDown(400);
	                $(this).button({icons : { secondary : 'ui-icon-triangle-1-n'}});
	            }

	            event.stopPropagation();
	        });

	    $(document).on('click', function() 
	    {
	    	if ($('#grabber_list').is(':visible'))
            {
                $('#grabber_list').slideUp(400);
                $('#grabber_button').button({icons : { secondary : 'ui-icon-triangle-1-s'}});
            }
		});


    @endif


	// Help button    
    $('.help_button')
        .button({'icons':{'primary':'ui-icon-help'}})
        .css({'font-size':'9pt'})
        .click(function(event)
        {
            event.preventDefault();

            var topic = 'registration_landing';

            $('<div></div>')
                .appendTo('body')
                .dialog(
                {                       
                    draggable : true,
                    resizable : true,
                    height : 725,
                    minHeight : 400,
                    width : 615,
                    minWidth : 330,
                    modal : false,
                    title : 'Help',                    
                    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 : '{{ url('forms/music/help') }}?topic=' + topic,
                                          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 looking up help information.\n\nThis page will be reloaded.");
                                          location.reload();
                                      })
                                      .complete(function ()
                                      {
                                           
                                      });                            
                            
                        },
                    close : function ()
                        {
                            var dialog_object = $(this);

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


        });
	

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

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

		$('.applications tbody tr')
			.hover(function ()
			{
				$(this).addClass('row_hover');				
			},
			function ()
			{
				$(this).removeClass('row_hover');				
			})
			.click(function ()
			{
				var row = $(this);				
				var form_id = row.attr('data-form-id');

				row.css({'background-color':'#b0ffbe'});

				$('<div></div>')
					.appendTo('body')
					.dialog({
						autoOpen: true,
						draggable: true,
						resizable: false,
						minheight: 375,
						width: 625,
						title: 'Music Application Editor',
						modal: true,
						buttons: [
		      			    {
		      					text : "Save",
		      		   			'class' : "float_left",
		      		   			icons : { primary : 'ui-icon-disk'},
		      		   		 	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-dialog-buttons')
		      		   		  		  	  				 .html('<br />Working...<br /><br /><img src="http://www.osaa.org/images/icons/ajax_loader3.gif" /><div style="font-size: 8pt; line-height: 105%; margin-top: 2em;">Please wait, this may take a while to process and send e-mails.</div>');

		      		   		  		  	  $('form', this).submit();

		      		   		  		  	  $(this).dialog( "close");		      		   		  		  	  
								       }
							},
							{
		      					text : "Edit Form",
		      		   			'class' : "float_left",
		      		   			'style' : 'margin-left: 20px;',
		      		   			icons : { primary : 'ui-icon-pencil'},
		      		   		 	click : function()
		      		   		  		  {   								      		   		  		  	  
										  window.location = '{{ url('/forms/music/registration') }}/' + form_id;
								      }
							},
							{
		      					text : "Toggle Selected",
		      		   			'class' : "float_left",
		      		   			'style' : 'margin-left: 20px;',
		      		   			icons : { primary : 'ui-icon-shuffle'},
		      		   		 	click : function()
		      		   		  		  {   								      		   		  		  	  
										   var jqxhr = $.ajax(
		                          			{
			                          			type : 'POST',
			                          			url : '{{ url('/forms/music/registration') }}/' + form_id + '/toggle',
			                          			data : { 'form_id' : form_id}
			                          		})
			                                .done(function (data)
			                                {		                                	
			                                	location.reload();
			                                })
			                                .fail(function ()
			                                {
			                                	alert('There was an error toggling this form\'s selected status.');
			                                }); 
								      }
							},
							/*{
		      					text : "Delete Form",
		      		   			'class' : "float_left",
		      		   			'style' : 'margin-left: 20px;',
		      		   			icons : { primary : 'ui-icon-trash'},
		      		   		 	click : function()
		      		   		  		  {   								      		   		  		  	  
									      $('<div></div>')
							              .appendTo('body')
							              .dialog(
							              {                       
							                  draggable : false,
							                  resizable : false,
							                  modal : true,
							                  height : 250,
							                  width : 400,                    
							                  title : 'Confirmation',
							                  buttons: [
							                      {
							                          text : "Yes",
							                          'class' : "float_left",
							                          icons : { primary : 'ui-icon-check'},
							                          click : function()
							                                  {                                                       
							                                      // Delete form
							                                      var jqxhr = $.ajax(
								                          		  {
								                          	  		  type : 'POST',
								                          	  		  url : '{{ url('/forms/music/registration') }}/' + form_id + '/delete',
								                          	  		  data : { 'form_id' : form_id}
								                          	  	  })
								                                  .done(function (data)
								                                  {		                                	
								                                  	location.reload();
								                                  })
								                                  .fail(function ()
								                                  {
								                                  	alert('There was an error deleting this form.');
								                                  });
							                                  }
							                      },
							                      {
							                          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_object2 = $(this);

							                          dialog_object2.html('<br />Are you sure you want to delete this form?<div style="font-size: 9pt; margin-top: 1em;" class="small gray note">Once this form is deleted, it will be completely removed from the database and all saved information will be deleted.  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_object2 = $(this);
							                          $(dialog_object2).remove();							                          
							                      }                
							              });										    
								      }
							},*/
							{
								text : "Cancel",							
								'class' : "float_right",
								'autofocus' : 'true',
								icons : { primary : 'ui-icon-cancel'},
								click : function()
										{
								        	$(this).dialog("close");;		      		   		  		  	  	
								        }
							}
						 ],
				         open : function ()
						 {  		         
					          $('.ui-dialog-buttonpane').css('padding', '0 0.5em').css('font-size', '9pt');
					          $('.ui-dialog-buttonpane .ui-dialog-buttonset').css('width', '100%');

					          
	                          $(this).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 info = $(this);

	                          var jqxhr = $.ajax(
	                          		{
	                          			type : 'GET',
	                          			url : '{{ url('/forms/music/registration') }}/' + form_id + '/edit',
	                          			dataType : 'html'
	                          		})
	                                .done(function (data)
	                                {
	                                	$(info).html(data);
	                                    
	                                    $('[data-buttonset]').buttonset();

	                                    $('[data-buttonset] input[type="radio"][value="0"]')
	                                    	.button({'icons' : {'primary' : 'ui-icon-close'},
	                                    			 'text' : false});

	                                    $('[data-buttonset] input[type="radio"][value="1"]')
	                                    	.button({'icons' : {'primary' : 'ui-icon-check'},
	                                    			 'text' : false});

	                                    $('[data-buttonset] input[type="radio"][value="NA"]')
	                                    	.button({'icons' : {'primary' : 'ui-icon-pause'},
	                                    			 'text' : false});

	                                    $('[data-buttonset] label')
	                                    	.css({'height' : '16px'});

	                                    $('[data-buttonset-disabled]')
	                                    	.buttonset('disable')
	                                    	.css({'opacity' : '.65',
	                                    		  'filter' : 'Alpha(Opacity=65)'});

	                                    $('[data-title-disabled]')	                                    	
	                                    	.css({'color':'#cccccc'});



	                                })
	                                .fail(function ()
	                                {
	                                	$(info).html('There was an error.');
	                                });

	                          $(this).parent().find('[autofocus]').focus();
					      },
					      close : function ()
					      {
					          row.css({'background-color':''});
					          $(this).remove();	      		   		  		  	  
					  	  }
				    }); 
					 
			});

		$('#download_entries')
			.button()
			.css({'font-size' : '9pt',
				  'float' : 'right',
				  'position' : 'relative',
				  'right' : '95px',
				  'top' : '10px'});
			

	@else
		
		$('.applications tbody tr')
			.hover(function ()
			{
				$(this).addClass('row_hover');				
			},
			function ()
			{
				$(this).removeClass('row_hover');				
			});

	@endif


	function filter_division ()
	{
		var band = $('#filter_band').is(':checked');
		var choir = $('#filter_choir').is(':checked');
		var orchestra = $('#filter_orchestra').is(':checked');

		if (!band)
		{
			$('table.applications tr[data-category="concert-band"]').fadeOut(300).promise().done(function () { colorRows(); });
		}
		else
		{
			$('table.applications tr[data-category="concert-band"]').fadeIn(300).promise().done(function () { colorRows(); });	
		}

		if (!choir)
		{
			$('table.applications tr[data-category="concert-choir"]').fadeOut(300).promise().done(function () { colorRows(); });
		}
		else
		{
			$('table.applications tr[data-category="concert-choir"]').fadeIn(300).promise().done(function () { colorRows(); });	
		}

		if (!orchestra)
		{
			$('table.applications tr[data-category="string-orchestra"]').fadeOut(300).promise().done(function () { colorRows(); });
			$('table.applications tr[data-category="full-orchestra"]').fadeOut(300).promise().done(function () { colorRows(); });
		}
		else
		{
			$('table.applications tr[data-category="string-orchestra"]').fadeIn(300).promise().done(function () { colorRows(); });	
			$('table.applications tr[data-category="full-orchestra"]').fadeIn(300).promise().done(function () { colorRows(); });	
		}

		
	}

	filter_division();

	$('.division_filter :checkbox').click(function ()
	{
		filter_division();
	});

@stop

@section('page_functions') 	

	<a href="#" class="help_button">Help</a>

@stop


@section('main_content')    

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

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

	@endif
	
	<br />	

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

	@if ($info['publish'])
		<h1>Selected State Bands, Choirs, and Orchestras</h1>	
	@else
		@if (!$info['closed'])
			<h1>Online Application Form for Bands, Choirs, and Orchestras</h1>	
		@else
			<h1>CLOSED - Online Application Form for Bands, Choirs, and Orchestras</h1>	
		@endif
	@endif

	<br />

	@if (!$info['publish'])
		@if (!$info['closed'])

			<h2>Deadlines</h2>

			<div style="display: inline-block; width: 275px; font-weight: bold;">Online Registration Form Deadline:</div>
			<span style="font-weight: bold; color: #990000;">Saturday, April 14, 2018 @ 11:59pm</span>
			<br /><br />
			<div style="display: inline-block; width: 275px; font-weight: bold;">Supplemental Material Deadline:</div>
			<span style="font-weight: bold; color: #990000;">Wednesday, April 18, 2018 @ 4pm</span>

			<br /><br />

			<h2>Instructions</h2>
			<p>
				To submit an application to participate in the OSAA Music State Championships, you must use one of the following registration forms below.  For assistance, click the <b>Help</b> button.
			</p>
			@if (!Auth::check())
				<div class="ui-state-error" style="padding: 0.5em 1em;">
					<span class="ui-icon ui-icon-alert" style="display:inline-block; position:relative; top:2px;"></span>
		        	You are not logged in.
		        </div>
		        <br />

				<p>
					You must have an OSAA website account that is also associated with your school's corresponding activity in order to proceed with the application process.  You have to <a href="{{ url('/account/login?redirect=/forms/music/registration') }}">login</a> first. 
				</p>
			@else
				<p>
					Your account must be associated with your school's corresponding activity in order to proceed with the application process.  Click the <b>Apply</b> button below a division to begin the registration process.
				</p>
			@endif
			
			<a href="{{ asset('/docs/handbooks/bndhandbook.pdf') }}" target="_blank" style="margin: 0 30px;">&raquo; OSAA Band/Orchestra Handbook</a>
			| <a href="{{ asset('/docs/handbooks/chohandbook.pdf') }}" target="_blank" style="margin-left: 30px;">&raquo; OSAA Choir Handbook</a>

			<br /><br />

			<p>
				Your school's activity group must have performed in a state qualifying music contest.  The contest/event director is responsible for submitting a large ensemble report after the event.  Only schools that have been included on a large ensemble report and qualified for state will be allowed to register.
			</p>

			<br />

			@if (Session::has('errors'))                
		        <div class="ui-state-error" style="padding: 0.5em 1em;">
					<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  	

			<div class="columns">
				<div class="fourth text_center">
					<img src="{{ asset('/images/icons/band_64px.png') }}" alt="" title="" /><br />
					<h3>Concert Band</h3>
					<a href="{{ url('/forms/music/registration/concert-band') }}" class="apply_button" data-division="concert-band">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> {{ date('g:ia, D F j, Y', strtotime($info['due_dates']['concert-band'])) }}
					</p>
					<p class="small text_justify">
						There are five subdivisions: 6A, 5A, 4A, 3A, 2A/1A. There are no restrictions on group size.
					</p>
				</div>
				<div class="fourth text_center">
					<img src="{{ asset('/images/icons/choir_64px.png') }}" alt="" title="" /><br />
					<h3>Concert Choir</h3>
					<a href="{{ url('/forms/music/registration/concert-choir') }}" class="apply_button" data-division="concert-choir">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> {{ date('g:ia, D F j, Y', strtotime($info['due_dates']['concert-choir'])) }}
					</p>
					<p class="small text_justify">
						There are five subdivisions: 6A, 5A, 4A, 3A, 2A/1A. There are no restrictions on group size for 4A, 3A, 2A/1A subdivisions.  6A and 5A schools must qualify and compete with their large concert ensemble; chamber choirs are not permitted.
					</p>
				</div>
				<div class="fourth text_center">
					<img src="{{ asset('/images/icons/string_orchestra_64px.png') }}" alt="" title="" /><br />
					<h3>String Orchestra</h3>
					<a href="{{ url('/forms/music/registration/string-orchestra') }}" class="apply_button" data-division="string-orchestra">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> {{ date('g:ia, D F j, Y', strtotime($info['due_dates']['string-orchestra'])) }}
					</p>
					<p class="small text_justify">
						There is one combined subdivision of 6A/5A/4A/3A/2A/1A. There are no restrictions on group size.
					</p>
				</div>
				<div class="fourth text_center">
					<img src="{{ asset('/images/icons/full_orchestra_64px.png') }}" alt="" title="" /><br />
					<h3>Full Orchestra</h3>
					<a href="{{ url('/forms/music/registration/full-orchestra') }}" class="apply_button" data-division="full-orchestra">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> {{ date('g:ia, D F j, Y', strtotime($info['due_dates']['full-orchestra'])) }}
					</p>
					<p class="small text_justify">
						There is one combined subdivision of 6A/5A/4A/3A/2A/1A. There are no restrictions on group size.
					</p>
				</div>
			</div>

			<br class="clear" />
			
			<h3>Digital Upload Requirements for Tape Pool Qualifiers</h3>
			Tape pool qualifying groups must submit an electronic recording of their group's qualifying performance.  

			<br /><br />

			<div class="columns small">
				<div class="third text_center" style="width: 25%; margin: 0 6% 0 0;">
					<img src="{{ asset('/images/icons/one_file_48px.png') }}" alt="" title="" style="" /><br />
					<b>Submit One File</b>: Only upload one single, combined file.  Do not split your performances into separate tracks and upload multiple files.
				</div>

				<div class="third text_center" style="width: 25%; margin: 0 3% 0 3%;">
					<img src="{{ asset('/images/icons/audio_file_icon_48px.png') }}" alt="" title="" style="" /><br />
					<b>Band/Orchestra</b> groups that qualified for Tape Pool consideration must upload a digital <b>AUDIO</b> recording.  An MP3 file works well.
				</div>

				<div class="third text_center" style="width: 25% margin: 0 0 0 3%;">
					<img src="{{ asset('/images/icons/video_file_icon_48px.png') }}" alt="" title="" style="" /><br />
					<b>Choir</b> groups that qualified for Tape Pool consideration must upload a digital <b>VIDEO</b> recording.  An MP4 file works well.
				</div>
			</div>

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

			<div class="small">

	            You need to upload a digital recording of your group's performance for tape pool consideration.  If you have already uploaded a file, this page may not reflect your school's most up-to-date registration information.  <b>Please allow OSAA staff time to verify your file has been uploaded and check back again.</b>

	            <br /><br />

	            You need to upload ONE single file.  If your recording was provided to you in separate files/tracks, you are responsible for combining those files into one single file to upload.

	            <br /><br />

	            <h4 style="color: #1c43a6;">General Steps to Upload a Digital Recording</h4>
	            <ol>
	                <li>Acquire a digital version of your group's performance at the state qualifying event.<br /><span class="gray note">(This needs to be one single digital  recording of your state qualifying event performance.)</span></li>
	                <li><b>Before uploading, use your school's name as the title of your digital file (i.e. "Bedrock High School.EXT").</b><br /><span class="gray note">(Do not add your group's name or add anything extra, just the full name of your school please.)</span></li>
	                <li>Go to the OSAA Dropbox (link is on your online registration form).</li>
	                <li>Confirm you are uploading a file for the correct tape pool.</li>
	                <li>Choose the file to upload from your computer.<br /><span class="gray note">(If you have an existing Dropbox account, you can also choose to upload a file from your Dropbox account.)</span></li>
	                <li>Provide your first and last name as well as your e-mail address.<br /><span class="gray note">(If you have an existing Dropbox account and are logged in, this information will be pre-filled in for you.)</span></li>
	                <li>Click the blue "Upload" button.</li>
	                <li>You will see a confirmation page and receive an e-mail once your file is successfully uploaded.</li>
	                <li>OSAA staff will note that you have uploaded a file on your registration form after it is confirmed that your file was uploaded successfully.</li>
	            </ol>                
			
			</div>

	        <br /><br />			

			<img src="{{ asset('images/icons/danger_icon_72px.png') }}" title="" alt="" style="float: left; vertical-align: middle; margin: 0 10px 10px 0; width: 48px;" />
			Physical media (CD/DVD) recordings will not be accepted by the OSAA. Recordings will only be accepted in digital format via the OSAA Dropbox. Specific instructions on uploading your group's recording - including an upload link and detailed steps to upload your file - can be found on the online registration form.

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

		@else			

			<br />

			@if (strtotime($info['due_dates']['support_materials']) > time())

				<h2>Waiting for Additional Materials</h2>

				@if (Session::has('errors'))                
			        <div class="ui-state-error" style="padding: 0.5em 1em;">
						<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 

			    <p>
					The online application form to participate in the OSAA Music State Championships is closed.  Additional materials must be submitted by the listed deadline.  After the deadline, tape pool qualifiers will be judged and ranked in order.  For additional information, please refer to the <a href="{{ url('/governance/handbooks') }}" target="_blank">OSAA Choir and Band/Orchestra Handbooks</a>.
				</p>

				<h3>Additional Materials Due: {{ date('n/j/Y g:ia', strtotime($info['due_dates']['support_materials'])) }}</h3>			
				<br />

				<h2>Tape Pool Qualifiers</h2>

				<h3>Digital Upload Requirements for Tape Pool Qualifiers</h3>
				Tape pool qualifying groups must submit an electronic recording of their group's qualifying performance.  

				<br /><br />

				<div class="columns small">
					<div class="half text_center" style="width: 35%; margin-left: 12.5%;">
						<img src="{{ asset('/images/icons/audio_file_icon_48px.png') }}" alt="" title="" style="" /><br />
						<b>Band/Orchestra</b> groups that qualified for Tape Pool consideration must upload a digital <b>AUDIO</b> recording.  MP3 files work well.
					</div>

					<div class="half text_center" style="width: 35%; margin-left: 5%;">
						<img src="{{ asset('/images/icons/video_file_icon_48px.png') }}" alt="" title="" style="" /><br />
						<b>Choir</b> groups that qualified for Tape Pool consideration must upload a digital <b>VIDEO</b> recording.  MP4 files work well.
					</div>
				</div>

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

				<div class="small">

		            You need to upload a digital recording of your group's performance for tape pool consideration.  If you have already uploaded a file, this page may not reflect your school's most up-to-date registration information.  <b>Please allow OSAA staff time to verify your file has been uploaded and check back again.</b>

		            <br /><br />

		            You need to upload ONE single file.  If your recording was provided to you in separate files/tracks, you are responsible for combining those files into one single file to upload.

		            <br /><br />

		            <h4 style="color: #1c43a6;">General Steps to Upload a Digital Recording</h4>
		            <ol>
		                <li>Acquire a digital version of your group's performance at the state qualifying event.<br /><span class="gray note">(This needs to be one single digital  recording of your state qualifying event performance.)</span></li>
		                <li><b>Before uploading, use your school's name as the title of your digital file (i.e. "Bedrock High School.EXT").</b><br /><span class="gray note">(Do not add your group's name or add anything extra, just the full name of your school please.)</span></li>
		                <li>
		                	Go to the OSAA Dropbox for your respective category (Choir, Band, Full Orchestra, &amp; String Orchestra):
		                	<ul>
		                		<li><a href="https://www.dropbox.com/request/rwrzXJh0p0fdeDzs4OkL" target="_blank">Choir Tape Pool Submissions</a></li>
		                		<li><a href="https://www.dropbox.com/request/khy7GYcuI7CSrk3cyWZj" target="_blank">Band Tape Pool Submissions</a></li>
		                		<li><a href="https://www.dropbox.com/request/6CsdnVw7wscpD5tAtK1H" target="_blank">Full Orchestra Tape Pool Submissions</a></li>
		                		<li><a href="https://www.dropbox.com/request/vom07M3IxiKDIiyPFPKL" target="_blank">String Orchestra Tape Pool Submissions</a></li>
		                	</ul>
		                </li>
		                <li>Confirm you are uploading a file for the correct tape pool.</li>
		                <li>Choose the file to upload from your computer.<br /><span class="gray note">(If you have an existing Dropbox account, you can also choose to upload a file from your Dropbox account.)</span></li>
		                <li>Provide your first and last name as well as your e-mail address.<br /><span class="gray note">(If you have an existing Dropbox account and are logged in, this information will be pre-filled in for you.)</span></li>
		                <li>Click the blue "Upload" button.</li>
		                <li>You will see a confirmation page and receive an e-mail once your file is successfully uploaded.</li>
		                <li>OSAA staff will note that you have uploaded a file on your registration form after it is confirmed that your file was uploaded successfully.</li>
		            </ol>                
				
				</div>

		        <br /><br />			

				<img src="{{ asset('images/icons/danger_icon_72px.png') }}" title="" alt="" style="float: left; vertical-align: middle; margin: 0 10px 10px 0; width: 48px;" />
				Physical media (CD/DVD) recordings will not be accepted by the OSAA. Recordings will only be accepted in digital format via the OSAA Dropbox. Specific instructions on uploading your group's recording - including an upload link and detailed steps to upload your file - can be found on the online registration form.

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


			@else
				<h2>Waiting for Tape Pool Review Process</h2>

				@if (Session::has('errors'))                
			        <div class="ui-state-error" style="padding: 0.5em 1em;">
						<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 

			    <p>
					The online application form to participate in the OSAA Music State Championships is closed.  The deadline to submit additional materials has also passed.  Recordings from tape pool qualifiers have been sent to out-of-state adjudicators and the list of selected groups is pending.  For additional information, please refer to the <a href="{{ url('/governance/handbooks') }}" target="_blank">OSAA Choir and Band/Orchestra Handbooks</a>.
				</p>

				<h3>List will be published by {{ date('g:ia l n/j/Y ', strtotime($info['due_dates']['publish_date'])) }}</h3>

				@if (Auth::check() and Auth::user()->isOsaaUser())
					<br />
					<p>
						<b>OSAA Staff: </b>Status is in preview mode.  Click a group's row to to toggle selection status that only staff can see while still unpublished.
					</p>
				@endif
			@endif

			<br class="clear" />
		@endif
	@else

		<h2>Lists of Schools Selected to Perform</h2>
		<p>
			The following is a list of schools that have been selected to perform in the OSAA Music State Championships, listed by school.  This is not the performance schedule.
		</p>
		<p>
			If a school's group has been selected, the status icon will show a green check-mark, <img src="{{ asset('/images/icons/check_mark_16px.png') }}" alt="Selected for State" title="Selected for State" style="vertical-align: middle;" />.  Groups that have not been selected to perform will have their row's text with a <span style="text-decoration: line-through;">strike-through line</span> and their status icon will appear red, <img src="{{ asset('/images/icons/not_selected_16px.png') }}" alt="Not Selected for State" title="Not Selected for State" style="vertical-align: middle;" />.
		</p>

		<br class="clear" />

	@endif

	{{-- Filter Options --}}		
	<br />
<b>Fatal error</b>:  Class 'Input' not found in <b>/home/osaa/web_app/dev/app/views/music/registration_landing.blade.php</b> on line <b>1006</b><br />