{#each currentPageReports as report} { activeReport = report; activeReport.originalStatus = report.status; }} > {/each}

Grund	Ersteller	Reporteter User	Datum	Bearbeitungsstatus	Reportstatus
{report.subject}	{report.reporter.username}	{report.reported.username}	{new Intl.DateTimeFormat('de-DE', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }).format(new Date(report.createdAt))} Uhr	{report.status === 'none' ? 'Unbearbeitet' : report.status === 'review' ? 'In Bearbeitung' : report.status === 'reviewed' ? 'Bearbeitet' : ''}	{report.draft ? 'Entwurf' : 'Erstellt'}

{#if activeReport}

Report

{activeReport.reporter.username} hat {activeReport.reported.username} am {new Intl.DateTimeFormat('de-DE', { year: 'numeric', month: 'long', day: '2-digit', hour: '2-digit', minute: '2-digit' }).format(new Date(activeReport.createdAt))} Uhr reportet.

				<Textarea readonly={true} rows={4} label="Report Details" value={activeReport.body} />
			</div>
			<div class="divider mx-4" />
			<div>
				<div
					class="w-full"
					title={activeReport.status === 'none'
						? 'Zum Bearbeiten den Bearbeitungsstatus ändern'
						: ''}
				>
					<Textarea
						label="Interne Notizen"
						readonly={activeReport.status === 'none'}
						rows={1}
						bind:value={activeReport.notice}
					/>
				</div>
				<div
					class="w-full"
					title={activeReport.status === 'none'
						? 'Zum Bearbeiten den Bearbeitungsstatus ändern'
						: ''}
				>
					<Textarea
						label="(Öffentliche) Report Antwort"
						readonly={activeReport.status === 'none'}
						rows={3}
						bind:value={activeReport.statement}
					/>
				</div>
				<Select label="Bearbeitungsstatus" size="sm" bind:value={activeReport.status}>
					<option
						value="none"
						disabled={activeReport.auditor != null || activeReport.notice || activeReport.statement}
						>Unbearbeitet</option
					>
					<option value="review">In Bearbeitung</option>
					<option value="reviewed">Bearbeitet</option>
				</Select>
			</div>
			<div class="self-end mt-auto pt-6 w-full flex justify-center">
				<Input
					type="submit"
					value="Speichern"
					on:click={() => saveActiveReportChangesModal.show()}
				/>
			</div>
		</div>
	{/if}
</div>

<dialog class="modal" bind:this={saveActiveReportChangesModal}>
	<form method="dialog" class="modal-box">
		<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
		<h3 class="font-roboto text-xl">Änderungen Speichern?</h3>
		<div class="flex flex-row space-x-2 mt-6">
			<Input
				type="submit"
				value="Speichern"
				on:click={async () => {
					await updateActiveReport();
					currentPageReports = [...currentPageReports];
					if (activeReport.originalStatus !== 'reviewed' && activeReport.status === 'reviewed') {
						$reportCount -= 1;
					} else if (
						activeReport.originalStatus === 'reviewed' &&
						activeReport.status !== 'reviewed'
					) {
						$reportCount += 1;
					}
				}}
			/>
			<Input type="submit" value="Abbrechen" />
		</div>
	</form>
	<form method="dialog" class="modal-backdrop bg-[rgba(0,0,0,.3)]">
		<button>close</button>
	</form>
</dialog>

<dialog class="modal" bind:this={newReportModal}>
	<NewReportModal
		on:submit={(e) => {
			if (!e.detail.draft) $reportCount += 1;
			currentPageReports = [e.detail, ...currentPageReports];
			activeReport = currentPageReports[0];
		}}
	/>
</dialog>