@extends('layouts.master')

@section('title', 'Dashboard')

@section('content')
<div class="container py-4">
    <h1 class="mb-4">Welkom, {{ auth()->user()->name }}</h1>

    {{-- <div class="mb-4">
        <span class="badge bg-info text-dark">
            Rol: 
            @switch(auth()->user()->role)
                @case(0) Gast @break
                @case(1) Speler @break
                @case(2) Admin @break
                @case(3) Super Admin @break
            @endswitch
        </span>
    </div> --}}

    <div class="row g-4">
        <!-- Wedstrijden -->
        <div class="col-12 col-sm-6 col-lg-4">
            <a href="{{ route('game.list') }}" class="text-decoration-none text-dark">
                <div class="card shadow-sm h-100">
                    <div class="card-body text-center">
                        <h5 class="card-title">📅 Wedstrijden</h5>
                        <p class="card-text">Bekijk en beheer alle geplande wedstrijden.</p>
                    </div>
                </div>
            </a>
        </div>

        <!-- Boetes -->
        <div class="col-12 col-sm-6 col-lg-4">
            <a href="{{ route('fine.ranking') }}" class="text-decoration-none text-dark">
                <div class="card shadow-sm h-100">
                    <div class="card-body text-center">
                        <h5 class="card-title">💸 Boetes</h5>
                        <p class="card-text">Bekijk en bewerk alle boetes en rankings.</p>
                    </div>
                </div>
            </a>
        </div>

        <!-- Kratten -->
        <div class="col-12 col-sm-6 col-lg-4">
            <a href="{{ route('crates.list') }}" class="text-decoration-none text-dark">
                <div class="card shadow-sm h-100">
                    <div class="card-body text-center">
                        <h5 class="card-title">🍺 Kratten</h5>
                        <p class="card-text">Bekijk het overzicht van openstaande kratten.</p>
                    </div>
                </div>
            </a>
        </div>

        <!-- Gebruikersbeheer (alleen voor admin) -->
        @if(auth()->user()->role >= 3)
        <div class="col-12 col-sm-6 col-lg-4">
            <a href="{{ route('users.manage') }}" class="text-decoration-none text-dark">
                <div class="card shadow-sm h-100 border-danger">
                    <div class="card-body text-center">
                        <h5 class="card-title">🛠️ Gebruikersbeheer</h5>
                        <p class="card-text">Beheer gebruikers en rollen.</p>
                    </div>
                </div>
            </a>
        </div>
        @endif
    </div>

    <p class="mt-4 text-muted">Gebruik de bovenstaande knoppen of het menu om aan de slag te gaan.</p>
</div>
@endsection