{% extends "index.html" %}

{% block content %}
    <h1>Howtos</h1>

    <div>
        <form hx-post="/howto" hx-trigger="submit" hx-target="#answer">
            <label for="question">Question:</label>
            <input type="text" id="question" name="question" required>
            <input type="submit" value="Submit">
        </form>

        <div class="uk-card uk-card-body" id="answer">
            <h3 class="uk-card-title"></h3>
        </div>

    </div>
{% endblock %}