{% extends "events/base.html" %}

{% block page_heading %}
    <h1>Events</h1>
{% endblock page_heading %}

{% block content %}
    <p>
        Find and register for professional development events throughout New Zealand.
        We plan to add the ability to search and filter events at a later stage.
    </p>

    <h2>Upcoming events</h2>
    {% for event in events %}
        {% include 'events/event_card.html' %}
    {% endfor %}

    {% with ratio='4by3' %}
        {% include "generic/map-element.html" %}
    {% endwith %}
{% endblock content %}

{% block scripts %}
    <script>
        var event_markers = {{ raw_map_locations|safe }};
    </script>
    {% include "generic/map-javascript.html" %}
{% endblock scripts %}

{% extends "events/base.html" %}

{% block page_heading %}
    <div class="d-flex justify-content-between align-items-center">
        <h1>Events</h1>
        {% if perms.events %}
            <a href="{% url 'admin:app_list' 'events' %}" class="btn btn-primary float-right">
                Open event hub admin
            </a>
        {% endif %}
    </div>
{% endblock page_heading %}

{% block content %}
    <p>
        Find and register for professional development events throughout New Zealand.
        We plan to add the ability to search and filter events at a later stage.
    </p>

    <h2>Upcoming events</h2>
    {% for event in events %}
        {% include 'events/event_card.html' %}
    {% endfor %}

    {% with ratio='4by3' %}
        {% include "generic/map-element.html" %}
    {% endwith %}
{% endblock content %}

{% block scripts %}
    <script>
        var event_markers = {{ raw_map_locations|safe }};
    </script>
    {% include "generic/map-javascript.html" %}
{% endblock scripts %}

Add button on event listing to event hub admin
Add button on event listing to event hub admin
