{% extends "base.html" %}
{% block title %}History for {{ item.title }} · LibreSignage{% endblock %}
{% block content %}
  <a href="{{ url_for('content.edit_template_item', item_id=item.id) }}">← Edit template</a>
  <h1 class="mt-2">Version history</h1>
  <p class="text-body-secondary">{{ item.title }} · immutable snapshots; restoring creates a new version.</p>
  <div class="vstack gap-3">
    {% for version in versions %}<article class="card card-body">
      <div class="d-flex flex-wrap justify-content-between gap-3"><div><h2 class="h5 mb-1">Version {{ version.version }}</h2><p class="mb-0">{{ version.reason }} by {{ version.actor_username }} · {{ version.created_at }}</p></div>
      <div class="d-flex gap-2"><a class="btn btn-sm btn-outline-secondary" href="{{ url_for('content.preview_template_version', item_id=item.id, version=version.version) }}">Visual preview</a><form method="post" action="{{ url_for('content.restore_template_version', item_id=item.id, version=version.version) }}"><button class="btn btn-sm btn-outline-primary" type="submit">Restore as new version</button></form></div></div>
      <details class="mt-2"><summary>Preview saved values</summary><pre class="mt-2 mb-0 text-wrap">{{ version.snapshot.template_data }}</pre></details>
    </article>{% endfor %}
  </div>
{% endblock %}