@extends('layouts.master')

@section('title', 'Krattenlijst')

@section('content')
    <h1 class="mb-4">Kratten per Speler</h1>

    <table class="table table-sm align-middle">
        <thead>
            <tr>
                <th>Speler</th>
                <th>Aantal Kratten</th>
                @can('crate-edit')
                    <th>Actie</th>
                @endcan
            </tr>
        </thead>
        <tbody>
            @foreach($players as $player)
                <tr>
                    <td>{{ $player->name }}</td>
                    <td>{{ $player->crates_count }}</td>
                    @can('crate-edit')
                        <td>
                            <form action="{{ route('crates.add', $player) }}" method="POST" class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-success" title="Krat toevoegen">➕</button>
                            </form>
                            <form action="{{ route('crates.remove', $player) }}" method="POST" class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-danger" title="Laatste krat verwijderen">➖</button>
                            </form>
                        </td>
                    @endcan
                </tr>
            @endforeach
        </tbody>
    </table>
@endsection