{% extends "base.html" %}

{% import "repo_tabs.html" as m %}

{% block title %}Compare {{ cmp.base.short_label() }}...{{ cmp.head.short_label() }} · {{ repo.owner }}/{{ repo.name }}{% endblock %}

{% block bodyattrs %} data-repo="{{ repo.url }}"{% endblock %}

{% block tabs %}{% call m::tabs(repo, "changes") %}{% endblock %}

{% block mainclass %} class="wide"{% endblock %}

{% block content %}

<div class="head"><h1>Compare <small>{{ cmp.base.short_label() }} … {{ cmp.head.short_label() }}</small></h1></div>

<form class="compare-bar" method="get" action="{{ repo.url }}/compare">

  <label>base <input type="text" name="base" value="{{ base_spec }}" list="compare-refs" aria-label="Base: bookmark, tag, change or state" required></label>

  <a class="swap" href="{{ repo.url }}/compare/{{ head_spec }}...{{ base_spec }}" title="Swap the two sides" aria-label="Swap the two sides">⇄</a>

  <label>head <input type="text" name="head" value="{{ head_spec }}" list="compare-refs" aria-label="Head: bookmark, tag, change or state" required></label>

  <button type="submit">COMPARE</button>

  {% if let Some(p) = propose %}{% if let Some(n) = p.existing %}<a class="go small" href="{{ repo.url }}/proposal/{{ n }}">proposal #{{ n }} is open</a>{% else %}<a class="go" href="{{ p.url }}">Propose this</a>{% endif %}{% endif %}

  <datalist id="compare-refs">{% for b in bookmarks %}<option value="{{ b }}">bookmark</option>{% endfor %}{% for t in tags %}<option value="{{ t }}">tag</option>{% endfor %}</datalist>

</form>

<p class="lead">{{ cmp.added.len()|plural("change", "changes") }} in <strong>{{ cmp.head.label }}</strong> not in <strong>{{ cmp.base.label }}</strong>{% if cmp.missing > 0 %}; {{ cmp.missing }} the other way{% endif %}. {{ files.len()|plural("file", "files") }} differ between the two states.</p>

{% for c in cmp.added %}{% call m::change_row(repo, c) %}{% endfor %}

{% call m::diff(files, ignore_ws, "") %}

{% endblock %}