@extends('layouts.master')

@section('title', 'Wedstrijddeelnemers')

@section('content')
<div class="container py-4">
    <h1 class="mb-4">Wedstrijddeelnemers</h1>

    @foreach($games as $game)
        <div class="card mb-3 shadow-sm">
            <div class="card-header d-flex justify-content-between align-items-center">
                <strong>{{ $game->date->format('d-m-Y') }}</strong>
                <span class="text-muted">{{ $game->opponentTeam->name ?? 'Onbekend' }}</span>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h6>Aanwezig:</h6>
                        <ul class="mb-0">
                            @foreach($game->attendees->where('pivot.is_attending', true) as $user)
                                <li>{{ $user->name }}</li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <h6>Rijders:</h6>
                        <ul class="mb-0">
                            @foreach($game->attendees->where('pivot.is_driver', true) as $user)
                                <li>{{ $user->name }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>
@endsection