@extends('layouts.mobile')


@section('page_title')
    @if ($information['meet_type'] == 'DUAL')
        {{{ $information['other_team_name'] }}} @ {{{ $information['host_team_name'] }}}
    @elseif ($information['meet_type'] == 'INV')
        {{{ $information['event']['name'] }}}
    @endif
@stop


@section('page_sub_title')
    @if ($information['meet_type'] == 'DUAL')
        {{{ $information['other_team_name'] }}} @ {{{ $information['host_team_name'] }}}
    @elseif ($information['meet_type'] == 'INV')
        {{{ $information['event']['name'] }}}
    @endif
@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('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">
        {{$information['activity_name']}} Menu
    </li>
    <li ><a href="/mobile/{{{$information['activity_slug']}}}/schedules" data-ajax="false" class="ui-btn">Schedules</a></li>
    <li ><a href="/mobile/{{{$information['activity_slug']}}}/teams_leagues" data-ajax="false" class="ui-btn">Teams &amp; Leagues</a></li>
@stop


@section('main_content')

<div style="position: relative;">
    @if ($information['meet_type'] == "DUAL")
        {{-- Away team (Dual) --}}
        <div class="away-team-box" style="vertical-align:top;">
            <h2 style="text-align: center;">
                @if (!is_null($information['other_ap']))
                    <a href="{{ url('/mobile/teams/' . $information['other_ap']['id']) }}">
                @endif
                    {{ $information['other_team_name']}}

                    <div class="team_logo">
                                                @if (!is_null($image_url))
                            {{-- <img src="{{ $image_url }}" alt="" title="" style="width:128px; height:128px;" /> --}}
                        @else
                            {{-- <img src="http://www.osaa.org/images/no_logo.png" alt="" title="No School Logo Available" class="tooltip" style="width:128px; height:128px;"> --}}
                        @endif
                    </div>
                @if ($information['other_ap'])</a>@endif
                {{$information['other_team_mascot']}}
            </h2>
        </div>
        {{-- Host Team --}}
        <div class="home-team-box" style="vertical-align:top;">
            <h2 style="text-align: center;">
                @if (!is_null($information['host_ap']))<a href="{{ url('/mobile/teams/' . $information['host_ap']['id']) }}">@endif
                    <div class="team_logo">
                                                @if (!is_null($image_url))
                            {{-- <img src="{{ $image_url }}" alt="" title="" style="width:128px; height:128px;" /> --}}
                        @else
                            {{-- <img src="http://www.osaa.org/images/no_logo.png" alt="" title="No School Logo Available" class="tooltip" style="width:128px; height:128px;"> --}}
                        @endif
                    </div>
                    {{ $information['host_team_name']}}
                @if ($information['host_ap'])</a>@endif
                <br>
                {{$information['host_team_mascot']}}
                <br>
                <span class="half-faded">Host</span>
            </h2>
        </div>
        <h2 style="text-align: center; width: 100%; font-size: 2em; margin-top: -2.5em; position: relative; z-index: -999">
            @
        </h2>
    @else
        {{-- Invitational --}}
        {{-- Participating Teams --}}
        <h4 style="text-align: center; margin-top: 1em; margin-bottom: -0.5em;">Participating Teams</h4>
        <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
            @foreach($information['teams'] as $team)
                <a href="{{ url('/mobile/teams/' . $team['activity_program_id']) }}">
                                        @if (!is_null($image_url))
                        {{-- <img src="{{ $image_url }}" alt="" title="" style="width:64px; height:64px;" /> --}}
                    @else
                        {{-- <img src="http://www.osaa.org/images/no_logo.png" alt="" title="No School Logo Available" class="tooltip" style="width:64px; height:64px;"> --}}
                    @endif
                </a>
                <li><a href="{{ url('/mobile/teams/' . $team['activity_program_id']) }}" class="ui-btn ui-btn-icon-right ui-icon-carat-r">{{$team['name']}} {{$team['mascot']}}</a></li>
            @endforeach
            @if(count($information['oos_teams'] > 0))
                @foreach($information['oos_teams'] as $team)
                    {{-- <img src="http://www.osaa.org/images/no_logo.png" alt="" title="No School Logo Available" class="tooltip" style="width:64px; height:64px;"> --}}
                    <li><b>{{$team}}</b></li>
                @endforeach
            @endif
        </ul>

        {{-- Host Team --}}
        <p style="text-align:center; margin-bottom: -1em;">
            Hosted by
            @if (!is_null($information['host_ap']))<a href="{{ url('/mobile/teams/' . $information['host_ap']['id']) }}">@endif
                                        @if (!is_null($image_url))
                        {{-- <img src="{{ $image_url }}" alt="" title="" style="width:128px; height:128px;" /> --}}
                    @else
                        {{-- <img src="http://www.osaa.org/images/no_logo.png" alt="" title="No School Logo Available" class="tooltip" style="width:128px; height:128px;"> --}}
                    @endif
                {{ $information['host_team_name']}}
            @if ($information['host_ap'])</a>@endif
        </p>
    @endif
    <p style="text-align: center; margin-bottom: 2em;">
        {{-- date('l F j, Y', strtotime($information['event']->start_at)) --}}
        @if (Helpers::strEqual(date('g:i a', strtotime($information['event']['start_at'])), "12:00 am"))
            {{ Helpers::formatDateTime('l F j, Y', strtotime($information['event']['start_at'])) . " TBD" }}
        @else
            {{ Helpers::formatDateTime('l F j, Y g:i a', strtotime($information['event']['start_at']), $information['event']['time_zone']) }}
        @endif
        <br>
        {{$information['event']['location_name']}}
    </p>
</div>

@stop