@props([
    'participant' => null,
    'action',
    'method' => 'POST',
])

<form method="POST" action="{{ $action }}" class="space-y-6">
    @csrf
    @if($method !== 'POST')
        @method($method)
    @endif

    <div>
        <x-form.label for="name" value="Nome" />
        <x-form.input
            id="name"
            name="name"
            value="{{ old('name', $participant?->name) }}"
            required
        />
        <x-form.error name="name" />
    </div>

    <div class="flex justify-end gap-3">
        <a href="{{ route('game.participants.index') }}" class="text-gray-600 hover:text-gray-900">
            Cancelar
        </a>

        <x-ui.button type="submit">
            {{ $participant ? 'Atualizar' : 'Criar' }}
        </x-ui.button>
    </div>
</form>