← Back {#if mealId}

Edit meal components{meal ? `: ${meal.name}` : ''}

{#if mealLoading}

Loading meal…

{:else if mealLoadError}

{mealLoadError}

{:else if meal} {#if meal.computed_nutrition_per_meal}

Per meal: {formatKcal(Math.round(meal.computed_nutrition_per_meal.calories ?? 0))} · P {formatGrams(meal.computed_nutrition_per_meal.protein_g ?? 0)} · C {formatGrams(meal.computed_nutrition_per_meal.carbs_g ?? 0)} · F {formatGrams(meal.computed_nutrition_per_meal.fat_g ?? 0)}

{/if}

{#each components as comp (comp.food_id)}
• {comp.food?.name ?? `Food #${comp.food_id}`} {comp.food?.unit_type === 'count' ? '×' : 'g'} removeComponent(comp.food_id)}>✕
{:else}
• No components yet
{/each}

{compSearching ? '…' : 'Search'}

{#if compSearchError}

{compSearchError}

{/if} {#if compResults.length > 0}

{#each compResults as r (r.id)}
• {r.name}{r.brand ? ` (${r.brand})` : ''}{r.is_meal ? ' [meal]' : ''} addComponent(r)}>Add
{/each}

{/if} {#if compSaveError}

{compSaveError}

{/if} {/if} {:else if justSaved}

"{justSaved.food.name}" saved

{:else}

{isEdit ? 'Edit food' : isPrefilled ? 'Confirm & edit food' : 'Create food'}

Name * Brand Barcode {#if isPrefilled}

Source: {source}

{/if}

Unit type

Weight (nutrition per 100g) Count (nutrition per item)

Calories per {unitType === 'weight' ? '100g' : 'item'} *

Macros (optional, per {unitType === 'weight' ? '100g' : 'item'})

Protein Carbs Fat

{#if unitType === 'weight'}

Serving info (optional)

Serving size (g) Serving name

{/if} {#if error}

{error}

{/if}

{saving ? 'Saving…' : isEdit ? 'Save changes' : 'Save food'} Cancel

{/if}