@extends('layouts.layout')

@section('content')
    <section class="jumbotron text-center">
        <div class="container" style="float:left; width:800px">

            @if ($activeSeason)
                <label>Saison:{{ $activeSeason->name }}</label>
            @endif

            <p class="lead">Tipps</p>

            @if ($activeSeason)
                <div>
                    @foreach($rounds->reverse() as $round)
                        <div><label class="text lead">{{ $round->name }} </label></div>
                        @foreach($round->games as $game)
                            <img src="/img/joker.png" style="{{ (App\Tipp::getTipp($game->id, $user->id)->joker==true ? 'float:left;width:32px;height:32px' : 'display: none;') }}">

                            <div style="width:600px"><label class="text" href="/games/edit/{{ $game->id }}">{{ $game->team1 }} : {{ $game->team2 }} [ Anstoss {{ $game->kickoff }} ]   </label>
                            <a href="/tipps/edit/{{App\Tipp::getTipp($game->id,$user->id)->id}}">{{ App\Tipp::getTipp($game->id, $user->id)->score1 }} : {{ App\Tipp::getTipp($game->id, $user->id)->score2 }}</a>
                            </div>

                            <label style="float:left;width=30px;">{{ App\Tipp::getScore($game->id,$user->id)  }}</label>
                            <p>&nbsp;</p>
                        @endforeach
                        <p>&nbsp;</p>
                    @endforeach

                </div>
            @endif
        </div>

    </section>
@endsection