<?php $__env->startSection('page_title'); ?>
    <?php if ($info['publish']): ?>
    	OSAA - Music Performers
    <?php else: ?>
    	<?php if (!$info['closed']): ?>
			OSAA - Music Registration
		<?php else: ?>
			OSAA - Music Registrations
		<?php endif; ?>
	<?php endif; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page_sub_title'); ?>    
	
	<?php if ($info['publish']): ?>
		OSAA Music State Championships Performers
	<?php else: ?>	
		<?php if (!$info['closed']): ?>
			Application to Participate in the OSAA Music State Championships
		<?php else: ?>
			List of Applications to Participate in the OSAA Music State Championships
		<?php endif; ?>
	<?php endif; ?>
	
<?php $__env->stopSection(); ?>

<?php $__env->startSection('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;
    	}

    	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;
			<?php if (Auth::check() and Auth::user()->isOsaaUser()): ?>
				cursor: pointer;
			<?php else: ?>
				cursor: default;
			<?php 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>
	
<?php $__env->stopSection(); ?>

<?php $__env->startSection('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'});		
	
	<?php if (!Auth::check()): ?>
		$('.apply_button').button('disable');
	<?php else: ?>
		<?php if (!Auth::user()->isOsaaUser() or true): ?>

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

		<?php endif; ?>

	<?php endif; ?>	

	<?php if ($info['publish']): ?>
    	$('table.applications tbody tr[data-excluded="true"]').css({'text-decoration' : 'line-through'});    	
    <?php 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'});

	// 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 : '<?php echo 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();		

	<?php 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: false,
						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 = '<?php echo 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 : '<?php echo 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 : '<?php echo 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 : '<?php echo 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'});
			

	<?php else: ?>
		
		$('.applications tbody tr')
			.hover(function ()
			{
				$(this).addClass('row_hover');				
			},
			function ()
			{
				$(this).removeClass('row_hover');				
			});

	<?php 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();
	});

<?php $__env->stopSection(); ?>

<?php $__env->startSection('page_functions'); ?> 	

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

<?php $__env->stopSection(); ?>


