{# templates/input_genre.html #}
{% extends 'base.html' %}
{% block h1 %}ジャンルの選択{% endblock %}
{% block content %}
<p>小説のジャンルを選択してください。</p>
<form method="post">
     <div class="mb-3">
            <label class="form-label">ジャンル</label><br>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="genre" id="genre1" value="学園もの" required>
                <label class="form-check-label" for="genre1">学園もの</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="genre" id="genre2" value="日常系">
                <label class="form-check-label" for="genre2">日常系</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="genre" id="genre3" value="SF">
                <label class="form-check-label" for="genre3">SF</label>
            </div>
       </div>
        <button type="submit" class="btn btn-primary">次へ</button>
</form>
{% endblock %}