{% extends "base/base.html" %}
{% block main %}
<div id="buttons">
	{% if current_user.is_authenticated %}
	<div class="distribusi">
		<a href="/distribusi">
			<input type="button" name="button" value="Distribusi"></input>
		</a>
	</div>
	  {% if adminuser %}
	<div class="admin">
		<a href="/admin">
			<input type="button" name="button" value="Admin"></input>
		</a>
	</div>
		{% endif %}
	<div class="logout">
		<a href="/logout">
			<input type="button" name="button" value="Logout"></input>
		</a>
	</div>
	{% endif %}
	<div class="help">
		<a href="/help">
			<input type="button" name="button" value="Help"></input>
		</a>
	</div>
</div>
<div id="mainworkflow">
	<div class="distribusi_files">
		{% for id, describe_form in distribusi_file_forms.items() %}
		<div class="distribusi_file">
			{% if describe_form.type == "image" %}
				<img src="{{describe_form.file_path}}" alt="" data-src="{{describe_form.file_path}}" loading="lazy"/>
			{% elif describe_form.type == "video" %}
				<video src="{{describe_form.file_path}}" preload="auto" alt="" controls loading="lazy"></video>
			{% elif describe_form.type == "audio" %}
				<audio src="{{describe_form.file_path}}" preload="auto" alt="" controls loading="lazy"> </audio>
			{% else %}
				<a href="{{describe_form.file_path}}">file: {{describe_form.file_path}}</a>
			{% endif %}
			<form id={{id}} method="POST" enctype="multipart/form-data" action="{{ url_for('describer.describe_file', file_id=id) }}">
				{{ describe_form.csrf_token }}
				<p>File path: {{describe_form.file_path}}</p>
				<fieldset class="">
					{{ describe_form.description.label }}
					{{ describe_form.description }}
					{% for message in describe_form.description.errors %}
					<div class="error">{{ message }}</div>
					{% endfor %}
				</fieldset>
				<fieldset class="">
					{{ describe_form.searchtags.label }}
					{{ describe_form.searchtags }}
					{% for message in describe_form.searchtags.errors %}
					<div class="error">{{ message }}</div>
					{% endfor %}
				</fieldset>
				<fieldset class="">
					{{ describe_form.alttext.label }}
					{{ describe_form.alttext }}
					{% for message in describe_form.alttext.errors %}
					<div class="error">{{ message }}</div>
					{% endfor %}
				</fieldset>
				<fieldset class="button">
					{{ describe_form.save }}
				</fieldset>
			</form>
		</div>
		{% endfor%}
	</div>
</div>
{% endblock %}