{% extends "base.html" %}
{% import "macros.html" as m %}
{% block title %}Messages{% endblock %}
{% block content %}
<h1>Messages ({{ rows | length }}){% if q %} matching &ldquo;{{ q }}&rdquo;{% endif %}</h1>
<p class="small">Every outbound interaction with a body. Outcome: what you set on the message, else <strong>{{ outcomes[0] }}</strong> when a reply from the same contact was logged afterwards, <strong>{{ outcomes[-1] }}</strong> when nothing came back within {{ window }} days, <strong>unknown</strong> until then.
  Totals: {% for s in message_statuses %}{{ counts.get(s, 0) }} {{ s }}{% if not loop.last %} &middot; {% endif %}{% endfor %}.</p>
<form class="inline search" action="/messages" method="get">
  <input name="q" value="{{ q }}" placeholder="Search message text, company, contact">
  <button type="submit">Search</button>
</form>
{{ m.filter_form('message-filters', '/messages', active, q, sort, dir) }}
<table class="filterable messages">
  <tr>{% for col in filter_columns %}<th>{{ col.label }} {{ m.sort_links(col, sort, dir, sort_url) }}</th>{% endfor %}<th></th></tr>
  <tr class="filters">{% for col in filter_columns %}<th>{{ m.filter_control(col, active, 'message-filters') }}</th>{% endfor %}<th></th></tr>
  {% for r in rows %}
  <tr>
    <td class="nowrap">{{ fmt_datetime(r.date).replace('T', ' ') }}</td>
    <td><a href="/companies/{{ r.company_slug }}">{{ r.company_name }}</a></td>
    <td>{% if r.contact_slug %}<a href="/companies/{{ r.company_slug }}/contacts/{{ r.contact_slug }}">{{ r.contact }}</a>{% else %}{{ r.contact }}{% endif %}</td>
    <td>{{ r.channel }}</td>
    <td>{{ r.country }}</td>
    <td>{{ r.stage }}</td>
    <td class="outcome-{{ r.status | slug }}">{{ r.status }}{% if not r.explicit and r.status != 'unknown' %} <span class="small">(auto)</span>{% endif %}</td>
    <td>{{ r.uses }}</td>
    {% for f in custom_fields_for('interaction') if f.shows_in('messages') %}
    <td>{{ f.display(r.extra.get(f.key)) }}</td>
    {% endfor %}
    {# Closed: the one-line preview. Open: the full text only, with a "hide" label in the summary (CSS swaps them). #}
    <td class="message"><details><summary><span class="preview">{{ r.preview[:110] }}{% if r.preview | length > 110 %}&hellip;{% endif %}</span><span class="hide">hide</span></summary><pre>{{ r.body }}</pre></details></td>
    <td class="actions nowrap">
      {% for value in outcomes + [''] if value != r.explicit %}
      <form method="post" action="/companies/{{ r.company_slug }}/interactions/{{ r.id }}/outcome" class="inline">
        <input type="hidden" name="outcome" value="{{ value }}"><button type="submit">{{ value | capitalize if value else 'Unknown' }}</button>
      </form>
      {% endfor %}
      <a href="/companies/{{ r.company_slug }}/interactions/{{ r.id }}/edit">edit</a>
    </td>
  </tr>
  {% else %}
  <tr><td colspan="{{ filter_columns | length }}" class="empty">No messages logged yet. Log an outbound interaction with a body and it shows up here.</td></tr>
  {% endfor %}
</table>
{% endblock %}