{% 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">
          {% if item.kind == "video" %}
            <label class="form-label mt-3" for="transcode_profile">Video output profile</label>
            <select class="form-select" id="transcode_profile" name="transcode_profile">
              {% for value, label in [('original', 'Original dimensions'), ('1080p', 'Up to 1080p'), ('4k', 'Up to 4K')] %}
                <option value="{{ value }}" {% if request.form.get('transcode_profile', item.transcode_profile) == value %}selected{% endif %}>{{ label }}</option>
              {% endfor %}
            </select>
          {% endif %}
        {% 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.widget_type == "stream" %}HLS manifest URL
            {% 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>
          {% if item.widget_type == "stream" %}
            <label class="form-label mt-3" for="fallback_content_item_id">Offline fallback</label>
            <select class="form-select" id="fallback_content_item_id" name="fallback_content_item_id" required>
              {% for fallback in fallback_items %}
                <option value="{{ fallback.id }}" {% if request.form.get('fallback_content_item_id', stream_fallback.id if stream_fallback else '')|string == fallback.id|string %}selected{% endif %}>{{ fallback.title }} · {{ fallback.kind }}</option>
              {% endfor %}
            </select>
          {% endif %}
          {% if item.kind == "web" %}
            <div class="form-check mt-3">
              <input class="form-check-input" id="offline_snapshot_enabled" name="offline_snapshot_enabled" type="checkbox" {% if request.form.get('offline_snapshot_enabled') == 'on' or (request.method != 'POST' and item.offline_snapshot_enabled) %}checked{% endif %}>
              <label class="form-check-label" for="offline_snapshot_enabled">Capture an offline screenshot when publishing</label>
            </div>
          {% endif %}
        {% 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 %}