{% extends "base.html" %}
{% load i18n %}

{% block content %}
    <h2>{% trans "Miejsca" %}</h2>
    <ul>
        {% for location in location_list %}
            <li class="item">
                <a href="{% url "location_detail" slug=location.slug %}"
                data-popup-url="{% url "location_detail_popup" slug=location.slug %}"
                data-popup-title="{{ location.title|escape }}">
                    {{ location.title }}
                </a>
            </li>
        {% endfor %}
    </ul>
{% endblock %}

{% block extrabody %}
    <div id="popup" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Tytuł okna dialogowego</h4>
                </div>
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>
    <script src="{{ STATIC_URL }}site/js/location_list.js"></script>
{% endblock %}