@extends('layouts.app')

@section('content')
<div class="container mt-4">
    <h1 class="mb-4">Ranking do Dia</h1>

    <div class="row">
        <div class="col-md-6">
            <h3>Ranking - Liderança</h3>
            <ul class="list-group">
                @foreach ($leaderRankings as $ranking)
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    {{ $ranking['user'] }}
                    <span class="badge bg-primary rounded-pill">{{ $ranking['score'] }}</span>
                </li>
                @endforeach
            </ul>
        </div>
        <div class="col-md-6">
            <h3>Ranking - Vendas</h3>
            <ul class="list-group">
                @foreach ($salesRankings as $ranking)
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    {{ $ranking['user'] }}
                    <span class="badge bg-success rounded-pill">{{ $ranking['score'] }}</span>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
@endsection