{% 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 %}