{% extends "base.html" %}
{% block title %}Version #{{ version.id }}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>Version #{{ version.id }}</h1>
    <p class="muted">Applied {{ version.created_at }} by {{ version.user }}{% if version.note %}: {{ version.note }}{% endif %}</p>
  </div>
  <form method="post" action="/history/{{ version.id }}/restore" onsubmit="return confirm('Restore version #{{ version.id }} and apply it now?');">
    <input type="hidden" name="csrf" value="{{ user.csrf }}">
    <button class="btn" type="submit" {{ 'disabled' if not diff }}>Restore and apply</button>
  </form>
</div>
<section class="card">
  <h2>Compared with the live config</h2>
  {% if diff %}
  <pre class="diff">{% for line in diff.splitlines() %}<span class="{{ 'add' if line.startswith('+') and not line.startswith('+++') else ('del' if line.startswith('-') and not line.startswith('---') else ('hunk' if line.startswith('@@') else '')) }}">{{ line }}</span>{% endfor %}</pre>
  {% else %}
  <p class="muted">Identical to the live config.</p>
  {% endif %}
</section>
<details class="card">
  <summary>Full config</summary>
  <pre class="config">{{ version.config }}</pre>
</details>
{% endblock %}