{% extends 'base.jinja' %}
{% block js_extra %}
    <script id="nav_data" src="{{ static('js/donar/vgn.js') }}"></script>
{% endblock %}
{% block headline %}
    <h1 class="text-center"> VGN Connections</h1>
    <p class="text-center">Donar</p>
{% endblock %}
{% block content %}
    <div class="row">
        {% if locations %}
            {% for location in locations %}
                <div class="col-12 p-1">
                    <div class="p-2 border border-dark rounded-3 border border-dark rounded bg-light text-dark">
                        <a class="connection" href="">{{ location.name }}</a>
                        <p class="destination" hidden>{{ location.coords}}</p>
                    </div>
                </div>
            {% endfor %}
        {% endif %}
    </div>
{% endblock %}