{% extends "base.html" %}
{% block title %}{{ t('Code History') }}{% endblock %}
{% block content %}
<div class="page-head"><div><h1>{{ t('Code History') }}</h1>
  <small>{{ t('Every saved change, with what it replaced. Restoring is itself saved as a change, so it can be undone too.') }}</small></div>
  <div class="actions"><a class="btn ghost" href="{{ url_for('code.index') }}">{{ t('Code Editor') }}</a>
    {% if change %}<a class="btn ghost" href="{{ url_for('code.history') }}">{{ t('All changes') }}</a>{% endif %}</div></div>
{% if change %}
<div class="card">
  <p style="margin-top:0"><b>#{{ change.id }}</b> · <code>{{ change.path }}</code> · {{ change.username or '' }} · {{ change.at.replace('T', ' ') }}
    {% if change.note %}<br><span class="muted">{{ change.note }}</span>{% endif %}</p>
  <pre style="direction:ltr;text-align:left;background:var(--surface-2);padding:10px;border-radius:8px;overflow:auto;max-height:60vh;font-size:12.5px">{% for l in diff %}{% if l.startswith('+') and not l.startswith('+++') %}<span style="background:rgba(22,163,74,.18);display:block">{{ l }}</span>{% elif l.startswith('-') and not l.startswith('---') %}<span style="background:rgba(220,38,38,.18);display:block">{{ l }}</span>{% elif l.startswith('@@') %}<span style="color:var(--muted);display:block">{{ l }}</span>{% else %}<span style="display:block">{{ l }}</span>{% endif %}{% else %}{{ t('No differences.') }}{% endfor %}</pre>
  <div class="actions" style="margin-top:10px">
    <a class="btn ghost" href="{{ url_for('code.index', path=change.path) }}">{{ t('Open file') }}</a>
    <form method="post" action="{{ url_for('code.restore', cid=change.id) }}" class="inline"
          onsubmit="return confirm('{{ t('Put the file back to how it was before this change?') }}')">
      <button class="btn">{{ t('Restore the version before this change') }}</button></form></div>
</div>
{% else %}
<div class="card flush"><table><thead><tr><th>#</th><th>{{ t('File') }}</th><th>{{ t('Note') }}</th><th>{{ t('By') }}</th><th>{{ t('When') }}</th></tr></thead><tbody>
  {% for r in rows %}<tr><td><a href="{{ url_for('code.change', cid=r.id) }}">{{ r.id }}</a></td><td><a href="{{ url_for('code.change', cid=r.id) }}"><code>{{ r.path }}</code></a></td>
    <td>{{ r.note or '' }}</td><td>{{ r.username or '' }}</td><td class="num">{{ r.at.replace('T', ' ') }}</td></tr>
  {% else %}<tr><td class="empty" colspan="5">{{ t('No changes yet.') }}</td></tr>{% endfor %}</tbody></table></div>
{% endif %}
{% endblock %}