<?php $__env->startSection('main_content'); ?>    

	<?php if (Session::has('success')): ?>

		<div class="success_bar">
			<div class="message">				
				<?php echo Session::get('success'); ?>
			</div>			
		</div>

	<?php endif; ?>
	
	<br />	

	<img src="<?php echo 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;" />

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

	<br />

	<?php if (!$info['publish']): ?>
		<?php 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 16, 2016 @ 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 20, 2016 @ 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>
			<?php 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="<?php echo url('/account/login?redirect=/forms/music/registration'); ?>">login</a> first. 
				</p>
			<?php 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>
			<?php endif; ?>
			
			<a href="<?php echo asset('/docs/handbooks/bndhandbook.pdf'); ?>" target="_blank" style="margin: 0 30px;">&raquo; OSAA Band/Orchestra Handbook</a>
			| <a href="<?php echo 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 />

			<?php 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>
		        	<?php foreach ($errors->all() as $error): ?><?php echo $error; ?> <?php endforeach; ?>
		        </div>
		        <br />
		    <?php endif; ?>  	

			<div class="columns">
				<div class="fourth text_center">
					<img src="<?php echo asset('/images/icons/band_64px.png'); ?>" alt="" title="" /><br />
					<h3>Concert Band</h3>
					<a href="<?php echo url('/forms/music/registration/concert-band'); ?>" class="apply_button" data-division="concert-band">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> <?php echo 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="<?php echo asset('/images/icons/choir_64px.png'); ?>" alt="" title="" /><br />
					<h3>Concert Choir</h3>
					<a href="<?php echo url('/forms/music/registration/concert-choir'); ?>" class="apply_button" data-division="concert-choir">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> <?php echo 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="<?php echo asset('/images/icons/string_orchestra_64px.png'); ?>" alt="" title="" /><br />
					<h3>String Orchestra</h3>
					<a href="<?php echo url('/forms/music/registration/string-orchestra'); ?>" class="apply_button" data-division="string-orchestra">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> <?php echo 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="<?php echo asset('/images/icons/full_orchestra_64px.png'); ?>" alt="" title="" /><br />
					<h3>Full Orchestra</h3>
					<a href="<?php echo url('/forms/music/registration/full-orchestra'); ?>" class="apply_button" data-division="full-orchestra">Apply</a>
					<br /><br />
					<p class="text_left">
						<b>Due:</b> <?php echo 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>New Digital Upload Requirements for Tape Pool Qualifiers</h3>
			New for the 2015-16 school year, 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: 30%; margin-left: 20%;">
					<img src="<?php echo 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: 30%;">
					<img src="<?php echo 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 (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="<?php echo 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 />

		<?php else: ?>			

			<br />

			<?php if (strtotime($info['due_dates']['support_materials']) > time()): ?>

				<h2>Waiting for Additional Materials</h2>

				<?php 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>
			        	<?php foreach ($errors->all() as $error): ?><?php echo $error; ?> <?php endforeach; ?>
			        </div>
			        <br />
			    <?php 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="<?php echo url('/governance/handbooks'); ?>" target="_blank">OSAA Choir and Band/Orchestra Handbooks</a>.
				</p>

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

				<h2>Tape Pool Qualifiers</h2>

				<h3>New Digital Upload Requirements for Tape Pool Qualifiers</h3>
				New for the 2015-16 school year, 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="<?php echo 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="<?php echo 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/zm4m4miw3yAWlhuUQ7I3" target="_blank">Choir Tape Pool Submissions</a></li>
		                		<li><a href="https://www.dropbox.com/request/l1JUPRRh2grTdhQesiMQ" target="_blank">Band Tape Pool Submissions</a></li>
		                		<li><a href="https://www.dropbox.com/request/mvYP0sf92lZTgElLm6Yu" target="_blank">Full Orchestra Tape Pool Submissions</a></li>
		                		<li><a href="https://www.dropbox.com/request/aRJTlB2vb1V5m5Im3TAb" 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="<?php echo 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 />


			<?php else: ?>
				<h2>Waiting for Tape Pool Review Process</h2>

				<?php 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>
			        	<?php foreach ($errors->all() as $error): ?><?php echo $error; ?> <?php endforeach; ?>
			        </div>
			        <br />
			    <?php 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="<?php echo url('/governance/handbooks'); ?>" target="_blank">OSAA Choir and Band/Orchestra Handbooks</a>.
				</p>

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

				<?php 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>
				<?php endif; ?>
			<?php endif; ?>

			<br class="clear" />
		<?php endif; ?>
	<?php 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="<?php echo 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="<?php echo 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" />

	<?php endif; ?>

	<?php /*  Filter Options  */ ?>		
	<?php
		$filter = array('band' 		=> 'checked="checked"',
						'choir'     => 'checked="checked"',
						'orchestra' => 'checked="checked"');

		if (Input::has('filter') and !Helpers::strIsEmpty(Input::get('filter')))
		{
			$f = Input::get('filter');

			foreach ($filter as $key => $value)
			{
				if (Helpers::strContains($key, $f))
				{
					$filter[$key] = null;
				}
			}
		}
	?>
	
	<div class="division_filter" style="float: right; position: relative; top: 1em; font-size: 9pt;">
		<div style="font-weight: bold; margin-right: 10px; display: inline-block;">Include Division:</div>

		<label for="filter_band">Band</label>
		<input type="checkbox" id="filter_band" name="filter_band" value="1" style="position: relative; top: 3px; margin-right: 10px; border-radius: 2px;" <?php echo $filter['band']; ?>/>

		<label for="filter_choir">Choir</label>
		<input type="checkbox" id="filter_choir" name="filter_choir" value="1" style="position: relative; top: 3px; margin-right: 10px; border-radius: 2px;" <?php echo $filter['choir']; ?>/>

		<label for="filter_orchestra">Orchestra</label>
		<input type="checkbox" id="filter_orchestra" name="filter_orchestra" value="1" style="position: relative; top: 3px; border-radius: 2px;" <?php echo $filter['orchestra']; ?>/>

	</div>

	<?php if (Auth::check() and Auth::user()->isOsaaUser()): ?>
		<a id="download_entries" href="<?php echo url('/forms/music/registration/download'); ?>" target="_blank">Download</a>
	<?php endif; ?>

	<?php if ($info['publish']): ?>
		<h2 class="applications">List of Groups by School</h2>
	<?php else: ?>
		<?php if (!$info['closed']): ?>
			<h2 class="applications">List of Submitted Applications &amp; Status by School</h2>
		<?php else: ?>
			<h2 class="applications">Submitted Applications by School - Selections TBD</h2>
		<?php endif; ?>
	<?php endif; ?>

	<?php if (count ($info['applications']) > 0): ?>
		
		<table class="applications">
			<thead>
				<tr>
					<th colspan="3"></th>
					<th colspan="4" style="text-align: center; padding-top: 0.5em; padding-bottom: 0.25em; background-color: #045799;  border-left: 2px solid gray;  border-right: 2px solid gray;">Additional Materials Received</th>
					<th colspan="2"></th>
				</tr>
				<tr>						
					<th style="padding-bottom: 0.5em; padding-left: 0.5em; ">School</th>
					<th style="padding-bottom: 0.5em; text-align: center; width: 110px;">Division</th>					
					<th style="padding-bottom: 0.5em; text-align: center; width: 90px;">Qualification</th>
					<th class="items" style="border-left: 2px solid gray;">Form</th>
					<th class="items">Scores</th>
					<?php /* <th class="items">Roster</th> */ ?>
					<th class="items">Sheet Music</th>
					<th class="items" style="border-right: 2px solid gray;">Recording</th>						
					<th class="status">Status</th>
					<th style="padding-bottom: 0.5em; text-align: right; width: 105px; padding-right: 0.5em;">Updated</th>
				</tr>
			</thead>

			<tbody>

				<?php foreach ($info['applications'] as $app): ?>

					<tr data-category="<?php echo $app->form->category; ?>"
						data-form-id="<?php echo $app->form->id; ?>"
						<?php if ($info['publish'] and !$app->data->selected): ?>
							data-excluded="true"
						<?php endif; ?>
					>
						<td style="padding-left: 0.5em;"><?php echo $app->ap->name; ?></td>
						<td style=" text-align: center;">
							<?php echo str_replace('6A/5A/4A/3A/2A/1A', '', $app->data->division); ?>
							<?php echo ucwords(str_replace('-', ' ', str_replace('concert', '', $app->form->category))); ?>
						</td>
						<td style=" text-align: center;">
							<?php if (Helpers::strEqual($app->data->qualification, 'AUTO')): ?>
								Automatic
							<?php elseif (Helpers::strEqual($app->data->qualification, 'TAPE')): ?>
								Tape Pool
							<?php else: ?>
								None
							<?php endif; ?>
						</td>
						<td style="text-align: center;">
							<?php if (!in_array('FORM', $app->required_items)): ?>
								<img src="<?php echo asset('/images/icons/na_icon_16px.png'); ?>" alt="N/A" title="Not Required" />
							<?php elseif ($app->data->items->form): ?>
								<img src="<?php echo asset('/images/icons/check_16px.png'); ?>" alt="Yes" title="Received" />
							<?php else: ?>
								<img src="<?php echo asset('/images/icons/missing_16px.png'); ?>" alt="No" title="Not Received" />
							<?php endif; ?>
						</td>
						<td style="text-align: center;">
							<?php if (!in_array('SCORES', $app->required_items)): ?>
								<img src="<?php echo asset('/images/icons/na_icon_16px.png'); ?>" alt="N/A" title="Not Required" />
							<?php elseif ($app->data->items->scores): ?>
								<img src="<?php echo asset('/images/icons/check_16px.png'); ?>" alt="Yes" title="Received" />
							<?php else: ?>
								<img src="<?php echo asset('/images/icons/missing_16px.png'); ?>" alt="No" title="Not Received" />
							<?php endif; ?>
						</td>
						<?php /* 
						<td style="text-align: center;">
							<?php if (!in_array('ROSTER', $app->required_items)): ?>
								<img src="<?php echo asset('/images/icons/na_icon_16px.png'); ?>" alt="N/A" title="Not Required" />
							<?php elseif ($app->data->items->roster): ?>
								<img src="<?php echo asset('/images/icons/check_16px.png'); ?>" alt="Yes" title="Received" />
							<?php else: ?>
								<img src="<?php echo asset('/images/icons/missing_16px.png'); ?>" alt="No" title="Not Received" />
							<?php endif; ?>
						</td>
						 */ ?>
						<td style="text-align: center;">
							<?php if (!in_array('MUSIC', $app->required_items)): ?>
								<img src="<?php echo asset('/images/icons/na_icon_16px.png'); ?>" alt="N/A" title="Not Required" />
							<?php elseif ($app->data->items->music): ?>
								<img src="<?php echo asset('/images/icons/check_16px.png'); ?>" alt="Yes" title="Received" />
							<?php else: ?>
								<img src="<?php echo asset('/images/icons/missing_16px.png'); ?>" alt="No" title="Not Received" />
							<?php endif; ?>
						</td>
						<td style="text-align: center;">
							<?php if (!in_array('TAPE', $app->required_items)): ?>
								<img src="<?php echo asset('/images/icons/na_icon_16px.png'); ?>" alt="N/A" title="Not Required" />
							<?php elseif ($app->data->items->tape): ?>
								<img src="<?php echo asset('/images/icons/check_16px.png'); ?>" alt="Yes" title="Received" />
							<?php else: ?>
								<img src="<?php echo asset('/images/icons/missing_16px.png'); ?>" alt="No" title="Not Received" />
							<?php endif; ?>
						</td>
						
						<?php if ($info['publish']): ?>
							<td style="text-align: center; text-decoration: none;">
								<?php if ($app->data->selected): ?>
									<img src="<?php echo asset('/images/icons/check_mark_16px.png'); ?>" alt="Selected for State" title="Selected for State" />
								<?php else: ?>
									<img src="<?php echo asset('/images/icons/not_selected_16px.png'); ?>" alt="Not Selected for State" title="Not Selected for State" />
								<?php endif; ?>
							</td>
						<?php else: ?>							
							<?php if ($info['closed'] and Auth::check() and Auth::user()->isOsaaUser()): ?>								
								<td style="text-align: center; text-decoration: none;" data-preview="true">
									<?php if ($app->data->selected): ?>
										<img src="<?php echo asset('/images/icons/check_mark_16px.png'); ?>" alt="Selected for State" title="Selected for State" />
									<?php else: ?>
										<img src="<?php echo asset('/images/icons/not_selected_16px.png'); ?>" alt="Not Selected for State" title="Not Selected for State" />
									<?php endif; ?>
								</td>
							<?php else: ?>
								<td style="text-align: center; text-decoration: none;">
									<?php if ($app->data->complete): ?>
										<img src="<?php echo asset('/images/icons/finished_16px.png'); ?>" alt="Complete" title="Complete" />
									<?php elseif ($app->data->items->form): ?>
										<img src="<?php echo asset('/images/icons/pending_16px.png'); ?>" alt="Pending" title="Pending" />
									<?php else: ?>
										<img src="<?php echo asset('/images/icons/never_started_16px.png'); ?>" alt="Incomplete" title="Incomplete" />
									<?php endif; ?>
								</td>
							<?php endif; ?>
						<?php endif; ?>													
						<td style="text-align: right; padding: 0;">
							<?php echo date('n/j/Y g:ia', strtotime($app->form->updated_at)); ?>
						</td>
					</tr>

				<?php endforeach; ?>	

			</tbody>
		</table>

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

	<?php else: ?>
		<p>
			There are no school applications to display.
		</p>
	<?php endif; ?>
	

<?php $__env->stopSection(); ?>

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

	        <div style="float: right; line-height: 32px; margin-left: 10px;">
	        	<div class="button download all_entries" style="font-size: 9pt;" target="_blank">Download All Entries</div>
	        </div>	       

	        <div style="float: right; line-height: 32px; margin-left: 10px;">
	        	<div class="button download choir_program" style="font-size: 9pt;" target="_blank">Choir Program</div>
	        </div>      

	        <div style="float: right; line-height: 32px; margin-left: 10px;">
	        	<div class="button download band-orchestra_program" style="font-size: 9pt;" target="_blank">Band/Orchestra Program</div>
	        </div>  

	    </div>
    <?php endif; ?>
<?php $__env->stopSection(); ?>

$('.button.download.all_entries').click(function ()
		{
			window.open('<?php echo url('/reports/music-all-entries'); ?>');
		});

		$('.button.download.choir_program').click(function ()
		{
			window.open('<?php echo url('/reports/music-all-entries?program=cho'); ?>');
		});

		$('.button.download.band-orchestra_program').click(function ()
		{
			window.open('<?php echo url('/reports/music-all-entries?program=bnd-orc'); ?>');
		});
 */ ?>