<!-- template for the WFS3 API getFeatures page -->
{% include "header.html" %}

    <div class="row">
        <nav aria-label="Page navigation example">
          <ul class="pagination">
            {% for link in links_filter( links, "rel", "prev" ) %}
            <li class="page-item"><a class="page-link" href="{{ link.href }}">Previous</a></li>
            {% endfor %}
            <!-- TODO: full pagination: li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li-->
            {% for link in links_filter( links, "rel", "next" ) %}
            <li class="page-item"><a class="page-link" href="{{ link.href }}">Next</a></li>
            {% endfor %}
          </ul>
        </nav>
    </div>

    <div class="row">
        <div class="col-md-6">
            <h1>{{ metadata.pageTitle }}</h1>

            {% for feature in features %}
                <h2><a href="{{ path_append( feature.id ) }}">{{ metadata.layerTitle }} {{ feature.id }}</a></h2>
                <dl class="row">
                {% for name, value in feature.properties %}
                    <dt class="col-sm-3">{{ name }}</dt>
                    <dd class="col-sm-9">{{ value }}</dd>
                {% endfor %}
                </dl>
            {% endfor %}
        </div>

        {% include "leaflet_map.html" %}

    </div>

{% include "footer.html" %}
