{#if $reported} {:else if image.provider.name === "panoramax"}

Report inappropriate picture

{#each REPORT_REASONS as reason} {/each} {#if $reportReason === "other" && !$reportFreeText} {:else} {/if}

<button
                  class="primary self-end"
                  class:disabled={$reportReason === "other" && !$reportFreeText}
                  on:click={() => requestDeletion()}
                >
                  <Tr t={t.requestDeletion} />
                </button>
              </div>
            </AccordionSingle>
          </div>
        {/if}
      </div>
    </div>
  </div>

<div slot="footer" class="flex flex-wrap justify-end">
    <button on:click={() => showDeleteDialog.set(false)}>
      <Tr t={Translations.t.general.cancel} />
    </button>

<NextButton clss={"primary " + ($reported ? "disabled" : "")} on:click={() => unlink()}>
      <TrashIcon class="mr-2 h-6 w-6" />
      <Tr t={tu.button} />
    </NextButton>
  </div>
</Popup>

<div class="relative w-fit shrink-0" style="scroll-snap-align: start">
  <div class="relative flex max-w-max items-center bg-gray-200">
    <AttributedImage
      imgClass="carousel-max-height"
      {image}
      {state}
      previewedImage={state?.previewedImage}
    >
      <svelte:fragment slot="dot-menu-actions">
        <button on:click={() => ImageProvider.offerImageAsDownload(image)}>
          <DownloadIcon />
          <Tr t={Translations.t.general.download.downloadImage} />
        </button>
        <button on:click={() => showDeleteDialog.set(true)} class="flex items-center">
          <TrashIcon />
          <Tr t={tu.button} />
        </button>
      </svelte:fragment>
    </AttributedImage>
  </div>
</div>