{t[lang].portions}
{t[lang].ingredients}
{#each ingredients as list, list_index} {#if list.type === 'reference'}
update_list_position(list_index, 1)} aria-label={t[lang].moveReferenceUpAria}>
update_list_position(list_index, -1)} aria-label={t[lang].moveReferenceDownAria}>
📋 {t[lang].baseRecipe}: {list.name || t[lang].unnamed}
removeReference(list_index)} aria-label={t[lang].removeReferenceAria}>
{#if list.itemsBefore && list.itemsBefore.length > 0}
{t[lang].additionalIngredientsBefore}
{#each list.itemsBefore as item, item_index}
editItemFromReference(list_index, 'before', item_index)} class="ingredient-amount-button"> {item.amount} {item.unit}
editItemFromReference(list_index, 'before', item_index)}> {@html item.name}
editItemFromReference(list_index, 'before', item_index)} aria-label={t[lang].editIngredientAria}>
removeItemFromReference(list_index, 'before', item_index)} aria-label={t[lang].removeIngredientAria}>
{/each}
{/if}
openAddToReferenceModal(list_index, 'before')}>
{t[lang].addIngredientBefore}
{t[lang].baseRecipeContent}
openAddToReferenceModal(list_index, 'after')}>
{t[lang].addIngredientAfter}
{#if list.itemsAfter && list.itemsAfter.length > 0}
{t[lang].additionalIngredientsAfter}
{#each list.itemsAfter as item, item_index}
editItemFromReference(list_index, 'after', item_index)} class="ingredient-amount-button"> {item.amount} {item.unit}
editItemFromReference(list_index, 'after', item_index)}> {@html item.name}
editItemFromReference(list_index, 'after', item_index)} aria-label={t[lang].editIngredientAria}>
removeItemFromReference(list_index, 'after', item_index)} aria-label={t[lang].removeIngredientAria}>
{/each}
{/if}
{:else}
{#if list.name } {list.name} {:else} {t[lang].empty} {/if}
{#each list.list as ingredient, ingredient_index (ingredient_index)}
show_modal_edit_ingredient(list_index, ingredient_index)} class="ingredient-amount-button"> {ingredient.amount} {ingredient.unit}
show_modal_edit_ingredient(list_index, ingredient_index)}> {@html ingredient.name}
show_modal_edit_ingredient(list_index, ingredient_index)} aria-label={t[lang].editIngredientAria}>
{/each}
{/if} {/each}
openSelector(ingredients.length)}>
{t[lang].insertBaseRecipe}
do_on_key(event, 'Enter', false, add_new_ingredient)}>
do_on_key(event, 'Enter', false, add_new_ingredient)}>
do_on_key(event, 'Enter', false, add_new_ingredient)}>
do_on_key(event, 'Enter', false, add_new_ingredient)}>
add_new_ingredient()} class=action_button>
{t[lang].editIngredient}
do_on_key(event, 'Enter', false, edit_ingredient_and_close_modal)}>
do_on_key(event, 'Enter', false, edit_ingredient_and_close_modal)}>
do_on_key(event, 'Enter', false, edit_ingredient_and_close_modal)}>
do_on_key(event, 'Enter', false, edit_ingredient_and_close_modal)} onclick={edit_ingredient_and_close_modal}>
{t[lang].renameCategory}
do_on_key(event, 'Enter', false, edit_subheading_and_close_modal)} >
do_on_key(event, 'Enter', false, edit_subheading_and_close_modal)} onclick={edit_subheading_and_close_modal}>