{% extends "base.html" %}
{% block title %}Internes Material · FireDB Medienportal{% endblock %}
{% block content %}
<div class="page-heading page-heading-row"><div><p class="eyebrow">Interner Arbeitsbereich</p><h1>Internes Material</h1><p>Bilder und Videos für Pressesprecher und Pressesprecher-Team.</p></div><button class="button button-primary material-upload-open" type="button" onclick="document.getElementById('upload-dialog').showModal()">Upload</button></div>
<div class="material-layout">
 <aside class="folder-panel"><h2>Ordner</h2><a class="folder-link {% if not selected %}active{% endif %}" href="{{ request.scope.get('root_path', '') }}/internal-material">Alle Dateien</a>
 {% for folder in folders %}<a class="folder-link {% if selected and selected.id == folder.id %}active{% endif %}" href="{{ request.scope.get('root_path', '') }}/internal-material?folder={{ folder.id }}">📁 {{ folder.name }}</a>{% endfor %}
 <form method="post" action="{{ request.scope.get('root_path', '') }}/internal-material/folders"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><input type="hidden" name="parent_id" value="{{ selected.id if selected else '' }}"><label>Neuer Unterordner<input name="name" maxlength="160" required placeholder="Ordnername"></label><button class="button button-secondary button-block">Ordner anlegen</button></form></aside>
 <section class="material-panel"><header><div><h2>{{ selected.name if selected else 'Hauptordner' }}</h2><span>{{ assets|length }} Dateien</span></div></header>
 <div class="material-table"><div class="material-row material-head"><span>Name</span><span>Upload</span><span>Uploader</span><span>Größe</span><span></span></div>
 {% for asset in assets %}<div class="material-row"><span><strong>{{ '🎬' if asset.media_type.startswith('video/') else '🖼️' }} {{ asset.original_filename }}</strong><small>{{ asset.media_type }}</small></span><span>{{ asset.uploaded_at.strftime('%d.%m.%Y %H:%M') }}</span><span>{% set uploader=uploaders.get(asset.uploaded_by) %}{{ (uploader.first_name ~ ' ' ~ uploader.last_name) if uploader else 'Unbekannt' }}</span><span>{{ '%.1f MB'|format(asset.size_bytes / 1048576) if asset.size_bytes >= 1048576 else '%.0f KB'|format(asset.size_bytes / 1024) }}</span><a class="button button-secondary button-small" href="{{ request.scope.get('root_path', '') }}/internal-material/files/{{ asset.id }}/download">Download</a></div>
 {% else %}<div class="empty-compact material-empty">In diesem Ordner sind noch keine Dateien vorhanden.</div>{% endfor %}</div></section>
</div>
<dialog id="upload-dialog" class="upload-dialog"><form method="post" action="{{ request.scope.get('root_path', '') }}/internal-material/upload" enctype="multipart/form-data"><input type="hidden" name="csrf_token" value="{{ csrf_token }}"><header><h2>Datei hochladen</h2><button type="button" onclick="this.closest('dialog').close()" aria-label="Schließen">×</button></header><label>Datei<input name="upload" type="file" accept="image/jpeg,image/png,image/webp,video/mp4,video/webm" required><small>JPEG, PNG, WebP, MP4 oder WebM · maximal {{ (max_upload_bytes / 1073741824)|round(1) }} GB</small></label><label>Zielordner<select name="folder_id"><option value="">Hauptordner</option>{% for folder in folders %}<option value="{{ folder.id }}" {% if selected and selected.id == folder.id %}selected{% endif %}>{{ folder.name }}</option>{% endfor %}</select></label><div class="form-actions"><button class="button button-secondary" type="button" onclick="this.closest('dialog').close()">Abbrechen</button><button class="button button-primary" type="submit">Upload starten</button></div></form></dialog>
{% endblock %}