{mode === 'create' ? 'Tambah Ruangan Baru' : 'Edit Data Ruangan'}

{/* Informasi Dasar */}

Kode Ruangan* setData('code', e.target.value)} placeholder="RJ-101, RI-201" />

Nama Ruangan* setData('name', e.target.value)} placeholder="Ruang Bedah 1, Kamar VIP 2" />

Jenis Ruangan*

Kelas Ruangan*

{/* Lokasi */}

Lantai setData('floor', e.target.value)} placeholder="1, 2, 3, ..." />

Gedung setData('building', e.target.value)} placeholder="Gedung A, Utama, ..." />

Sayap setData('wing', e.target.value)} placeholder="Timur, Barat, ..." />

{/* Kapasitas & Harga */}

Kapasitas* setData('capacity', parseInt(e.target.value) || 0)} />

Harga per Hari (Rp) { const value = e.target.value; const num = parseFloat(value.replace(/\D/g, '')) || 0; setData('price_per_day', isNaN(num) ? undefined : num); }} placeholder="500.000" />

{/* Fasilitas */}

Fasilitas

setData('facilities', e.target.value)}
                                    placeholder="AC, TV, Kamar Mandi Dalam, ..."
                                    rows={3}
                                />
                                <InputError message={errors.facilities} />
                            </div>

{/* Status */}
                            <div className="flex items-center space-x-2">
                                <input
                                    type="checkbox"
                                    id="is_available"
                                    checked={data.is_available}
                                    onChange={(e) => setData('is_available', e.target.checked)}
                                    className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
                                />
                                <Label htmlFor="is_available">Tersedia</Label>
                            </div>

{mode === 'edit' && (
                                <div className="flex items-center space-x-2">
                                    <input
                                        type="checkbox"
                                        id="is_active"
                                        checked={data.is_active}
                                        onChange={(e) => setData('is_active', e.target.checked)}
                                        className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
                                    />
                                    <Label htmlFor="is_active">Aktif</Label>
                                </div>
                            )}
                        </div>

<div className="flex justify-end gap-2">
                            <Button variant="outline" type="button" onClick={() => window.history.back()}>
                                Batal
                            </Button>
                            <Button type="submit" disabled={processing}>
                                {mode === 'create' ? 'Simpan' : 'Perbarui'} Ruangan
                            </Button>
                        </div>
                    </form>
                </div>
            </div>
        </AppLayout>
    );
}