<script>
	/** @type {import('./$types').PageData} */
	export let data;

	$: posters = data.posters;

	/** @type {Blob} */ let image = new Blob();
	/** @type {string} */ let template = '';
	/** @type {string} */ let content = '';
</script>

<h1>Test</h1>
<ul>
	{#each posters as poster}
		<li>{poster.name}</li>
	{/each}
</ul>

<form method="POST">
	<input name="template" bind:value={template} placeholder="Plantilla" type="text" />
	<input name="content" bind:value={content} placeholder="Contenido" type="text" />
	<input name="image" bind:value={image} type="file" />
	<button>Send</button>
</form>

<style>
	input {
		display: block;
		margin: 1rem 0;
	}
</style>
