{% extends 'base.html' %}

{% block header %}
<h1>{% block title %}Media Gallery{% endblock %}</h1>
{% endblock %}
{% block content %}
{% for media in medias%}
<div class="card">
  {% if media.media_type.startswith('image') %}
    <img class="gallery-image"
        src="{{url_for('media.download_media',id=media.id,extension=media.media_type.split('/')[-1])}}">
  {% endif %}


    <a href="{{url_for('media.show_media',id=media.id)}}">Show Details</a>
</div>



{% endfor %}


{% endblock %}