Public? Title

Description
</label>
{#each data.questions as question, index_question}
	<div class="ml-8 grid grid-cols-1 gap-2 m-2 border border-black border-2">
		<h1 class="text-3xl">{$t('words.question')} {index_question + 1}</h1>

<label>
			<input
				type="text"
				placeholder={$t('words.question')}
				bind:value={question.question}
				class="text-black"
			/>
			{$t('words.question')}
		</label>
		<label>
			<input type="text" placeholder="20" bind:value={question.time} class="text-black" />
			{$t('editor.time_in_seconds')}
		</label>
		{#each question.answers as answer, index_answer}
			<div class="ml-8 grid grid-cols-1 gap-2 m-2 border border-black border-2">
				<h1 class="text-3xl">{$t('words.answer')} {index_answer + 1}</h1>
				<p>{$t('words.answer')}: {index_answer} {$t('words.question')}: {index_question}</p>
				<label>
					<input
						type="text"
						placeholder={$t('words.answer')}
						bind:value={data.questions[index_question].answers[index_answer].answer}
						class="text-black"
					/>
					{$t('words.answer')}
				</label>
				<label>
					<input type="checkbox" bind:checked={answer.right} class="text-black" />
					{$t('editor.right_or_true?')}?
				</label>
				<button
					class="text-left"
					type="button"
					on:click={() => {
						data.questions[index_question].answers = [
							...data.questions[index_question].answers,
							{ ...empty_answer }
						];
					}}
				>
					{$t('editor.add_new_answer')}
				</button>
			</div>
		{/each}
		<button
			class="text-left"
			type="button"
			on:click={() => {
				data.questions = [...data.questions, { ...empty_question }];
			}}
		>
			{$t('editor.add_new_question')}
		</button>
	</div>
{/each}
<button type="submit">{submit_button_text}</button>