@extends('layouts.app')

@section('contenido')
<h2>Ranking general</h2>

<div class="card p-3">
    <table class="table align-middle">
        <thead>
            <tr>
                <th>Posición</th>
                <th>Usuario</th>
                <th>Puntaje</th>
            </tr>
        </thead>

        <tbody>
        @foreach($usuarios as $index => $usuario)
            <tr>
                <td>
                    <strong>#{{ $index + 1 }}</strong>
                </td>

                <td>
                    {{ $usuario->name }}
                </td>

                <td>
                    <span class="badge bg-success fs-6">
                        {{ $usuario->puntaje_total }} pts
                    </span>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection