@extends('layouts.layout')

@section('content')
    <section class="text-center">
        <div class="container">

            <h1>Grünes Trikot</h1>

            <table class="col-md-12">
                <th style="height:140px; white-space: nowrap;border-bottom: 1px solid #ccc; ">
                    <div style="transform:translate(10px, 51px)  rotate(270deg);width:30px;">
                        <span style="border-bottom: 1px solid #ccc; padding: 5px 10px;">Spieler</span>
                    </div>
                </th>

                @foreach ($roundnames as $roundname)
                    <th style="white-space: nowrap;border-bottom: 1px solid #ccc;">
                        <div style="transform:translate(10px, 51px)  rotate(270deg);width:30px;">
                            <span style="border-bottom: 1px solid #ccc; padding: 5px 10px;">{{ $roundname }}  </span>
                        </div>
                    </th>
                @endforeach

                @foreach ($rankingDisplay as $rounds)
                    <tr>
                        <td style="white-space: nowrap;border: 1px solid #ccc;" >{{$rounds[0]['user_name']}}</td>
                        @foreach($rounds as $round)
                            <td style="white-space: nowrap;border: 1px solid #ccc;">  {{ $round['gshirt_totalscore']}} <br/>( +{{$round['gshirt_score']}} )<br/>[{{$round['gshirt_foulcount']}} fouls]</td>
                        @endforeach
                    </tr>
                @endforeach
            </table>

        </div>
    </section>

@endsection