<%- include('partials/head') %>
<div id="refine-groups-app">
  <p v-if="error" class="banner error">{{ error }}</p>
  <div class="head-row">
    <h1>Duplicate groups <small>({{ total }})</small></h1>
    <a href="/refine">← Refine home</a>
  </div>
  <div class="filters">
    <label>Type
      <select v-model="kind" @change="reload">
        <option value="">all</option>
        <option value="same_bmdc">same BMDC number</option>
        <option value="one_bmdc">one BMDC number</option>
        <option value="no_bmdc">no BMDC number</option>
        <option value="conflict">different BMDC numbers</option>
      </select>
    </label>
    <label>State
      <select v-model="state" @change="reload">
        <option value="open">open (to review)</option>
        <option value="skipped">skipped</option>
        <option value="not_same">not the same person</option>
        <option value="merged">merged</option>
        <option value="all">all</option>
      </select>
    </label>
    <label>Likelihood
      <select v-model="minScore" @change="reload">
        <option value="">any</option>
        <option value="60">likely the same (60+)</option>
        <option value="35">worth a look (35+)</option>
      </select>
    </label>
  </div>

  <p v-if="loaded && !items.length" class="muted">No groups here.</p>
  <table v-if="items.length" class="table">
    <thead><tr><th style="width:210px">Evidence</th><th>Doctors</th><th style="width:70px">Size</th><th style="width:150px">Type</th><th style="width:100px"></th></tr></thead>
    <tbody>
      <tr v-for="g in items" :key="g.group_id">
        <td><span :class="['badge-s', g.suggestion]">{{ label[g.suggestion] }}</span> <span class="muted">{{ g.score }}</span></td>
        <td><a :href="groupHref(g)"><b>{{ g.names.join(' · ') }}</b></a><span v-if="g.member_count > g.names.length" class="muted"> +{{ g.member_count - g.names.length }} more</span></td>
        <td>{{ g.member_count }}</td>
        <td><span class="pill">{{ kindLabel[g.kind] }}</span> <span v-if="g.state !== 'open'" :class="['pill', g.state]">{{ g.state }}</span></td>
        <td><a class="btn primary" :href="groupHref(g)">{{ g.state === 'open' ? 'Review' : 'Open' }}</a></td>
      </tr>
    </tbody>
  </table>
  <div class="pager">
    <button class="btn" :disabled="page <= 1" @click="go(page - 1)">‹ Prev</button>
    <span>Page {{ page }} of {{ pages }}</span>
    <button class="btn" :disabled="page >= pages" @click="go(page + 1)">Next ›</button>
  </div>
</div>
<%- include('partials/foot') %>
<script src="/static/refine-groups.js"></script>
</body></html>
