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

{/* Basic Information */}

Kode Prosedur* setData('code', e.target.value)} placeholder="PR-001, LAB-002" />

Nama Prosedur* setData('name', e.target.value)} placeholder="Pemeriksaan Darah, Operasi Katarak" />

Kategori*

Harga Dasar (Rp)*

{/* Description */}

Deskripsi

setData('description', e.target.value)}
                                    placeholder="Deskripsi lengkap prosedur..."
                                    rows={3}
                                />
                                <InputError message={errors.description} />
                            </div>

{/* Tax Settings */}
                            <div className="flex items-center space-x-2 col-span-full">
                                <input
                                    type="checkbox"
                                    id="is_taxable"
                                    checked={data.is_taxable}
                                    onChange={(e) => setData('is_taxable', e.target.checked)}
                                    className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
                                />
                                <Label htmlFor="is_taxable">Kena Pajak</Label>
                                <InputError message={errors.is_taxable} />
                            </div>

{data.is_taxable && (
                                <div className="space-y-2">
                                    <Label htmlFor="tax_percentage">Persentase Pajak (%)*</Label>
                                    <Input
                                        id="tax_percentage"
                                        type="number"
                                        min="0"
                                        max="100"
                                        step="0.01"
                                        value={data.tax_percentage}
                                        onChange={(e) => setData('tax_percentage', parseFloat(e.target.value) || 0)}
                                    />
                                    <InputError message={errors.tax_percentage} />
                                </div>
                            )}

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

<div className="flex items-center space-x-2">
                                <input
                                    type="checkbox"
                                    id="requires_approval"
                                    checked={data.requires_approval}
                                    onChange={(e) => setData('requires_approval', e.target.checked)}
                                    className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
                                />
                                <Label htmlFor="requires_approval">Perlu Persetujuan</Label>
                                <InputError message={errors.requires_approval} />
                            </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>
                                    <InputError message={errors.is_active} />
                                </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'} Prosedur
                            </Button>
                        </div>
                    </form>
                </div>
            </div>
        </AppLayout>
    );
}