{% load helpers %}
{% load i18n %}
<div class="card {% if object.conflicts %}border-danger{% endif %}">
  <h2 class="card-header {% if object.conflicts %}text-danger{% endif %}">{{ title }}</h2>
  {% if object.conflicts %}
    <table class="table table-hover mb-0">
      <thead>
        <tr>
          <th>{% trans "Field" %}</th>
          <th>{% trans "Branch" %}</th>
          <th>{% trans "Main" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for field in object.conflicts %}
          <tr>
            <td>
              <code>{{ field }}</code>
            </td>
            <td>
              {% if object.modified %}
                {{ object.modified|get_item:field|json }}
              {% else %}
                <span class="text-muted">{% trans "Deleted" %}</span>
              {% endif %}
            </td>
            <td>
              {% if object.current %}
                {{ object.current|get_item:field|json }}
              {% else %}
                <span class="text-muted">{% trans "Deleted" %}</span>
              {% endif %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <div class="card-body">
      <span class="text-success">
        <i class="mdi mdi-check-bold" aria-hidden="true"></i>
        {% trans "None" %}
      </span>
    </div>
  {% endif %}
</div>