@section('page_title')
    OSAA - Solo Music Entries & Schedule
@stop

@section('page_sub_title')    
    
    OSAA Solo Music Championships Entries & Schedule

@stop

@section('scripts')
    @parent

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


    </style>

@stop

@section('jquery_init')    

    {{-- // Table row highlighter
    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();  
 --}}
    $('#entries').DataTable({
        'paging' : false,
        'order' : [[3, 'asc'], [2, 'asc']],
        'columnDefs' : [{'target' : 5, 'type' : 'date'}]
    });

    $('.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'});
    
@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('/activities/sol') }}" class="back_button">Solo Music</a>
    
@stop


@section('main_content')    		  

    @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 />

    <table id="entries" class="hover">
        <thead>
            <tr>
                <th>ID #</th>
                <th>Participant</th>
                <th>School</th>
                <th>Category</th>
                <th>Room</th>
                <th>Time</th>
                <th>Accompanist</th>
            </tr>
        </thead>

        <tbody>
            @if (count($info['entries']) > 0)
                @foreach ($info['entries'] as $entry)
                    <tr>
                        <td>{{ $entry['id'] }}</td>
                        <td>{{ $entry['student_first'] }} {{ $entry['student_last'] }}</td>
                        <td>{{ $entry['school'] }}</td>
                        <td>{{ $entry['category'] }}</td>
                        <td>{{ $entry['room'] }}</td>
                        <td>{{ $entry['time'] }}</td>
                        <td>{{ $entry['accompanist'] }}</td>
                    </tr>
                @endforeach
            @endif
        </tbody>

    </table>   	
    

    <br class="clear" />
@stop