{% extends "ledger/base.html" %}
{% block title %}Merchants{% endblock %}
{% block content %}
<div class="pagehead"><h1>Merchants</h1>
  <form method="get" class="row"><input name="q" placeholder="Search merchants or aliases" value="{{ q }}"><button class="btn small">Search</button></form></div>
<p class="muted">Renaming keeps the old name as an alias, so future statements keep landing here. Merging moves every transaction and alias to the target.</p>
<table class="table card">
  <thead><tr><th>Merchant</th><th>Seen as</th><th class="num">Txns</th><th>Rename</th><th>Merge into</th></tr></thead>
  <tbody>
  {% for m in merchants %}
    <tr>
      <td><strong>{{ m.name }}</strong></td>
      <td class="muted small">{% for a in m.aliases.all %}{{ a.alias }}{% if not forloop.last %}, {% endif %}{% endfor %}</td>
      <td class="num">{{ m.n }}</td>
      <td><form method="post" class="row">{% csrf_token %}<input type="hidden" name="id" value="{{ m.id }}"><input type="hidden" name="action" value="rename"><input name="name" placeholder="New name" size="14"><button class="btn small ghost">Rename</button></form></td>
      <td><form method="post" class="row">{% csrf_token %}<input type="hidden" name="id" value="{{ m.id }}"><input type="hidden" name="action" value="merge">
        <select name="target">{% for o in all_merchants %}{% if o.id != m.id %}<option value="{{ o.id }}">{{ o.name }}</option>{% endif %}{% endfor %}</select><button class="btn small ghost">Merge</button></form></td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}