{{define "content"}}

<!-- forms.html -->
{{with .Errors.Email}}
<p class="error">{{.}}</p>
{{end}}
{{with .Errors.Title}}
<p class="error">{{.}}</p>
{{end}}
{{with .Errors.BaseUrl}}
<p class="error">{{.}}</p>
{{end}}
{{with .Errors.WriteConfig}}
<p class="error">{{.}}</p>
{{end}}


{{if .Success}}
    <h2>Instalación completada</h2>
		<p>¡Felicidades! Tu instancia <strong>{{.Title}}</strong> ha sido configurada correctamente.</p>
		<p>Un correo electrónico ha sido enviado a <strong>{{.Email}}</strong> con los pasos para recuperar la contraseña de administración.</p>
		<p>En breve podrás acceder a <strong>{{.BaseUrl}}</strong> para publicar los eventos.</p>
		<p>Disfruta de un café y vuelve en <span id="timeout">.</span> segundos</p>
				<script>
					let timeout = 30;
					document.getElementById("timeout").innerHTML = timeout;
					function countdown(n) {
						document.getElementById("timeout").innerHTML = n;
						if (n > 0) {
								n = n-1; 
								setTimeout(()=>{countdown(n)}, 1000);
						} else {
							window.location.reload(); 
						} 
					}
					let idt = setTimeout(()=>{countdown(timeout)},1000);
				</script>
	{{else}}
    <form method="POST">
        <label>Correo electrónico de administración:</label><br />
				<input type="email" name="adminemail" placeholder="gancio@sindominio.net" value="{{.Email}}"><br />
        <label>Nombre de la instáncia:</label><br />
				<input type="text" name="title" placeholder="Gancio Instance" value="{{.Title}}"><br />
        <label>Dirección:</label><br />
				<input readonly="true" id="url" type="url" name="url" placeholder="https://gancio.convoca.la" value="{{.BaseUrl}}"><br />
        <input type="submit" value="Finalizar instalación">
    </form>
				<script>
					document.getElementById("url").value = window.location.href;
				</script>
{{end}}

{{end}}