@php
    /** @var \App\Models\Guest|null $guest */
    $guest = $guest ?? null;
@endphp

<div>
    <label for="name" class="block text-xs tracking-widest text-forest-700 mb-2 uppercase">Nama Tamu</label>
    <input id="name" name="name" type="text" required maxlength="100" value="{{ old('name', $guest->name ?? '') }}"
           placeholder="Contoh: Bapak/Ibu Budi Santoso"
           class="w-full rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm focus:border-gold-500 focus:ring-0">
</div>

<div>
    <label for="code" class="block text-xs tracking-widest text-forest-700 mb-2 uppercase">
        Kode Link
        <span class="normal-case text-forest-700/50 tracking-normal">(opsional — kosongkan agar dibuat otomatis)</span>
    </label>
    <input id="code" name="code" type="text" maxlength="40" value="{{ old('code', $guest->code ?? '') }}"
           placeholder="budi-santoso-a1b2"
           class="w-full rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm font-mono focus:border-gold-500 focus:ring-0">
    <p class="text-xs text-forest-700/50 mt-1.5">
        Dipakai di link undangan sebagai <code class="bg-forest-950/5 px-1 rounded">?to=kode</code>. Hanya huruf, angka, tanda hubung (-) dan garis bawah (_).
    </p>
</div>

<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
    <div>
        <label for="phone" class="block text-xs tracking-widest text-forest-700 mb-2 uppercase">No. WhatsApp (opsional)</label>
        <input id="phone" name="phone" type="tel" maxlength="20" value="{{ old('phone', $guest->phone ?? '') }}"
               placeholder="08xx-xxxx-xxxx"
               class="w-full rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm focus:border-gold-500 focus:ring-0">
    </div>
    <div>
        <label for="category" class="block text-xs tracking-widest text-forest-700 mb-2 uppercase">Kategori (opsional)</label>
        <input id="category" name="category" type="text" maxlength="50" value="{{ old('category', $guest->category ?? '') }}"
               placeholder="Keluarga, Teman Kantor, dsb."
               class="w-full rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm focus:border-gold-500 focus:ring-0">
    </div>
</div>

<div>
    <label for="invited_count" class="block text-xs tracking-widest text-forest-700 mb-2 uppercase">Perkiraan Jumlah Diundang</label>
    <input id="invited_count" name="invited_count" type="number" min="1" max="20" value="{{ old('invited_count', $guest->invited_count ?? 1) }}"
           class="w-32 rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm focus:border-gold-500 focus:ring-0">
</div>

<div>
    <label for="notes" class="block text-xs tracking-widest text-forest-700 mb-2 uppercase">Catatan (opsional)</label>
    <textarea id="notes" name="notes" rows="2" maxlength="255"
              class="w-full rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm focus:border-gold-500 focus:ring-0">{{ old('notes', $guest->notes ?? '') }}</textarea>
</div>