@extends('layouts.mobile')

@section('page_title')
    Rankings - {{{$information['activity_name']}}} - OSAA
@stop


@section('page_sub_title')
	{{{ $information['activity_name'] }}} Rankings
@stop

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

@stop


@section('jquery_init')
    

@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('left_nav_panel')
    @parent
    <li data-role="list-divider" role="heading" class="ui-li-divider ui-bar-a ui-first-child" data-priority="persist" style="text-align:center;">
        {{{$information['activity_name']}}} Menu
    </li>
    <li ><a href="/mobile/{{{$information['activity_slug']}}}/schedules" data-ajax="false" class="ui-btn">Schedules & Scores</a></li>
    <li ><a href="/mobile/{{{$information['activity_slug']}}}/teams_leagues" data-ajax="false" class="ui-btn">Teams & Leagues</a></li>
    <li ><a href="/mobile/{{{$information['activity_slug']}}}/rankings" data-ajax="false" class="ui-btn ui-btn-active">Rankings</a></li>
    <li ><a href="/mobile/{{{$information['activity_slug']}}}/brackets" data-ajax="false" class="ui-btn">Brackets</a></li>
@stop

@section('main_content')
    @include('mobile.mobile_divisions', $information)
    <div class="sub-header-block"></div>
    @foreach ($information['divisions'] as $division)
        <div id='{{ $division }}' class="division {{str_replace('/', '-', $division)}}" style="{{{(Session::get('division') == $division) ? '' : 'display:none;'}}}" style="margin-top: -2em;" >
    		@if (count($information['rankings'][$division]) > 0)
                <ul data-role="listview">
                    <li data-role="list-divider" style="padding-right: 2.5em;">
                        <div class="ui-grid-d">
                            <div class="ui-block-a ellipses" style="width: 45%">Team Name</div>
                            <div class="ui-block-b ellipses center-text small-text" style="width: 12%">OSAA<br>Rank</div>
                            <div class="ui-block-c ellipses center-text small-text" style="width: 20%">Overall<br>Record</div>
                            <div class="ui-block-d ellipses center-text small-text" style="width: 10%">RPI<br>Rank</div>
                            <div class="ui-block-e ellipses center-text small-text" style="width: 10%">Colley<br>Rank</div>
                        </div>
        	        </li>
    
    	            @foreach ($information['rankings'][$division] as $rank)
                        <li class="ranking-row"><a href="/mobile/teams/{{$rank->activity_program}}" class="ui-grid-d">
                            <div class="ui-block-a ellipses" style="width: 45%">
                                {{ $rank->name }}
                            </div>
                            <div class="ui-block-b ellipses center-text highlight-rank" style="width: 12%">
                                {{ $rank->rank }}
                            </div>
                            <div class="ui-block-c ellipses center-text" style="width: 20%">
                                {{ Helpers::displayRecord($rank) }}
                            </div>
                            <div class="ui-block-d ellipses center-text" style="width: 10%">
                                {{ $rank->rpi_rank }}
                            </div>
                            <div class="ui-block-e ellipses center-text" style="width: 10%">
                                {{ $rank->colley_rank }}
                            </div>
                        </a></li>
    	            @endforeach
    
        	    </table>
    
    		@else
        	       
        	    <h2>Unavailable</h2>
        	    <p>
        	        Rankings are unavailable at this time.
        	    </p>
    
        	    <h3>How soon at the start of the season will rankings appear on the website?</h3>
        	    <p>
        	        Rankings will be available on the website beginning with the first contest date of each sports season.
        	    </p>
    
        	    <h3>Why do the rankings look weird early in the season?</h3>
        	    <p>
        	        The RPI system is primarily a measurement of strength of schedule and how a team does against that schedule. There are no pre-season expectations or polls included. Every team starts from scratch each season. Consequently, the numbers can be skewed early in the season because teams have played so few contests. The data begins to take shape as more contests are played. The more contests played, the better the data gets.
        	    </p>
    
        	    <p>
        	        Learn more about OSAA Rankings by reading our <a href="{{ url('/mobile/help/rankings') }}"><u>Frequently Asked Questions</u></a>.
        	    </p>
    
        	@endif
        </div>
    @endforeach
@stop