@extends('layouts.mobile')

@section('page_title')
    OSAA Live Coverage
@stop


@section('page_sub_title')
    OSAA Live Coverage
@stop



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

@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('scripts')
  

@stop



@section('jquery_init')
    


@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;">
        Media Menu
    </li>      
    <li><a href="{{ url('/media') }}" data-ajax="false" class="ui-btn">Broadcast Schedule</a></li>
    <li><a href="{{ url('/radio-network') }}" data-ajax="false" class="ui-btn">OSAA Radio Network</a></li>
    <li><a href="http://www.nfhsnetwork.com/channels/oregon/" data-ajax="false" class="ui-btn">NFHS Network</a></li>

@stop


@section('main_content')
<div class="ui-grid-a">    

    <div class="ui-block-a">
        <a href="{{ url('/media') }}" class="ui-btn-up-a activity-button" data-role="button">
            <i class="icon-huge half-faded icon-table"></i>
            <br>
            Broadcast Schedule
        </a>
    </div>
    
    <div class="ui-block-b">
        <a href="{{ url('/radio-network') }}" class="ui-btn-up-a activity-button" data-role="button">
            <img src="/images/icons/mobile_broadcast_coverage.png" class="jquery-mobile-custom-icon" />
            <br>
            OSAA Radio Network
        </a>
    </div>

    <div class="ui-block-a">
        <a href="http://www.nfhsnetwork.com/channels/oregon/" class="ui-btn-up-a activity-button" data-role="button">
            <i class="icon-huge half-faded icon-videocam-alt"></i>
            <br>
            NFHS Network
        </a>
    </div>       

    @if (count($info['live_games']) > 0)

        @foreach ($info['live_games'] as $i => $live_info)

                        
            <div class="{{ $block_class }}">                    
                <a href="{{ $live_info->link }}" class="ui-btn-up-a activity-button" data-role="button" style="background: #ffefb0 !important; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZlZmIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjZmVmY2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTYlIiBzdG9wLWNvbG9yPSIjZmZlZmIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjZmZmY2YyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
            background: -moz-linear-gradient(-45deg,  #ffefb0 5%, #fefcea 13%, #ffefb0 56%, #fffcf2 95%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(5%,#ffefb0), color-stop(13%,#fefcea), color-stop(56%,#ffefb0), color-stop(95%,#fffcf2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg,  #ffefb0 5%,#fefcea 13%,#ffefb0 56%,#fffcf2 95%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg,  #ffefb0 5%,#fefcea 13%,#ffefb0 56%,#fffcf2 95%); /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg,  #ffefb0 5%,#fefcea 13%,#ffefb0 56%,#fffcf2 95%); /* IE10+ */
            background: linear-gradient(135deg,  #ffefb0 5%,#fefcea 13%,#ffefb0 56%,#fffcf2 95%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefb0', endColorstr='#fffcf2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */">
                    {{ $live_info->division }} {{ $live_info->activity }}<br />
                    {{ $live_info->away_team }} <small>({{ $live_info->away_seed }})</small> vs.<br />
                    {{ $live_info->home_team }} <small>({{ $live_info->home_seed }})</small>
                </a>
            </div>

        @endforeach

    @endif      
        
</div>


@stop