@extends('layouts.app')
@include('layouts.footer')

@section('content')

    <section id="hero" class="register d-flex align-items-center">
        <div class="container position-relative" data-aos="fade-up" data-aos-delay="500">
        <h1>Troféu Karting Euroindy 2022 - Cat. {{$cat}}</h1>
        </div>
    </section>
    <div class="container">
        <p></p>
        <h4></h4>
        <p></p>
        <table class="table">
            <tr>
                <th>Classificação</th>
                <th>Foto</th>
                <th>Piloto</th>
                <th>1ª Prova</th>
                <th>2ª Prova</th>
                <th>3ª Prova</th>
                <th>4ª Prova</th>
                <th>5ª Prova</th>
                <th>Total</th>
            </tr>
            @forelse ( $data as $k => $p )
                <tr>
                    <td class="rankingClass">{{$k}}º</td>
                    <td><img class="img-fluid" src="{{$p['foto']}}" style="width: 150px" alt="{{$p['nome']}}"/></td>
                    <td class="rankingName">{{$p['nome']}}</td>
                    @foreach ( $p['class'] as $race )
                        <td class="rankingPoints">{{$race}}</td>
                    @endforeach
                    <td><b>{{$p['total']}}</b></td>
                </tr>
            @empty
                <tr><td colspan="6">Sem classificações para apresentar</td></tr>
            @endforelse
        </table>
    </div>
@endsection