{% extends "base.html" %}

{% block content %}
<div id="index">
	<h1>{{ title }}</h1>
	<p>Could you share the story of the most precious thing you have lost?</p>
	<form action="/" method="POST">
		<!-- You can use differen input type's in a form. -->
		<!-- See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input -->
		<p><input type="text" name="lostobject" placeholder="What did you lose?" required/></p>
		<p><textarea name="text" rows="5" cols="33" placeholder="Could you describe how you lost it?" required></textarea></p>
		<!-- <p>
			<label for="incident">When did you lost it?</label>
			<input type="date" placeholder="dd-mm-yyyy">
		</p> -->
		<p><input type="submit" value="submit" /></p>
	</form>   
</div>

{% endblock %}