@extends('layouts.master')

@section('title', 'Alle boetes')

@section('content')
    <h1>Alle Boetes</h1>

    <div class="table-responsive">
        <table class="table align-middle">
            <thead class="table-light">
                <tr>
                    <th>Speler</th>
                    <th>Datum</th>
                    <th>Omschrijving</th>
                    <th>Bedrag</th>
                    <th>Betaald</th>
                    @auth
                        @if (auth()->user()->role >= 2)
                            <th>Actie</th>
                            <th>betaald slider</th>
                        @endif
                    @endauth
                </tr>
            </thead>
            <tbody>
                @foreach($fines as $fine)
                {{-- @php dd($fine) @endphp --}}
                    <tr>
                        <td>{{ $fine->player->name }}</td>
                        <td>{{ \Carbon\Carbon::parse($fine->date)->format('d-m-Y') }}</td>
                        <td>
                            {{ $fine->fineType ? $fine->fineType->description : '-' }}
                        </td>
                        <td>
                            €{{ $fine->fineType ? number_format($fine->fineType->amount, 2, ',', '.') : '-' }}
                        </td>
                        <td>{{ $fine->paid ? '✅' : '❌' }}</td>
                        @auth
                            @if (auth()->user()->role >= 2)
                                <td>
                                    <a href="{{ route('fine.edit', $fine) }}" class="btn btn-sm btn-outline-primary">Bewerk</a>
                                </td>
                                <td>
                                    <form method="POST" action="{{ route('fine.togglePaid', $fine) }}">
                                        @csrf
                                        <button type="submit" class="btn btn-sm {{ $fine->paid ? 'btn-success' : 'btn-outline-secondary' }}">
                                            {{ $fine->paid ? 'Betaald' : 'Nog niet betaald' }}
                                        </button>
                                    </form>
                                </td>
                            @endif
                        @endauth
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection