@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 Euroindy 2023 - Cat. Sodi 390cc</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>Total</th>
            </tr>
                @foreach ( $class as $key => $cl)
                    <tr>
                        <td class="rankingClass">{{($key+1)}}</td>
                        <td><img class="img-fluid" src="{{$cl->Imagem}}" /></td>
                        <td class="rankingName">{{$cl->Piloto}}</td>
                        <td><b>{{$cl->Pontos}}</b></td>
                    </tr>  
                @endforeach
            
        </table>
    </div>

@endsection