@section('page_title')
    OSAA - OWWMP BIA
@stop

@section('page_sub_title')    
    
    Follow Up Instructions

@stop

@section('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;
    	}                 
               

        /* Information Line */
        .info_line {
            min-height: 50px;
            margin-bottom: 1em;
            clear: both;
            page-break-inside: avoid;
        }   

        .info_line.border {
            border-bottom: 1px solid #d9e1e0;
        }

        .info_line .item {
            display: inline-block; 
            position: relative;           
        }

        .info_line .item .title {
            font-size: 10pt;
            margin-bottom: 0.5em;
            color: #666666;
        }

        .info_line .item .value {
            font-size: 14pt;
            height: 1.15em;
        }

        .info_line .item .value.constrain {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .info_line .item .value.long_text {
            height: auto;
            margin-bottom: 1em;
        }

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

    </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);
		})
	});          
    
    // Close button
    $('.close_button')
        .button({'icons':{'primary':' ui-icon-circle-close'}})
        .css({'font-size':'9pt'});

    // Print button
    $('.print_button')
        .button()
        .css({'float' : 'left',
              'width' : '100px',
              'height' : '50px',
              'margin' : '0 50px 1em 0'});

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

            $('<div></div>')
                .appendTo('body')
                .dialog(
                {                       
                    draggable : true,
                    resizable : true,
                    height : 725,
                    minHeight : 400,
                    width : 615,
                    minWidth : 330,
                    modal : false,
                    title : 'Assessment Reconciliation Report Form 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/bia/help') }}',
                                          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();
                        }                
                });


        });
    
    
@stop

@section('page_functions')  	    

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

    <a href="{{ url('/account#tabs-bia') }}" class="close_button">Close</a>
    
@stop


@section('main_content')    		

 	{{-- Success Bar --}}
 	@if (Session::has('success'))
		<div class="success_bar">
			<div class="message">				
				{{ Session::get('success') }}
			</div>			
		</div>
	@endif 

    {{-- Errors --}}
     @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>
            @foreach ($errors->all() as $error)
                {{ $error }}
            @endforeach
        </div>
    @endif   
    

    <h1>Reconciliation Report #{{ $info['form']->id }} - {{ $info['form']->status }}</h1>

    
    {{-- Form Timestamps --}}
    <div class="info_line">

        <div class="item" style="width: 200px;">
            <div class="title">
                Created
            </div>
            <div class="value">
                {{ date('n/j/y g:i a', strtotime($info['form']->created_at)) }}
            </div>
        </div>

        <div class="item" style="width: 200px;">
            <div class="title">
                Updated
            </div>
            <div class="value">
                {{ date('n/j/y g:i a', strtotime($info['form']->updated_at)) }}
            </div>
        </div>

        @if (Helpers::strEqual($info['form']->status, array('PEND', 'INSF', 'RECD', 'DONE')))
            <div class="item" style="width: 200px;">
                <div class="title">
                    Submitted
                </div>
                <div class="value">
                    {{ date('n/j/y g:i a', strtotime($info['form']->submitted_at)) }}
                </div>
            </div>

            @if (Helpers::strEqual($info['form']->status, array('RECD', 'DONE')))

                <div class="item" style="width: 200px;">
                    <div class="title">
                        Received
                    </div>
                    <div class="value">
                        {{ date('n/j/y g:i a', strtotime($info['form']->received_at)) }}
                    </div>
                </div>

                @if (Helpers::strEqual($info['form']->status, array('DONE')))

                    <div class="item" style="width: 200px;">
                        <div class="title">
                            Paid
                        </div>
                        <div class="value">
                            {{ date('n/j/y g:i a', strtotime($info['form']->paid_at)) }}
                        </div>
                    </div>

                @endif

            @endif

        @elseif (!is_null($info['form']->deleted_at))

            <div class="item" style="width: 200px;">
                <div class="title">
                    Deleted
                </div>
                <div class="value">
                    {{ date('n/j/y g:i a', strtotime($info['form']->deleted_at)) }}
                </div>
            </div>

        @endif

    </div>

    {{-- Assessor Information --}}
    <div class="ui-corner-all" style="float: right; margin-top: 0em; padding: 0.5em 1em 0.5em 5em; background-color: #D0E8D2; border: 1px solid #d9e1e0; font-weight: bold;">
        Grand Total: ${{ number_format($info['form']->total_amount, 2) }}
    </div>

    <h2>{{ $info['assessor']->user->getDisplayFullName() }}, BIA Assessor</h2>        

    <br />

    <h1>1. Print This Form</h1>

    <a href="{{ url('/forms/bia/' . $info['form']->id . '/print') }}" target="_blank" class="print_button">Print Form</a>

    Click the <b>Print Form</b> button to generate a PDF version of this form.  You can then print the PDF form directly.  You can also save a digital copy of your PDF form for your records.  Your computer will need a program like <a href="http://get.adobe.com/reader/" target="_blank">Adobe Reader</a> in order to view the generated PDF file.  You will also be able to print this form at any time directly from your BIA dashboard.

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

    <h1>2. Mail Materials</h1>    
    Group all BIA Data Forms by school.  Place that school's Alpha Master on the top of that group.  Finally, put the reconciliation report form on the very top of all of the paperwork.  Mail this entire packet in one envelope to the OSAA office.<br />
    <img src="{{ asset('images/icons/bia_packet_contents.png') }}" alt="" title="" style="width: 500px; margin-left: 50px; float: left;" />

    <div style="float: left; font-weight: bold; margin-left: 100px;">    
        <br />
        OSAA<br />
        C/O Brad Garrett<br />
        25200 SW Parkway Ave, Suite 1<br />
        Wilsonville, OR 97070
    </div>

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

    <h1>3. Receive Final Confirmation E-Mail</h1>
    When your materials are received at the OSAA office, you will be sent a final confirmation e-mail indicating that your form was received and no further action will be required of you.  If, however, your packet was missing information of your form was incomplete, your form will be rejected and marked as insufficient and an e-mail will be sent asking you to provide additional information.
    
@stop