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

{% block title %}
  <title>MediaFiles List</title>
{% endblock %}

{% block content %}
  {% with msg=msg %}
    {% include "components/alerts.html" %}
  {% endwith %}
  <div class="container">
    <table class="table table-hover">
      <thead><tr>
        <th scope="col">Titel</th>
        <th scope="col">URL</th>
        <th scope="col">Cloudlink</th>
      </tr></thead>
      <tbody>
          {%  for mediafile in mediafiles %}
         <tr>
           <th scope="row"><a href="/media/files/{{mediafile.id}}">{{mediafile.title}}</a></th>
           <td>{{mediafile.url}}</td>
           <td>{{mediafile.cloud_link}}</td>
         </tr>
          {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}