@php
    /** @var \App\Models\Skill|null $skill */
    $skill = $skill ?? null;
    /** @var \Illuminate\Support\Collection|\App\Models\SkillCategory[] $categories */
    $categories = $categories ?? collect();
    $categoryValue = old('category_id', $skill?->category_id ?? ($selectedCategory ?? null));
    $activeValue = old('is_active', ($skill?->is_active ?? true) ? '1' : '0');
    $remoteValue = old('is_remote_capable', ($skill?->is_remote_capable ?? false) ? '1' : '0');
@endphp
<div class="form-grid user-form-grid">
    <div class="form-group">
        <label for="category_id">Category <span class="req">*</span></label>
        <select class="input" id="category_id" name="category_id" required>
            <option value="">Select category</option>
            @foreach($categories as $category)
                <option value="{{ $category->id }}" @selected((string) $categoryValue === (string) $category->id)>{{ $category->name }}{{ $category->is_active ? '' : ' (inactive)' }}</option>
            @endforeach
        </select>
    </div>
    <div class="form-group">
        <label for="name">Name <span class="req">*</span></label>
        <input class="input" id="name" name="name" value="{{ old('name', $skill?->name) }}" placeholder="Skill name" required>
    </div>
    <div class="form-group">
        <label for="default_radius_km">Default radius (km)</label>
        <input class="input" type="number" min="1" max="500" id="default_radius_km" name="default_radius_km" value="{{ old('default_radius_km', $skill?->default_radius_km ?? 10) }}">
    </div>
    <div class="form-group">
        <label for="is_remote_capable">Remote capable</label>
        <select class="input" id="is_remote_capable" name="is_remote_capable">
            <option value="0" @selected((string) $remoteValue === '0')>No</option>
            <option value="1" @selected((string) $remoteValue === '1')>Yes</option>
        </select>
    </div>
    <div class="form-group">
        <label for="is_active">Status <span class="req">*</span></label>
        <select class="input" id="is_active" name="is_active" required>
            <option value="1" @selected((string) $activeValue === '1')>Active</option>
            <option value="0" @selected((string) $activeValue === '0')>Inactive</option>
        </select>
    </div>
    <div class="form-group form-span-2">
        <label for="description">Description</label>
        <textarea class="input" id="description" name="description" rows="4" placeholder="Short description of the skill">{{ old('description', $skill?->description) }}</textarea>
    </div>
</div>