@section('page_title')
    OSAA - OSAA Mobile Site
@stop


@section('page_sub_title')
   Missing Scores
@stop


@section('header_button_left')
    <a href="#" class="jqm-navmenu-link ui-nodisc-icon ui-alt-icon ui-btn-left ui-btn ui-icon-arrow-l ui-btn-icon-notext ui-corner-all" onClick="window.history.back(); return false;">Back</a>

@stop


@section('head')
    
    <link rel="stylesheet" href="{{asset('css/fontello.css')}}">

@stop


@section('jquery_init')
    
    $('.tooltip').tooltip();    

    $('.button').button();
    $('.button.go').button({ icons : { primary : 'ui-icon-circle-arrow-e' }});   

    function colorRows ()
    {
        $('table tbody tr:odd').css('background-color', '#f2f2f2');
    }   

    colorRows();
    

@stop


@section('main_content')

    <h2>Hello, {{ Auth::user()->getDisplayFullName() }}</h2>   

    @if (count ($information['contests']) < 1)
        <p>
            You do not have any contests that are missing scores.
        </p>
    @else
        <p>
            According to our records, you are missing scores for the following contests:
        </p> 

        <ul data-role="listview" style="margin-top: 2em;">
            @foreach ($information['contests'] as $contest)
            
                            
                <li><a href="{{ url('/mobile/contests/' . $contest->id . '/submit-scores') }}" class="ui-btn-up-a {{$warningClass}}" data-role="button" title="Submit scores for this contest.">
                    
                    <h2>
                        {{ $contest->activity }}
                         @                         
                    </h2>
                    
                                        
                    <p>
                        {{ Helpers::formatDateTime('%TEAM_SCHEDULE_TIME%', strtotime($contest->info->start_at))}} {{ Helpers::formatDateTime('%TEAM_SCHEDULE_DATE%', strtotime($contest->info->start_at))}} {{-- date('n/j/Y', strtotime($contest->info->start_at)) --}} {{-- date('g:i a', strtotime($contest->info->start_at)) --}}
                    </p>
                    
                                            <p class="ui-li-aside">
                            <img src="/images/icons/yield_icon_72px.png" style="width: 40px; height: auto;">
                        </p>
                                    </a></li>
            @endforeach 
        </ul>
    @endif


@stop