{% extends "layout.html" %}

{% block content %}
    <!-- Ziekenfonds formulier Section -->
    <section class="bg-primary text-black-70 mb-0" id="about">
        <div class="text-center">
            <h1>Terugbetalingsformulier ziekenfonds</h1>
            <p class="lead">hier kan je het terugbetalingssformulier van het ziekenfonds opmaken. Geef je naam in en je ziekenfonds en daarna kan je een vooraf ingevuld formulier downloaden</p>
            {% from "includes/_formhelpers.html" import render_field, render_radio_field, render_dropdown_field %}
            <form method="POST" action="">
                {{ terugbetaling_form.hidden_tag() }}
            <div class="form-group">
                {{ render_field(terugbetaling_form.speler_voornaam, class_="form-control")}}<br>
                {% for error in terugbetaling_form.speler_voornaam.errors %}
                <span style="color: red;">{{ error }}</span>
                {% endfor %}
                {{ render_field(terugbetaling_form.speler_familienaam, class_="form-control")}}<br>
                {% for error in terugbetaling_form.speler_familienaam.errors %}
                <span style="color: red;">{{ error }}</span>
                {% endfor %}
            </div>
            <div class="form-group">
                {{render_dropdown_field(terugbetaling_form.ziekenfonds, class_="form-control")}}<br>
                {% for error in terugbetaling_form.ziekenfonds.errors %}
                <span style="color: red;">{{ error }}</span>
                {% endfor %}
            </div>
            <p>{{ terugbetaling_form.submit() }}</p>
            </form>
        </div>
    </section>
{% endblock %}