@section('page_title')
    OSAA - Records of Champions
@stop

@section('page_sub_title')        
    OSAA Records of Champions
@stop

@section('scripts')
    @parent

    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">    
    <script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js" type="text/javascript"></script>
    

    <style type="text/css">     	

        h3 {
      		color: #990000 !important;
      	}    	
      	
        table {
            width: 100%;
            border-collapse: collapse;
        }

        table thead th {
            text-align: left;
            cursor: pointer;
        }

        table tbody tr {
            line-height: 1.5em;
        }

        .odd {
            /*background-color: #dfdfdf !important;*/
        } 
        
        .dataTables_filter {
            margin-bottom: 1em;
        }

        #entries_filter label {
            font-weight: bold;            
        }

        .dataTables_info {
            margin-top: 1em;
            font-size: 9pt;
        }

        .updated_at {
            position: absolute;
            right: 0;
            font-size: 12pt;
            font-weight: bold;
        }

        .page_functions {
            width: auto !important;
        }

    </style>

@stop

@section('jquery_init')           

    $('.back_button')
        .button({'icons' : {'primary':'ui-icon-arrowthick-1-w'}})  
        .css({'font-size':'9pt'});

    $('.download_button')
        .button({'icons' : {'primary':'ui-icon-document'}})  
        .css({'font-size':'9pt','margin-right':'10px'});

    $('input[type="search"]')
        .css({'margin-left' : '5px'});

    {{-- $('<div><div>')
        .attr('data-loading', 1)
        .addClass('ui-widget-overlay ui-front')
        .appendTo('body');
      
    $('<div><div>').appendTo('body')
        .attr('data-loading', 1)
        .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-di    buttons')
        .html('<br />Loading...<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...</div>');     --}}    


    $('#entries')        
        .DataTable({
            'paging' : true,
            'pageLength' : 25,            
            'order' : [[0, 'asc']],
            'preDrawCallback' : function() {
                $('div[data-loading="2"]').position({my : "center center", at : "center center", of : window});
            },
            'initComplete' : function() {
                $('#entries').show();
                $('div[data-loading]').remove();
            }
        });
        

@stop

@section('page_functions')

    
    @if (!is_null($info['download_file']))

        <a href="{{ asset($info['download_file']) }}" class="download_button">Download</a>

    @endif
    

    <a href="{{ url('/archives') }}" class="back_button">Records &amp; Archives</a>
    
@stop


@section('main_content')    		  
    
    <div data-loading="1" class="ui-widget-overlay ui-front"></div>        
    <div data-loading="2" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-di buttons" style="width: 225px; height: 170px; text-align: center; padding: 0.5em; position: relative; top: 0px; left: 402.5px;"><br>Loading...<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...</div></div>



    @if (!is_null($info['file_stats']))
        <div class="updated_at" data-show="{{ (time() >= strtotime('2017-03-23 18:00:00')) ? 'YES' : 'NO' }}">Updated {{ date('n/j/Y g:ia', $info['file_stats']['mtime'])}}</div>
    @endif

    <br /><br />

    <table id="entries" class="hover stripe" style="display:none;">
        <thead>
            <tr>
                <th>Year</th>
                <th>Classification</th>
                <th>Activity</th>
                <th>Champion</th>                
            </tr>
        </thead>

        <tbody>
            @if (count($info['entries']) > 0)
                @foreach ($info['entries'] as $entry)
                    <tr>                        
                        <td>{{ $entry['year'] }}</td>
                        <td>{{ $entry['classification'] }}</td>
                        <td>{{ $entry['activity'] }}</td>
                        <td>{{ $entry['champion'] }}</td>                        
                    </tr>
                @endforeach
            @endif
        </tbody>

    </table>    

    <br class="clear" />
@stop