@extends('layouts.master')

@section('title', $competitionTeam->id ? 'Tegenstander bewerken' : 'Nieuwe tegenstander')

@section('content')
<div class="container">
    <h1 class="mb-4">{{ $competitionTeam->id ? 'Tegenstander bewerken' : 'Nieuwe tegenstander toevoegen' }}</h1>

    <form method="POST" action="{{ route('competition_teams.save') }}" class="card p-4 shadow-sm">
        @csrf
        <input type="hidden" name="id" value="{{ $competitionTeam->id }}">

        <div class="mb-3">
            <label for="name" class="form-label">Naam</label>
            <input type="text" name="name" id="name" class="form-control" value="{{ old('name', $competitionTeam->name) }}" required>
        </div>

        <div class="mb-3">
            <label for="competition_id" class="form-label">Competitie</label>
            <select name="competition_id" id="competition_id" class="form-select">
                @foreach($competitions as $competition)
                    <option value="{{ $competition->id }}" {{ old('competition_id', $competitionTeam->competition_id) == $competition->id ? 'selected' : '' }}>
                        {{ $competition->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <button type="submit" class="btn btn-primary">Opslaan</button>
        <a href="{{ route('competition_teams.list') }}" class="btn btn-secondary">Annuleren</a>
    </form>
</div>
@endsection