@props([
    'rows' => [],
    'caption' => null,
    'emptyMessage' => 'Standings unavailable.',
])

@php
    $rows = is_array($rows) ? array_values($rows) : [];

    $formatNumeric = static function ($value) {
        if (is_numeric($value)) {
            return (string) (int) $value;
        }

        if (is_string($value) && trim($value) !== '') {
            return trim($value);
        }

        return '—';
    };

    $formatGoalDiff = static function ($value) use ($formatNumeric) {
        if (is_numeric($value)) {
            $int = (int) $value;

            return $int > 0 ? '+' . $int : (string) $int;
        }

        return $formatNumeric($value);
    };

    $formatPoints = static function ($value) use ($formatNumeric) {
        $points = $formatNumeric($value);

        return $points === '—' ? $points : $points . ' pts';
    };
@endphp

<div class="standings-list-container">
    <p id="sportsStandingsCaption" class="standings-caption" @if(! $caption) hidden @endif>{{ $caption }}</p>
    <ol class="standings-list" id="sportsStandingsList" @if(empty($rows)) hidden @endif>
        @foreach($rows as $row)
            @php
                $playedLabel = $formatNumeric($row['played'] ?? null);
                $goalDiffLabel = $formatGoalDiff($row['goal_diff'] ?? null);
                $pointsLabel = $formatPoints($row['points'] ?? null);
                $metaParts = [];

                if ($playedLabel !== '—') {
                    $metaParts[] = $playedLabel . ' GP';
                }

                if ($goalDiffLabel !== '—') {
                    $metaParts[] = 'GD ' . $goalDiffLabel;
                }

                if ($pointsLabel !== '—') {
                    $metaParts[] = $pointsLabel;
                }

                $metaText = $metaParts ? implode(' • ', $metaParts) : 'No recent stats available';
            @endphp
            <li class="standings-list__item">
                <span class="standings-list__rank">{{ $formatNumeric($row['position'] ?? null) }}</span>
                <div class="standings-list__content">
                    <span class="standings-list__club">{{ $row['club'] ?? '—' }}</span>
                    <span class="standings-list__meta">{{ $metaText }}</span>
                </div>
            </li>
        @endforeach
    </ol>
</div>
<p id="sportsStandingsEmpty" class="standings-empty" @if(! empty($rows)) hidden @endif>{{ $emptyMessage }}</p>