{% extends "base.html" %}

{% block title %}Edit {{ item.title }} · LibreSignage{% endblock %}

{% block content %}
  <div class="mb-4">
    <a href="{{ url_for('content.index') }}">← Content library</a>
    <h1 class="mt-2 mb-1">Edit or replace {{ item.title }}</h1>
    <p class="text-body-secondary mb-0">
      Asset #{{ item.id }} · {{ item.display_kind }}
      · used in {{ usage.playlist_count }}
      {{ "playlist" if usage.playlist_count == 1 else "playlists" }}
    </p>
    {% if item.processing_status in ("pending", "processing") %}
      <div class="alert alert-info" role="status">
        This video is being converted in the background and will become
        playable automatically when processing finishes.
      </div>
    {% elif item.processing_status == "failed" %}
      <div class="alert alert-danger" role="alert">
        {{ item.processing_error or "Video conversion failed." }}
        Upload a replacement video to try again.
      </div>
    {% endif %}
  </div>

  <form method="post" enctype="multipart/form-data" class="card card-body">
    <div class="row g-4">
      <div class="col-lg-6">
        <h2 class="h5">Asset details</h2>
        <label class="form-label" for="title">Title</label>
        <input class="form-control mb-3" id="title" name="title" value="{{ request.form.get('title', item.title) }}" required>

        <label class="form-label" for="duration_seconds">Duration (seconds)</label>
        <input class="form-control mb-3" id="duration_seconds" name="duration_seconds" type="number" min="1" max="86400" value="{{ request.form.get('duration_seconds', item.duration_seconds) }}" required>

        <label class="form-label" for="folder">Folder</label>
        <input class="form-control mb-3" id="folder" name="folder" value="{{ request.form.get('folder', item.folder) }}" list="content-folders" maxlength="100">
        <datalist id="content-folders">
          {% for folder in folders %}<option value="{{ folder }}">{% endfor %}
        </datalist>

        <label class="form-label" for="tags">Tags</label>
        <input class="form-control mb-3" id="tags" name="tags" value="{{ request.form.get('tags', item.tags) }}" aria-describedby="tags-help">
        <div class="form-text mb-3" id="tags-help">Separate up to 10 tags with commas.</div>

        <label class="form-label" for="expires_on">Expiry date</label>
        <input class="form-control" id="expires_on" name="expires_on" type="date" value="{{ request.form.get('expires_on', item.expires_on or '') }}">
      </div>

      <div class="col-lg-6">
        <h2 class="h5">Replacement content</h2>
        {% if item.kind in ("image", "video", "pdf") %}
          <p class="text-body-secondary">
            Current managed file: {{ item.filename }}. Leave blank to keep it.
          </p>
          <label class="form-label" for="file">Replacement {{ item.kind }} file</label>
          <input class="form-control" id="file" name="file" type="file">
        {% elif item.template_slug %}
          <p class="text-body-secondary">
            Template design substitutions are preserved. This page updates its
            library organization and playback duration.
          </p>
          <input name="source" type="hidden" value="{{ item.source }}">
        {% else %}
          <label class="form-label" for="source">
            {% if item.widget_type == "clock" %}IANA timezone
            {% elif item.widget_type == "qr" %}Encoded website URL or vCard
            {% elif item.kind == "text" %}Text
            {% else %}URL{% endif %}
          </label>
          <textarea class="form-control" id="source" name="source" rows="{{ 5 if item.kind == 'text' else 2 }}" required>{{ request.form.get('source', item.source) }}</textarea>
        {% endif %}

        {% if usage.playlist_names %}
          <div class="alert alert-info mt-4" role="status">
            Replacing this asset preserves its position in:
            {{ usage.playlist_names|join(", ") }}.
          </div>
        {% endif %}
      </div>
    </div>

    <div class="mt-4">
      <button class="btn btn-primary" type="submit">Save without changing references</button>
    </div>
  </form>
{% endblock %}