{#each columns as col} {#if col.key === "item_name"} {:else} {/if} {/each} {#each inventoryItems as item} {#each columns as col} {#if +col.key >= 1 && +col.key <= 12} {:else if col.key === "item_name"} {:else if col.key === "created_at" || col.key === "updated_at"} {:else if col.key === "actions"} {:else} {/if} {/each} {:else} {/each}

{col.title}	{col.title}
{ const target = e.target as HTMLInputElement | null; if (!target) return; const value = Number(target.value); updateQtyMonth( item.id, +col.key, selectedYear || new Date().getFullYear(), value, ).then((success) => { if (success) { alert( `Quantity for ${item.item_name} in month ${col.key} updated successfully.`, ); } else { alert( `Failed to update quantity for ${item.item_name} in month ${col.key}.`, ); } }); }} />	{item.item_name}	{item[col.key] !== undefined ? new Date( item[col.key] as | string | number | Date, ).toLocaleString() : "N/A"}	{ isEditing = true; currentEditingId = item.id; form = { item_name: item.item_name, villa_id: item.villa_id, item_location: item.item_location, brand_color_material: item.brand_color_material, condition: item.condition, remarks: item.remarks, created_at: item.created_at, updated_at: item.updated_at, }; showModal = true; }} > ✏️ Edit { const { error } = await supabase .from("vb_inventory") .delete() .eq("id", item.id); if (error) { console.error( "Error deleting item:", error, ); } else { alert( "Item deleted successfully!", ); await fetchInventory( searchTerm, selectedVillaId, selectedYear, sortBy, sortOrder, offset, limit, ); } }} > 🗑️ Delete	{item[col.key as keyof Inventory]}
No items found.