@php $s = $subject ?? null; @endphp

<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
    <div class="sm:col-span-2">
        <x-input-label for="semester_id" value="Halbjahr" />
        <select id="semester_id" name="semester_id" required class="mt-1 block w-full rounded-md border-gray-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900">
            @foreach ($semesters as $semester)
                <option value="{{ $semester->id }}" @selected(old('semester_id', $s?->semester_id) == $semester->id)>
                    {{ $semester->label }} ({{ $semester->schoolYear->label }})
                </option>
            @endforeach
        </select>
        <x-input-error :messages="$errors->get('semester_id')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="name" value="Name" />
        <x-text-input id="name" name="name" type="text" class="mt-1 block w-full" :value="old('name', $s?->name)" required autofocus />
        <x-input-error :messages="$errors->get('name')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="kuerzel" value="Kürzel" />
        <x-text-input id="kuerzel" name="kuerzel" type="text" class="mt-1 block w-full" :value="old('kuerzel', $s?->kuerzel)" required maxlength="10" />
        <x-input-error :messages="$errors->get('kuerzel')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="type" value="Kursart" />
        <select id="type" name="type" required class="mt-1 block w-full rounded-md border-gray-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900">
            <option value="LK" @selected(old('type', $s?->type) === 'LK')>Leistungskurs (LK)</option>
            <option value="GK" @selected(old('type', $s?->type ?? 'GK') === 'GK')>Grundkurs (GK)</option>
        </select>
        <x-input-error :messages="$errors->get('type')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="teacher_name" value="Lehrer" />
        <x-text-input id="teacher_name" name="teacher_name" type="text" class="mt-1 block w-full" :value="old('teacher_name', $s?->teacher?->name)" />
        <x-input-error :messages="$errors->get('teacher_name')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="room" value="Raum" />
        <x-text-input id="room" name="room" type="text" class="mt-1 block w-full" :value="old('room', $s?->room)" />
        <x-input-error :messages="$errors->get('room')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="wochenstunden" value="Wochenstunden" />
        <x-text-input id="wochenstunden" name="wochenstunden" type="number" min="0" max="20" class="mt-1 block w-full" :value="old('wochenstunden', $s?->wochenstunden)" />
        <x-input-error :messages="$errors->get('wochenstunden')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="zielnote" value="Zielnote (Punkte)" />
        <x-text-input id="zielnote" name="zielnote" type="number" min="0" max="15" step="0.5" class="mt-1 block w-full" :value="old('zielnote', $s?->zielnote)" />
        <x-input-error :messages="$errors->get('zielnote')" class="mt-1" />
    </div>

    <div>
        <x-input-label for="farbe" value="Farbe" />
        <input id="farbe" name="farbe" type="color" class="mt-1 block h-10 w-20 rounded-md border-gray-300 shadow-sm dark:border-gray-700 dark:bg-gray-900" value="{{ old('farbe', $s?->farbe ?? '#6366F1') }}">
        <x-input-error :messages="$errors->get('farbe')" class="mt-1" />
    </div>
</div>