@extends('admin.layout')
@section('title', 'Games')

@section('content')
    <h1 style="margin-bottom: 16px">Games</h1>

    @foreach($games as $g)
        <div class="adm-card">
            <form method="post" action="{{ route('admin.games.update', $g) }}" class="adm-row">
                @csrf
                @method('PUT')
                @include('admin.partials.game-fields', ['game' => $g])
                <button class="btn">Save</button>
            </form>
            <form method="post" action="{{ route('admin.games.destroy', $g) }}" style="margin-top: 8px">
                @csrf
                @method('DELETE')
                <button class="btn-danger" data-confirm="Delete {{ $g->name }}? This also deletes ALL of its results and cannot be undone.">Delete game</button>
            </form>
        </div>
    @endforeach

    <section class="adm-card new">
        <h2>Add a game</h2>
        <form method="post" action="{{ route('admin.games.store') }}" class="adm-row">
            @csrf
            @include('admin.partials.game-fields', ['game' => null])
            <button class="btn">Add game</button>
        </form>
    </section>
@endsection