{% extends 'base.html' %}

{% block header %}
<h1>{% block title %}Media Details{% endblock %}</h1>
{% endblock %}

{% block content %}

{% if media.media_type.startswith('image') %}
<img class="thumbnail" src="{{url_for('media.download_media',id=media.id,extension=extension)}}" alt="{{media.description}}" />
{% endif %}

<table>
    <tr>
        <th>Id</th>
        <td>{{media.id}}</td>
    </tr>
    <tr>
        <th>Name</th>
        <td>{{media.name}}</td>
    </tr>
    <tr>
        <th>Media Type</th>
        <td>{{media.media_type}}</td>
    </tr>
    <tr>
        <th>Description</th>
        <td>{{media.description}}</td>
    </tr>
    <tr>
        <th>Attribution</th>
        <td>
            
            {{media.attribution_notice}} 
            {% if media.source_url or media.license_url %} 
            (
                {% if media.source_url %} 
                <a href="{{media.source_url}}">Source</a>
                {% endif %}
                {{',' if media.source_url and media.license_url }} 
                {% if media.license_url %} 
                <a href="{{media.license_url}}">License</a>
                {% endif %}
            )
            {% endif %}

        </td>
    </tr>
    <tr>
        <th>Uploaded</th>
        <td>{{media.created}} by {{media.actor}}</td>
    </tr>
</table>

<form method="post" action="{{url_for('media.delete_media',id=media.id)}}">

    <input type="hidden" name="csrf-check" value="{{csrf_check}}" required/>

    <button type="submit" name="action" value="delete" class="button">Delete</button>
</form>

{% endblock %}