{#key mode} {#if mode === 'edit'}
Product Details
Editing
Product Name
Tags
{#each $tagsStore as tag}
{tag.name}
{/each}
Price
€
cost = Number((cost + 0.01).toFixed(2))} title="Increase price">
Discount Percentage
%
Description
Product Status
syncCheckbox(e.currentTarget)} type="checkbox" name="status" class="rounded-1 form-check-input product-form-input">
Status:
{checkboxLabel === true ? 'Enabled' : 'Disabled'}
Product Images
updateSelection()}>
Save Changes
undoChanges()} class="btn btn-outline-secondary border-dashed flex-fill fw-semibold">Undo Changes
Return
{:else} {/if} {/key}
restoreModal()}>
Editor
restoreModal()} type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
{#if product} {#each product.images ?? [] as item (item.id ?? item.img)}
closeImageSection(e.currentTarget)} type="button" class="btn-close" aria-label="Close">
One
Two
Three
Four
Five
Six
{/each} {/if} {#if imageItemsCount < 6}
imageSection(e.currentTarget, $baseURLStore)} class="w-100 h-100 border border-1 btn btn-light shadow d-flex flex-column justify-content-center gap-2" style="min-height: 15vh;">
Add Image
{/if}