{% extends "base.html" %}
{% load i18n %}

{% block title %}{% trans "Baseline diff" %}{% endblock %}

{% block contents %}
<div class="container-fluid" id="requirements-project-baseline-diff">
  <div class="page-header">
    <h1>
      {% trans "Baseline diff" %}
      <small>{{ project.name }} · <code>{{ base.name }}</code> ↔ <code>{{ other.name }}</code></small>
    </h1>
    <div class="requirements-page-toolbar">
      <a href="{% url 'requirement-project-baseline-get' project.pk base.pk %}" class="btn btn-link">
        <i class="fa fa-arrow-left"></i> {% trans "Back to baseline" %}
      </a>
    </div>
  </div>

  <div class="row requirements-row-equal">
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">
            <span class="label label-success">+ {% trans "Added" %}</span>
            ({{ diff.added|length }})
          </h3>
        </div>
        <ul class="list-group">
          {% for s in diff.added %}
          <li class="list-group-item">
            <code>{{ s.identifier }}</code> — {{ s.title }}
          </li>
          {% empty %}
          <li class="list-group-item text-muted">{% trans "None." %}</li>
          {% endfor %}
        </ul>
      </div>
    </div>

    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">
            <span class="label label-danger">− {% trans "Removed" %}</span>
            ({{ diff.removed|length }})
          </h3>
        </div>
        <ul class="list-group">
          {% for s in diff.removed %}
          <li class="list-group-item">
            <code>{{ s.identifier }}</code> — {{ s.title }}
          </li>
          {% empty %}
          <li class="list-group-item text-muted">{% trans "None." %}</li>
          {% endfor %}
        </ul>
      </div>
    </div>

    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">
            <span class="label label-warning">~ {% trans "Modified" %}</span>
            ({{ diff.modified|length }})
          </h3>
        </div>
        <ul class="list-group">
          {% for m in diff.modified %}
          <li class="list-group-item">
            <code>{{ m.identifier }}</code>
            <ul class="list-unstyled small">
              {% for c in m.changes %}
              <li>
                <strong>{{ c.field }}</strong>:
                <del>{{ c.base|default:"—" }}</del> → <ins>{{ c.other|default:"—" }}</ins>
              </li>
              {% endfor %}
            </ul>
          </li>
          {% empty %}
          <li class="list-group-item text-muted">{% trans "None." %}</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>
{% endblock %}