(reportedUser = user)} />

</div>
  <div class="w-full">
    <Input value={report?.reason} label="Grund" readonly dynamicWidth />
    <Textarea value={report?.body} label="Inhalt" readonly dynamicWidth rows={9} />
    <fieldset class="fieldset">
      <legend class="fieldset-legend">Anhänge</legend>
      <div class="h-16.5 rounded border border-dashed flex">
        {#each reportAttachments as reportAttachment (reportAttachment.hash)}
          <div>
            
            
            <div class="cursor-zoom-in" onclick={() => (previewReportAttachment = reportAttachment)}>
              {#if reportAttachment.type === 'image'}
                <img
                  src={location.pathname + '/attachment/' + reportAttachment.hash}
                  alt={reportAttachment.hash}
                  class="w-16 h-16"
                />
              {:else if reportAttachment.type === 'video'}
                
                <video src={location.pathname + '/attachment/' + reportAttachment.hash} class="w-16 h-16"></video>
              {/if}
            </div>
          </div>
        {/each}
      </div>
    </fieldset>
  </div>
  <div class="divider divider-horizontal"></div>
  <div class="flex flex-col w-[42rem]">
    <Textarea bind:value={statement} label="Öffentliche Report Antwort" dynamicWidth rows={7} />
    <Select
      bind:value={status}
      values={{ open: 'In Bearbeitung', closed: 'Bearbeitet' }}
      defaultValue="Unbearbeitet"
      label="Bearbeitungsstatus"
      dynamicWidth
    />
    <Select bind:value={strikeReason} values={strikeReasonValues} label="Vergehen" dynamicWidth></Select>
    <div class="divider mt-0 mb-2"></div>
    <button class="btn mt-auto" onclick={onSaveButtonClick}>Speichern</button>
  </div>
</div>

<dialog
  class="modal"
  bind:this={previewDialogElem}
  onclose={() => setTimeout(() => (previewReportAttachment = null), 300)}
>
  <div class="modal-box">
    {#if previewReportAttachment?.type === 'image'}
      <img src={location.pathname + '/attachment/' + previewReportAttachment.hash} alt={previewReportAttachment.hash} />
    {:else if previewReportAttachment?.type === 'video'}
      
      <video src={location.pathname + '/attachment/' + previewReportAttachment.hash} controls></video>
    {/if}
  </div>
  <form method="dialog" class="modal-backdrop bg-[rgba(0,0,0,.3)]">
    <button class="absolute top-3 right-3 btn btn-circle">✕</button>
    <button class="!cursor-default">close</button>
  </form>
</dialog>