{% extends "base.html" %}
{#- The unified diff between two versions of a document. Expects: project, doc, lines,
    versions, from_version, to_version. Lines are escaped text, never rendered markdown. -#}
{%- macro line_class(line) -%}
{%- if line.startswith("+++") or line.startswith("---") -%}diff-file
{%- elif line.startswith("@@") -%}diff-hunk
{%- elif line.startswith("+") -%}diff-add
{%- elif line.startswith("-") -%}diff-del
{%- else -%}diff-same{%- endif -%}
{%- endmacro %}
{% block title %}Diff v{{ from_version }} → v{{ to_version }} · {{ doc.title }} · relaybay{% endblock %}
{% block crumbs %}<span class="crumb-sep">/</span><a class="crumb" href="/p/{{ project.slug }}">{{ project.name }}</a><span class="crumb-sep">/</span><a class="crumb" href="/p/{{ project.slug }}/docs">Docs &amp; rules</a><span class="crumb-sep">/</span><a class="crumb" href="/p/{{ project.slug }}/docs/{{ doc.slug }}">{{ doc.slug }}</a><span class="crumb-sep">/</span><span class="crumb">diff</span>{% endblock %}
{% block content %}
<main class="page" id="live" hx-ext="sse" sse-connect="/events" data-last-event-id="{{ last_event_id }}" data-project="{{ project.slug }}">
  <div class="page-head">
    <h1>{{ doc.title }}: v{{ from_version }} → v{{ to_version }}</h1>
    <a class="action" href="/p/{{ project.slug }}/docs/{{ doc.slug }}">Current version</a>
  </div>
  <form class="doc-diff-form" method="get" action="/p/{{ project.slug }}/docs/{{ doc.slug }}/diff">
    <label class="field-inline">Compare <select name="from">{% for v in versions %}<option value="{{ v.version }}"{% if v.version == from_version %} selected{% endif %}>v{{ v.version }}</option>{% endfor %}</select></label>
    <label class="field-inline">with <select name="to">{% for v in versions %}<option value="{{ v.version }}"{% if v.version == to_version %} selected{% endif %}>v{{ v.version }}</option>{% endfor %}</select></label>
    <button type="submit" class="btn">Show diff</button>
  </form>
  {% if lines %}
  <pre class="panel diff">{% for line in lines %}<span class="{{ line_class(line) }}">{{ line }}</span>{% endfor %}</pre>
  {% else %}
  <div class="empty"><p>The two versions have the same text.</p></div>
  {% endif %}
</main>
{% endblock %}