{% extends "admin/layout.html" %}
{% let active_page = "media" %}

{% block title %}{{ t.media_upload_title }}{% endblock %}

{% block content %}
<div class="page-head">
    <h1>{{ t.media_upload_title }}</h1>
</div>

<div class="form-card">
    <div style="margin-bottom:1rem;font-size:0.9rem;color:#666;">
        <div><strong>{{ t.schedule_client }}:</strong> {{ client_name }}</div>
        <div><strong>{{ t.schedule_date }}:</strong> {{ visit_label }}</div>
    </div>

    <form method="post" action="/admin/media/{{ visit_id }}/upload/submit" enctype="multipart/form-data">
        <div class="field">
            <label class="label">{{ t.media_choose_files }}</label>
            <div class="control">
                <input class="input" type="file" name="files" multiple accept="image/*,video/*" required>
            </div>
        </div>

        <div class="field">
            <label class="label">{{ t.media_caption }}</label>
            <div class="control">
                <input class="input" type="text" name="caption" placeholder="{{ t.media_caption }}">
            </div>
        </div>

        <button type="submit" class="button is-primary is-fullwidth">{{ t.media_upload }}</button>
    </form>
</div>
{% endblock %}