{% extends "base.html" %}

{% block main %}
<div id="home_content">
<h2 class="header">Index</h2>

  <div class="locations_list">
    {% for location in locations %}
      <div class="row">
        <div>{{location.id}}</div> 
        <div>{{location.longitude}}, {{location.latitude}}</div>
        <div>{{location.message if location.loc_type == "message"}}{{location.message if location.loc_type == "audio"}}</div>
        <div>
          {% if location.loc_type == "audio" %}
          
          <audio id="audio-player" controls="" src="uploads/{{location.audio}}" type="audio/mp3"></audio>
          {% endif %}
        </div>
        <div>
          <a class="delete_btn" href="location/{{location.id}}/delete">delete</a>
        </div>
      </div>
    {% endfor %}
  </div>
</div>

{% endblock main %}
{% block js %}

<script>

    </script>

{% endblock js %}