<?php $__env->startSection('page_title'); ?>
    OSAA - OWWMP BIA
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page_sub_title'); ?>    
    
    Create a New OWWMP BIA Assessment Reconciliation Report

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

<?php $__env->startSection('scripts'); ?>
    @parent

    <style type="text/css">
    	h3 {
    		color: #1C43A6 !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;
    	}         
        
        .required {
            color: #990000;
            font-weight: bold;
        }

        .placeholder
        {
            color: #aaaaaa !important;
            font-weight: normal !important;
        }

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

    // Placeholder functionality
    $('[data-placeholder]').focus(function()
    {
        var input = $(this);
        if (input.val() == input.attr('data-placeholder'))
        {
            input.val('');
            input.removeClass('placeholder');
        }
    }).blur(function()
    {
        var input = $(this);
        if (input.val() == '' || input.val() == input.attr('data-placeholder'))
        {
            input.addClass('placeholder');
            input.val(input.attr('data-placeholder'));
        }
    }).blur();
    $('[data-placeholder]').parents('form').submit(function()
    {
        $(this).find('[data-placeholder]').each(function()
        {
            var input = $(this);
            if (input.val() == input.attr('data-placeholder'))
            {
                input.val('');
            }
        })
    });

    // Shake action items
    function shakeActionImages (object)
    {
        var direction;
        if ($(object).has('[data-direction]'))
        {
            var direction = $(object).attr('data-direction');
        }
        
        if (typeof direction == 'undefined')        
        {
            var direction = 'left';
        }        

        $(object).effect("shake", {direction : direction, distance : 5, times : 1}, 600, function ()
        {
            $(this).delay(Math.floor(Math.random() * 4000) + 2000);
            shakeActionImages($(this));
        });        
    }

    $('img.action_item').each(function()
    {
        var img = $(this);
        shakeActionImages(img);
    });
    
    // Cancel button
    $('.cancel_button')
        .button({'icons':{'primary':' ui-icon-circle-close'}})
        .css({'font-size':'9pt'})
        .click(function(event)
        {
            return confirm('Are you sure you want to cancel the creation of a new student eligibility request?');
        });
    
    // Submit button
    $('.submit_button')
        .button();

   


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

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

    <a href="<?php echo url('/account#tabs-bia'); ?>" class="cancel_button">Cancel</a>
    
