@section('page_title')
    OSAA - Forms
@stop

@section('page_sub_title')    
	{{ $info['school_year'] }}-{{ substr(intval($info['school_year']) + 1, 2, 2) }} {{ $info['online_form']->name }} Forms
@stop

@section('scripts')
    @parent

    <style type="text/css">
    	
        h2 {
            color: #1C43A6 !important;
        }

        h2.line {
            border-bottom: 1px solid #1C43A6;
            padding-bottom: 0.25em;
            margin-bottom: 0.25em;
        }

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

        .odd {
            background-color: #dedede;
        }

        table.data_table {
            border-collapse: collapse;
            width: 100%;
            font-size: 10pt;
        }

        .data_table thead {
            background-color: #005FA9;
            color: #ffffff;
        }

        .data_table thead th {            
            padding: 4px 2px;
            text-align: left;
            vertical-align: bottom;
        }

        .data_table tbody tr {
            line-height: 2.5em;
        }
    
    </style>
	
@stop

@section('jquery_init')
	
    if(!window.console)
    {
        window.console = { log: $.noop, group: $.noop, groupEnd: $.noop };            
    }

    $('[data-tabs]').tabs();

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


    /* 
     * Custom tooltip items
     */
    $('[data-tooltip]').each(function ()
    {
        var item = $(this);

        var help = item.attr('data-tooltip');
        
        item.tooltip({'content' : help, 'items' : item});
    });


    /* Status Log
     *
     * Shows the status history when item is clicked.
     */
    $('[data-log]')
        .click(function(event)
        {
            var item = $(this);
            var log = $.parseJSON(item.attr('data-log'));
            var created = item.attr('data-created');
            var updated = item.attr('data-updated');
            var school = item.attr('data-school');
            var form_id = item.attr('data-form-id');

            var html = '<div style="font-size: 9pt;">';
            
            html += '<div style="float: right; width: 150px;">Form ID: ' + form_id + '<br />`school_forms`</div>';
            html += '<div style="display: inline-block; width: 125px;">Last Updated:</div>' + updated + '<br />';
            html += '<div style="display: inline-block; width: 125px;">Form Created:</div>' + created + '<br />';
            
            html += '<table style="width: 100%; border-collapse: collapse; margin-top: 1em;"><tbody>';

            $.each(log, function(index, value)
            {
                if ((index % 2) == 0)
                {
                    html += '<tr style="background-color: #dedede;">';
                }
                else
                {
                    html += '<tr>';
                }

                html += '<td style="padding-right: 15px;vertical-align: top;">' + value.timestamp + '</td>';
                html += '<td style="padding-right: 15px;vertical-align: top;">' + value.action + '</td>';
                html += '<td style="vertical-align: top;">' + value.user + '<br /><i>' + value.notes + '</i></td></tr>';
            });

            html += '</tbody></table></div>';

            $('<div></div>')
                .appendTo('body')
                .dialog(
                {                       
                    resizable: false,
                    height: 'auto',
                    width: 550,
                    modal: false,                    
                    title: school + ' Status Log',
                    open : function ()
                        {  
                            var dialog_object = $(this);                            

                            dialog_object.html(html);
                        },
                    close : function ()
                        {
                            var dialog_object = $(this);

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

        })
        .hover(function()
        {
            $(this).css({'cursor':'pointer'});
        },
        function()
        {
            $(this).css({'cursor':''});
        })
        .tooltip({'content':'Click to view detailed status history.','items':'[data-log]'});


    $('.download_report').each(function(index)
    {
        var item = $(this);

        var right = item.attr('data-right');

        item.button();
        item.css({'font-size' : '8pt',
                  'position' : 'absolute',
                  'top' : '9px',
                  'right' : right});
    });      

   
@stop

@section('page_functions') 	

	

@stop


@section('main_content')          

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

    {{-- Form Data by Season --}}
    <div data-tabs="true" style="width: 100%; position: relative;">    

        <ul style="padding-left: 5px; font-size: 10pt;">
            @foreach ($info['seasons'] as $season_slug => $season_name)
                <li><a href="#tabs-{{ $season_slug }}">{{ $season_name }}</a></li>
            @endforeach
        </ul>

        @foreach ($info['seasons'] as $season_slug => $season_name)

            <div id="tabs-{{ $season_slug }}" style="padding: 10px 2px 4px 2px;">

                <a href="{{ url('/forms/seasonal/' . strtolower($season_name) . '/participation') }}" target="_blank" class="download_report" data-right="16px" data-season="{{ strtolower($season_name) }}">Participation Summary</a>

                <a href="{{ url('/forms/seasonal/' . strtolower($season_name) . '/preselection') }}" target="_blank" class="download_report" data-right="183px" data-season="{{ strtolower($season_name) }}">Preselections</a>

                <table class="data_table" id="data_{{ $season_slug }}">
                    <thead>
                        <tr>
                            <th style="width: 215px;">School</th>
                            <th>Status</th>
                                                        @foreach ($info['online_form']->data_format->activities as $activity_object)
                                <br />
<b>Fatal error</b>:  Class 'Helpers' not found in <b>/home/osaa/web_app/dev/app/views/forms/seasonal_index.blade.php</b> on line <b>256</b><br />