@php $item = $item ?? null; @endphp

<div>
    <label class="block text-sm font-medium text-gray-700">Ikon</label>
    <input type="text" name="icon" value="{{ old('icon', $item->icon ?? '') }}" placeholder="contoh: lnr lnr-rocket / fa fa-facebook"
           class="mt-1 w-full rounded border border-gray-300 px-3 py-2 text-sm">
    <p class="mt-1 text-xs text-gray-400">Nama class ikon (Linearicons/Font Awesome) yang dipakai di tampilan.</p>
</div>

<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <div>
        <label class="block text-sm font-medium text-gray-700">Judul (ID)</label>
        <input type="text" name="title[id]" value="{{ old('title.id', $item?->getTranslation('title', 'id', false)) }}"
               class="mt-1 w-full rounded border border-gray-300 px-3 py-2 text-sm">
    </div>
    <div>
        <label class="block text-sm font-medium text-gray-700">Title (EN)</label>
        <input type="text" name="title[en]" value="{{ old('title.en', $item?->getTranslation('title', 'en', false)) }}"
               class="mt-1 w-full rounded border border-gray-300 px-3 py-2 text-sm">
    </div>
</div>

<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <div>
        <label class="block text-sm font-medium text-gray-700">Deskripsi (ID)</label>
        <div class="mt-1">
            @include('admin.panel._rich-editor', ['name' => 'description[id]', 'value' => old('description.id', $item?->getTranslation('description', 'id', false))])
        </div>
    </div>
    <div>
        <label class="block text-sm font-medium text-gray-700">Description (EN)</label>
        <div class="mt-1">
            @include('admin.panel._rich-editor', ['name' => 'description[en]', 'value' => old('description.en', $item?->getTranslation('description', 'en', false))])
        </div>
    </div>
</div>
<p class="text-xs text-gray-400">Enter untuk baris baru. Gunakan tombol <strong>B</strong> untuk tebal dan tombol angka/bullet untuk daftar bernomor.</p>

<div>
    <label class="block text-sm font-medium text-gray-700">Gambar</label>
    @if ($item?->imageUrl())
        <img src="{{ $item->imageUrl() }}" alt="{{ $item->title }}" class="mt-2 h-16 rounded border border-gray-200 object-cover">
    @endif
    <input type="file" name="image" accept="image/*" class="mt-1 w-full text-sm">
</div>

<div>
    <label class="block text-sm font-medium text-gray-700">Link</label>
    <input type="text" name="link" value="{{ old('link', $item->link ?? '') }}"
           class="mt-1 w-full rounded border border-gray-300 px-3 py-2 text-sm">
</div>

<div>
    <label class="block text-sm font-medium text-gray-700">Urutan</label>
    <input type="number" name="order" min="0" value="{{ old('order', $item->order ?? 0) }}"
           class="mt-1 w-32 rounded border border-gray-300 px-3 py-2 text-sm">
</div>

<div class="flex items-center gap-2">
    <input type="checkbox" name="is_active" id="is_active" value="1" @checked(old('is_active', $item->is_active ?? true))>
    <label for="is_active" class="text-sm text-gray-700">Aktif</label>
</div>