@extends('layouts.master')

@section('title', 'Competities')

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

    {{-- <a href="{{ route('competitions.new') }}" class="btn btn-success mb-3">➕ Nieuwe competitie</a> --}}

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    @if($competitions->count())
        <table class="table table-sm table-striped align-middle">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Naam</th>
                    <th>Add Teams</th>
                </tr>
            </thead>
            <tbody>
                @foreach($competitions as $competition)
                    <tr>
                        <td>{{ $competition->id }}</td>
                        <td>{{ $competition->name }}</td>
                        <td><a href="{{ route('competitions.edit', $competition) }}" class="btn btn-sm btn-outline-primary">Bewerken</a></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p class="text-muted">Nog geen competities toegevoegd.</p>
    @endif
</div>
@endsection