<?php $__env->stopSection(); ?>


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

 	<?php /*  Success Bar  */ ?>
 	<?php if (Session::has('success')): ?>
		<div class="success_bar">
			<div class="message">				
				<?php echo Session::get('success'); ?>
			</div>			
		</div>
	<?php endif; ?> 

    <?php /*  Errors  */ ?>
     <?php if (Session::has('errors')): ?>                
        <div class="error ui-state-error" style="font-weight: bold; padding: 1em;">
            <span class="ui-icon ui-icon-alert box_icon"></span>
            <?php foreach ($errors->all() as $error): ?>
                <?php echo $error; ?>
            <?php endforeach; ?>
        </div>
    <?php endif; ?>   

    <form action="<?php echo url('/forms/bia/new'); ?>" method="POST">

        <h1>Reconciliation Report #<?php echo $info['form']->id; ?></h1>        

        <div class="online_form_instructions ui-corner-all" style="margin: 1em 0 2em 0;">
            <span class="ui-icon ui-icon-info" style="display: inline-block; position: relative; top: 2px;"></span>
            <b>How to Fill out This Form</b> <br />
            <ol>
                <li></li>
            </ol>

            <br />

            For questions, contact Brad Garrett at (503) 682-6722 x229 or by e-mail to <?php echo Helpers::obfuscateEmailLink ('bradg@osaa.org'); ?>.  For technical assistance, you can email <?php echo Helpers::obfuscateEmailLink ("support@osaa.org"); ?>.
        </div>

        <div class="columns">

            <div class="third">

                <p>
                    <span class="ui-icon ui-icon-info float_left"></span> Before creating this new form, please confirm the school and school year is correct.
                </p>

            </div>

            <div class="half" style="width: 650px;">

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">School Name</div>
                <div style="font-size: 13pt; font-weight: bold; color: #1C43A6;"></div>

                <input type="hidden" name="school_id" value="X" />

                <br />

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">School Year</div>
                <div style="font-size: 13pt; font-weight: bold; color: #1C43A6;">X</div>

                <input type="hidden" name="school_year" value="X" />

            </div>

        </div>

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

        <div class="columns">

            <div class="third">

                <p>
                    <span class="ui-icon ui-icon-info float_left"></span> Select the type of waiver from the drop-down menu.  Once you select a waiver type, additional information will also be displayed for your reference including a link to the eligibility rule in the OSAA Handbook.
                </p>

            </div>

            <div class="half" style="width: 650px; position: relative;">

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">Waiver Type</div>
                <img src="<?php echo asset('/images/icons/waiver_action_icon_48px.png'); ?>" class="action_item" id="waiver_action_image" alt="" title="" style="position: absolute; right: 70px; top: -12px;" />
                <select name="waiver_type" id="waiver_type" style="font-size: 13pt; font-weight: bold; color: #1C43A6; width: 375px;">
                    <option value="null" selected="selected">Select waiver type...</option>
                    
                    <?php /* 
                        <option value="<?php echo $type->slug; ?>" data-info='{"slug":"<?php echo $type->slug; ?>","name":"<?php echo $type->name; ?>","rule":"<?php echo $type->rule; ?>","link":"<?php echo $type->rule_link_path; ?>","default_handler":"<?php echo $type->first_handler_type; ?>"}'><?php echo $type->slug; ?></option>
                     */ ?>
                </select> 

                <br /><br />

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px; height: 7em;">Details</div>    
                <div id="waiver_type_info">Select a waiver type for additional information.</div>          

            </div>

        </div>

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

        <div class="columns">

            <div class="third">

                <p>
                    <span class="ui-icon ui-icon-info float_left"></span> Please provide the student's information. Providing a middle initial is optional.  The system will try to match the student's first name, last name, and birth date to existing students' already entered in past waivers.
                </p>

            </div>

            <div class="half" style="width: 650px; position: relative;">

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">First Name</div>
                
                <img src="<?php echo asset('/images/icons/waiver_action_icon_48px.png'); ?>" class="action_item" id="student_name_action_image" alt="" title="" style="position: absolute; right: 70px; top: -12px;" />
                
                <input type="text" id="first_name" name="first_name" data-placeholder="Student's First Name" style="font-size: 13pt; font-weight: bold; color: #1C43A6; width: 300px;" />

                <br /><br />

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">(Middle Initial)</div>

                <input type="text" id="middle_initial" name="middle_initial" data-placeholder="Student's Middle Initial" style="font-size: 13pt; font-weight: bold; color: #1C43A6; width: 200px;" />

                <br /><br />

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">Last Name</div>

                <input type="text" id="last_name" name="last_name" data-placeholder="Student's Last Name" style="font-size: 13pt; font-weight: bold; color: #1C43A6; width: 300px;" />

            </div>

        </div>

        

        

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

        <div class="columns" id="ready">

            <div class="third">

                <p id="ready_text">
                    <span class="ui-icon ui-icon-check float_left"></span>Ready for step 2.
                </p>

            </div>

            <div class="half" style="width: 650px; position: relative;">

                <div style="float: left; font-weight: bold; font-size: 11pt; width: 150px;">&nbsp;</div>
                
                <img src="<?php echo asset('/images/icons/waiver_action_icon_2_48px.png'); ?>" class="action_item" id="ready_action_image" alt="" title="" style="position: absolute; right: 70px; top: -12px;" />
                
                <input type="submit" value="Next" class="submit_button" />                

            </div>

        </div>

    </form>

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