{% extends 'base.html' %}
{% block content %}
<h1 class="h3 mb-3">{{ t('media') }}</h1>
<div class="card mb-3"><div class="card-body"><form method="post" enctype="multipart/form-data"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><label class="form-label">{{ t('upload_file') }}</label><div class="input-group"><input class="form-control" type="file" name="file" accept="image/jpeg,image/png,image/webp,video/mp4" required><button class="btn btn-primary">{{ t('upload') }}</button></div><div class="form-text">{{ t('upload_help') }}</div></form></div></div>
<div class="card"><div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>ID</th><th>{{ t('name') }}</th><th>Type</th><th>Size</th><th>Date</th><th></th></tr></thead><tbody>{% for f in files %}<tr><td>{{ f.id }}</td><td>{{ f.original_name }}</td><td>{{ f.file_type }}</td><td>{{ (f.size_bytes/1024/1024)|round(2) }} MB</td><td>{{ f.created_at }}</td><td><form method="post" action="{{ url_for('main.media_delete', media_id=f.id) }}" onsubmit="return confirm('Delete?')"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn btn-sm btn-outline-danger">{{ t('delete') }}</button></form></td></tr>{% else %}<tr><td colspan="6">No files</td></tr>{% endfor %}</tbody></table></div></div>
{% endblock %}