{{-- Field umum yang dipakai di semua form source type --}}
<div class="grid-2">
    <div class="form-group">
        <label class="form-label">Judul <span class="required">*</span></label>
        <input type="text" name="title" id="{{ $sourceType ?? 'text' }}_title"
               class="form-control @error('title') is-invalid @enderror"
               value="{{ old('title') }}"
               placeholder="misal: Informasi Produk Naramedic" required>
        @error('title')<p class="field-error">{{ $message }}</p>@enderror
    </div>
    <div class="form-group">
        <label class="form-label">Kategori <span class="required">*</span></label>
        <select name="category" class="form-control @error('category') is-invalid @enderror" required>
            @foreach(\App\Models\KnowledgeBase::CATEGORY_LABELS as $val => $label)
            <option value="{{ $val }}" {{ old('category', 'general') === $val ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
        @error('category')<p class="field-error">{{ $message }}</p>@enderror
    </div>
</div>

<div class="form-group">
    <label class="form-label">Ringkasan Singkat</label>
    <input type="text" name="summary" class="form-control"
           value="{{ old('summary') }}"
           placeholder="Deskripsi singkat isi konten ini (opsional, maks 200 karakter)"
           maxlength="200">
</div>

<div class="form-group">
    <label class="form-label">Tags</label>
    <input type="text" name="tags" class="form-control"
           value="{{ old('tags') }}"
           placeholder="produk, harga, faq (pisahkan koma)">
    <p class="field-hint">Memudahkan pencarian dan pengelompokan</p>
</div>

<div class="form-group">
    <div style="display:flex;gap:1.5rem;">
        <label style="display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gray-700);">
            <input type="checkbox" name="is_active" value="1" checked style="accent-color:var(--primary);">
            Aktif
        </label>
        <label style="display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gray-700);">
            <input type="checkbox" name="use_in_chatbot" value="1" checked style="accent-color:var(--primary);">
            Gunakan di Chatbot AI
        </label>
    </div>
    <p class="field-hint">Jika dicentang, konten ini akan diinjeksikan ke context AI saat menjawab pesan</p>
</div>

<div style="height:1px;background:var(--gray-200);margin:1.25rem 0;"></div>