{% extends "base.html" %}
{% import "repo_tabs.html" as m %}
{% block title %}Resolve {{ path }} · {{ repo.owner }}/{{ repo.name }}{% endblock %}
{% block bodyattrs %} data-repo="{{ repo.url }}"{% endblock %}
{% block tabs %}{% call m::tabs(repo, "conflicts") %}{% endblock %}
{% block mainclass %} class="wide"{% endblock %}
{% block content %}
<div class="head"><h1>Resolve <code>{{ path }}</code> <small>on <span class="lbl lbl-bm">{{ bookmark }}</span></small></h1>
<p class="small mute">Choose what each conflict keeps. The file is put back together around the lines no one disagrees on and committed to {{ bookmark }} as a resolution: it depends on every change that wrote a side, so no side is lost from history. Link to a conflict with its <code>#region-N</code>.</p></div>
<p class="small"><a href="{{ vscode }}">Resolve in VS Code</a> <span class="mute">(with the Oxygen extension: it opens your checkout on {{ bookmark }}, or offers to clone it)</span></p>
{% if let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}
{% if let Some(d) = delegation %}<p class="error">{{ d }}</p>{% endif %}
<p class="small" data-live-present hidden></p>
<div class="strip" data-live-landed hidden></div>
<form method="post" action="{{ repo.url }}/resolve/{{ bookmark }}/{{ path }}" data-resolve-live="{{ repo.url }}/resolve-live/{{ bookmark }}/{{ path }}" data-csrf="{{ shell.csrf }}">
<input type="hidden" name="_csrf" value="{{ shell.csrf }}">
<input type="hidden" name="state" value="{{ state }}">
{% for p in pieces %}
{% match p %}
{% when crate::web::resolve::Piece::Plain with (text) %}
<pre class="marked context">{{ text }}</pre>
{% when crate::web::resolve::Piece::Region with (r) %}
<section class="file-diff conflict-region" id="region-{{ r.n }}">
  <header><a href="#region-{{ r.n }}"><strong>Conflict {{ r.n }}</strong></a> <span class="small mute">{{ r.sides.len() }} sides</span></header>
  {% for s in r.sides %}
  <div class="side">
    <label><input type="radio" name="r{{ r.n }}" value="side{{ loop.index }}"{% if loop.first %} checked{% endif %}> keep side {{ loop.index }} <span class="small mute">{{ s.label }}</span></label>
    {% if s.deletion %}<p class="small mute">Keeping this side keeps the deletion of these lines:</p>{% endif %}
    <pre class="marked{% if s.deletion %} deleted{% endif %}">{{ s.text }}</pre>
  </div>
  {% endfor %}
  <div class="choice">
    <label><input type="radio" name="r{{ r.n }}" value="all"> keep every side, in order</label>
    <label><input type="radio" name="r{{ r.n }}" value="none"> keep none</label>
    <label><input type="radio" name="r{{ r.n }}" value="text"> write it myself:</label>
  </div>
  <textarea name="t{{ r.n }}" rows="{{ r.all().lines().count() + 1 }}" aria-label="Your text for conflict {{ r.n }}">{{ r.all() }}</textarea>
</section>
{% endmatch %}
{% endfor %}
<label for="message">Message</label><input type="text" id="message" name="message" value="{{ message }}">
<button type="submit">COMMIT RESOLUTION</button>
</form>
{% endblock %}