@extends('layouts.master')

@section('title', 'Spelerstatistieken')

@section('content')
    <h1 class="mb-4">📊 Statistieken per speler</h1>

    <div class="accordion" id="playerStatsAccordion">
        @foreach($players as $player)
            <div class="accordion-item mb-2">
                <h2 class="accordion-header" id="heading-{{ $player->id }}">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ $player->id }}">
                        {{ $player->name }}
                    </button>
                </h2>
                <div id="collapse-{{ $player->id }}" class="accordion-collapse collapse">
                    <div class="accordion-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><strong>⚽ Doelpunten:</strong> {{ $player->goals->count() }}</li>
                            <li class="list-group-item"><strong>🎯 Assists:</strong> {{ $player->assists->count() }}</li>
                            <li class="list-group-item"><strong>🟨 Gele kaarten:</strong> {{ $player->cards->where('card_type', 'geel')->count() }}</li>
                            <li class="list-group-item"><strong>🟥 Rode kaarten:</strong> {{ $player->cards->where('card_type', 'rood')->count() }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endsection