{% extends "layout.html" %}
{% block content %}
  <div class="home">
    <div class="searchMP">
        <form action="" method="post" role="form">
            {{ form.csrf }}
        <div class="form-group">
            <div class="entry-group">
            <label for="name">Postcode:</label>
            <input type="text" class="form-control" id="postcode" name="postalcode" placeholder="Wat is je postcode?">
            </div>

            <div class="entry-group">
            <label for="houseno">Huisnummer:</label>
            <input type="text" class="form-control" id="houseno" name="houseno" placeholder="Wat is je huisnummer?">
            </div>

            <div class="entry-group">
            <label for="houseno_ext">Toevoeging:</label>
            <input type="text" class="form-control" id="houseno_ext" name="houseno_ext" placeholder="een huisnummer toevoeging?">
            </div>

            <div class="input-submit">
                <input type="submit" class="btn-search" value="Zoek">
            </div>

        </form>
        <div class="messages">
        {% with messages = get_flashed_messages(with_categories=true) %}
          {% if messages %}
                <ul>
                {% for category, message in messages %}
                    {% if category == 'info' %}
 	                   <li>{{ message }}</li>
                    {% endif %}
                {% endfor %}</ul>
          {% endif %}
        {% endwith %}
        </div>

        <div class="results">
        {% with messages = get_flashed_messages(with_categories=true) %}
          {% if messages  %}
                <table class="results">
                <tr><th>EAN Aansluiting</th><th>Product</th><th>Straatnaam</th><th>Huisnr.</th><th>Toev.</th><th>Woonplaats</th><th>Bijz. aansl.</th><th>Netbeheerder</th><th>EAN Netbeheerder</th></tr>
                {% for category, message in messages %}
                <tr>
                    {% if category == 'results' %}
                      {% set mpr = message.split(';') %}
                      {% for item in mpr %}
	                    <td>{{ item }}</td>
                      {% endfor %}
                    {% endif %}
                </tr>
                {% endfor %}
                </table>
          {% endif %}
        {% endwith %}
        </div>
      </div>
    </div>
  </div>
{% endblock %}