@extends('layouts.mobile')



@section('page_title')

    OSAA Championship Programs

@stop





@section('page_sub_title')

    OSAA Championship Programs	

@stop



@section('head')

    

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



@stop





@section('jquery_init')

    
    /*
     * Log program click event as a digital program download
     */
    $('[data-event-category]').click(function(event)
    {
        var element = $(this);
        logGoogleEvent(element);

        return true;
    });

    function logGoogleEvent(element)
    {
        var category = element.attr('data-event-category');
        var action = element.attr('data-event-action');
        var label = element.attr('data-event-label');

        ga('send', 'event', category, action, label);        
    }


@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    

@stop



@section('main_content')
    
    <ul data-role="listview">        

        @foreach ($info['programs'] as $program)

        <li class="ranking-row">

            @if (!is_null($program->link))
            <a href="{{ $program->link }}" class="ui-grid-d" target="_blank" data-event-category="{{ $program->category }}" data-event-action="{{ $program->action }}" data-event-label="{{ $program->label }}">
        @else
            <a href="#" class="ui-grid-d" target="_blank">
        @endif            
                <div class="ui-block-a ellipses" style="width: 95%; white-space: nowrap;">
                    {{ str_replace('<br />', ' ', $program->title) }}
                </div>                   
            </a>
        </li>

        @endforeach

        @if (count($info['programs']) < 1)

            <li class="ranking-row">
                Digital programs are not available at this time.
            </li>

        @endif
        

    </ul>  

    <div class="ui-grid-b" style="text-align: center;">

        <a href="{{ url('/programs/archive') }}" class="ui-btn-up-a" data-role="button">
            Program Archive
        </a>

    </div> 

@stop