{% extends "layout.html" %}
{% import 'macros.html' as macros with context %}

{% macro form_buttons() -%}
  <div class="command-buttons">
    <div class="float-right">
      <div class="btn-group" role="group">
        <button class="btn btn-primary" type="submit"
                name="action" value="{{entity.id}}">
          Save
        </button>
        <button class="btn btn-success" type="submit"
                name="action" value="next">
          Save &amp; next
        </button>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
{%- endmacro %}

{% block title %}{{entity.caption}}{% endblock %}

{% block body %}
  <h1>{{entity.caption}}</h1>
  <table class="table table-sm">
    {% for prop, values in entity._properties.items() %}
      {% if not prop.hidden %}
      <tr>
        <th width="20%">{{prop.label}}</th>
        <td>{{ macros.render_values(values) }}</td>
      </tr>
      {% endif -%}
    {% endfor %}
    <tr>
      <th>Metadata</th>
      <td>{{macros.render_context(entity.context)}}</td>
    </tr>
  </table>

  {% if matches | length %}
    <h3>Potential matches</h3>
    <form action="{{url_for('vote')}}" method='POST'>
      {{form_buttons()}}
      <table class="table table-sm">
        {% for match in matches %}
          <tr class="table-secondary">
            <th width="20%"></th>
            <th width="30%">Reference ({{entity.schema.name}})</th>
            <th width="30%">
              Candidate ({{match.candidate.schema.name}})
              <a href="{{url_for('entity', entity_id=match.candidate.id)}}">@</a>
            </th>
            <th width="5%">Score</th>
            <th width="3%">Yes</th>
            <th width="3%">No</th>
            <th width="3%">DK</th>
          </tr>
          {% for prop in match.properties %}
            <tr>
              <th>{{prop.prop.label}}</th>
              <td class="{{score_class(prop.score)}}">
                {{ macros.render_values(prop.entity) }}
              </td>
              <td class="{{score_class(prop.score)}}">
                {{ macros.render_values(prop.candidate) }}
              </td>
              {% if loop.first %}
                <th rowspan="{{match.properties | length}}">
                  {{ (match.score * 100) | round }}
                </th>
                <td rowspan="{{match.properties | length}}">
                  <input type="radio" name="{{match.id}}" {{valued_checked('t', match.judgement) | safe}}>
                </td>
                <td rowspan="{{match.properties | length}}">
                  <input type="radio" name="{{match.id}}" {{valued_checked('f', match.judgement) | safe}}>
                </td>
                <td rowspan="{{match.properties | length}}">
                  <input type="radio" name="{{match.id}}" {{valued_checked('?', match.judgement) | safe}}>
                </td>
              {% endif %}
            </tr>
          {% endfor -%}
          <tr>
            <th>Metadata</th>
            <td>{{macros.render_context(entity.context)}}</td>
            <td>{{macros.render_context(match.candidate.context)}}</td>
            <td colspan="4"></td>
          </tr>
        {% endfor -%}
      </table>
      {{form_buttons()}}
    </form>
  {% endif %}
{% endblock %}