{% extends 'base.html' %}
{% block content %}
<div class="card">
<h2 style="margin-top:0">Submit your estimate -- Schätzung abgeben</h2>
<form action="{{ url_for('submit') }}" method="post">
<div>
<label for="name">Name</label>
<input id="name" name="name" type="text" placeholder="Your name" required />
</div>
<div>
<label for="estimate">Estimated Syllables -- geschätzte Silben</label>
<input id="estimate" name="estimate" type="number" inputmode="numeric" required />
</div>
<div style="display:flex;gap:.5rem;margin-top:.25rem">
<button class="btn-accent" type="submit">Submit</button>
</div>
</form>
</div>


<div class="card">
<div class="photo-row">
{% for fname in ['pingu.jpg'] %}
<div class="photo"><img src="{{ url_for('static', filename='images/' ~ fname) }}" alt="Christmas photo"></div>
{% endfor %}
</div>
</div>
{% endblock %}