{% from "_macros.html" import state_label %}
{#- the fixed texts of the rows, translated once instead of once per row (half the time
    this table takes to render) #}
{%- set t = {
  'serial': _('Serial'), 'network': _('Network'), 'state': _('State'), 'clients': _('Clients'),
  'in_out': _('In / Out'), 'disabled': _('disabled'), 'opened_now': _('device opened now'),
  'bridge': _('serial↔serial'), 'read_only': _('read-only'), 'priority': _('priority'),
  'cmd_open': _('writable points take MQTT commands over a broker connection without TLS or a username: any client the broker lets publish to the command topics can write them'),
  'cmd': _('writable points take MQTT commands (/set or Sparkplug DCMD)'),
  'tx_open': _('MQTT messages on <topic>/tx are written to the device over a broker connection without TLS or a username: any client the broker lets publish to that topic can write to it'),
  'tx': _('MQTT messages on <topic>/tx are written to the device'),
  'link_down': _('link down'), 'connecting': _('connecting'), 'retrying_now': _('retrying now'),
  'link_down_title': _('the connection to the remote server is down; it is tried again'),
  'dropped': _('data from the network that was not written to the serial device; the mapping’s log says why'),
  'trace_not_written': _('trace not written'),
  'units_offline': _('polled Modbus units that gave no reply to any of their points in 3 polls in a row; they are polled with one point per cycle until they answer (see the mapping’s log)'),
  'mqtt_down': _('the mapping’s connection to its MQTT broker; it keeps trying (see the mapping’s log)'),
  'mqtt_off': _('MQTT publishing could not start (see the mapping’s log)'),
  'stop': _('Stop'), 'restart': _('Restart'), 'start': _('Start'), 'edit': _('Edit'), 'log': _('Log'),
  'monitor': _('Monitor'), 'trace': _('Trace'), 'duplicate': _('Copy'), 'delete': _('Delete'),
} %}
<div class="table-scroll">
<table class="grid list stackable">
  <thead>
    <tr>
      <th>{{ _("Name") }}</th><th>{{ t.serial }}</th><th>{{ t.network }}</th>
      <th>{{ t.state }}</th><th>{{ t.clients }}</th><th title="{{ _('In: bytes read from the serial device · Out: bytes written to it (serial↔serial: A → B / B → A)') }}">{{ t.in_out }}</th><th class="col-actions"></th>
    </tr>
  </thead>
  <tbody>
  {% for m in mappings %}
    {% set st = statuses.get(m.id) %}
    {% set state = st.state if st else ('stopped' if not m.enabled else 'stopped') %}
    {% set link_down = st and st.link == 'down' %}
    {% set problem = state in ('error', 'device-missing', 'reconnecting') or link_down %}
    {#- data-search: folded as app.js folds what is typed (İ/ı/I/i one letter, no accents);
        data-name as it is (sorted by the browser, in the page's language) #}
    <tr data-mid="{{ m.id }}" data-name="{{ m.name }}" data-state="{{ 'problem' if problem else state }}"
        data-search="{{ (m.name ~ ' ' ~ m.serial.port ~ ' ' ~ m.serial_b.port ~ ' ' ~ m.network.bind_ip ~ ' ' ~ m.network.bind_shown ~ ':' ~ m.network.port ~ ' ' ~ m.network.remote_host ~ ' ' ~ m.network.protocol ~ ' ' ~ (st.device if st else ''))|searchkey }}"
        data-port="{{ m.network.port if m.kind == 'net' and m.network.mode != 'client' else m.network.remote_port }}"
        data-clients="{{ st.client_count|default(0) if st else 0 }}">
      {# the ids: htmx puts the keyboard focus back on a control after the table's 2-second
         refresh; every row button is described by the mapping's name (screen readers) #}
      {% set rid = 'm-' ~ m.id %}
      <td class="col-name">{% if can_edit %}<input type="checkbox" class="row-select" id="{{ rid }}-select" value="{{ m.id }}" aria-label="{{ _('select %(name)s', name=m.name) }}"> {% endif %}<span id="{{ rid }}-name">{{ m.name|softbreak }}</span>{% if not m.enabled %} <span class="tag">{{ t.disabled }}</span>{% endif %}</td>
      <td data-label="{{ t.serial }}">
        <div class="mono">{{ m.serial.port|softbreak }}{% if m.serial.identity %} <span class="tag" title="{{ _('found by its USB identity %(id)s', id=identity_text(m.serial.match)) }}">USB-ID</span>{% endif %}</div>
        {% if st and st.device and st.device != m.serial.port %}<div class="sub mono" title="{{ t.opened_now }}">→ {{ st.device|softbreak }}</div>{% endif %}
        <div class="sub mono">{{ m.serial.compact() }}{% if m.serial.flowcontrol != 'none' %} · {{ m.serial.flowcontrol }}{% endif %}</div>
      </td>
      <td data-label="{{ t.network }}">
        <div class="mono">
          {%- if m.kind == 'serialbridge' -%}{{ m.serial_b.port|softbreak }}
          {%- elif m.network.mode == 'client' -%}→ {{ shown_host(m.network.remote_host)|softbreak }}:<wbr>{{ m.network.remote_port }}
          {%- elif m.network.both_families -%}<span title="{{ _('All interfaces (IPv4 + IPv6)') }}">*</span>:<wbr>{{ m.network.port }}
          {%- else -%}{{ m.network.bind_shown|softbreak }}:<wbr>{{ m.network.port }}{%- endif -%}
        </div>
        <div class="sub">
          {%- if m.kind == 'serialbridge' -%}{{ t.bridge }}
          {%- else -%}{{ m.network.mode }}/{{ m.network.protocol }}
            {%- if m.network.tls %} <span class="tag">TLS</span>{% endif %}
            {%- if m.network.read_only %} <span class="tag" title="{{ t.read_only }}">RO</span>{% endif %}
            {%- if m.accepts_mqtt_writes %}{% set open_cmd = not (m.mqtt.tls and m.mqtt.username) %} <span class="tag{% if open_cmd %} tag-danger{% endif %}" title="{{ t.cmd_open if open_cmd else t.cmd }}">CMD{% if open_cmd %} ⚠{% endif %}</span>
            {%- elif m.accepts_mqtt_tx %}{% set open_cmd = not (m.mqtt.tls and m.mqtt.username) %} <span class="tag{% if open_cmd %} tag-danger{% endif %}" title="{{ t.tx_open if open_cmd else t.tx }}">CMD{% if open_cmd %} ⚠{% endif %}</span>{% endif %}
          {%- endif -%}
        </div>
      </td>
      <td data-label="{{ t.state }}">
        <span class="state state-{{ state }}">{{ state_label(state) }}</span>
        {%- if link_down %} <span class="tag tag-warn" title="{{ t.link_down_title }}">{{ t.link_down }}</span>
        {%- elif st and st.link == 'connecting' and state == 'running' %} <span class="tag">{{ t.connecting }}</span>{% endif %}
        {% if st and st.last_error and state in ('error','device-missing','reconnecting')
              and not (link_down and st.last_error == st.link_error) %}
          {#- what it means in the page's language; the error itself in the tooltip. With
              state "error" a hint is why the system refused the listener's port and what to
              do (the supervisor sets it at each failed start): it says that instead (a
              general "ports below 1024" would be wrong on Windows) #}
          {%- set bind_hint = st.hint if state == 'error' else '' %}
          <div class="err-small" title="{{ st.last_error }}">{{ (bind_hint or st.last_error|explain or st.last_error)|softbreak }}</div>
          {#- a serial port's hint (device-missing / reconnecting): what to do, under it #}
          {% if st.hint and not bind_hint %}<div class="warn-small" title="{{ st.hint }}">{{ st.hint|softbreak }}</div>{% endif %}
        {% endif %}
        {% if link_down and st.link_error %}
          <div class="err-small" title="{{ st.link_error }}">{{ (st.link_error|explain or st.link_error)|softbreak }}</div>
        {% endif %}
        {% if st and st.warnings and state == 'running' %}
          {% for w in st.warnings %}<div class="warn-small" title="{{ w }}">⚠ {{ w|softbreak }}</div>{% endfor %}
        {% endif %}
        {% if st and st.retrying and state == 'error' %}
          <div class="sub">{{ _("retrying in %(n)s s", n=st.next_retry_s) if st.next_retry_s else t.retrying_now }}</div>
        {% endif %}
        {% set quiet = no_data_for(m, st) %}
        {% if quiet %}<div class="err-small" title="{{ _('the mapping’s no-data alarm: %(n)s s', n=m.options.no_data_alarm_s) }}">⚠ {{ _("no data from the device for %(n)s s", n=quiet) if not m.options.no_data_reply_only else _("no answer from the device for %(n)s s", n=quiet) }}</div>{% endif %}
        {% set silent = (st.units if st and st.units else [])|selectattr('state', 'equalto', 'offline')|map(attribute='unit')|list %}
        {% if state == 'running' and silent %}<div class="err-small" data-units-offline title="{{ t.units_offline }}">⚠ {{ ngettext("Modbus unit not answering: %(units)s", "Modbus units not answering: %(units)s", silent|length, units=silent|join(', ')) }}</div>{% endif %}
        {% set mq = st.mqtt if st and st.mqtt else {} %}
        {% if mq.state == 'down' %}<div class="err-small" data-mqtt-down title="{{ t.mqtt_down }}">⚠ {{ _("MQTT: no connection to %(broker)s (%(error)s)", broker=mq.broker, error=mq.error) }}</div>
        {% elif mq.state == 'off' %}<div class="err-small" data-mqtt-down title="{{ t.mqtt_off }}">⚠ {{ _("MQTT off: %(error)s", error=mq.error) }}</div>{% endif %}
      </td>
      <td data-label="{{ t.clients }}">
        {{ st.client_count if st else 0 }}{% if m.network.max_connections > 1 %}/{{ m.network.max_connections }}{% endif %}
        {% if st and st.clients %}
          <div class="clients">
            {#- data-since: app.js counts the connection time on (the table is not sent again for it) #}
            {#- the time in the page's language (the REST API's duration is English) #}
            {% for cl in st.clients %}{% set dur = cl.connected_at|since if cl.connected_at else cl.duration %}<span class="peer mono {% if cl.priority %}peer-prio{% endif %}"{% if cl.connected_at %} data-since="{{ cl.connected_at }}"{% endif %} title="{{ _('connected %(duration)s', duration=dur) }}{% if cl.priority %} · {{ t.priority }}{% endif %}">{% if cl.priority %}★ {% endif %}{{ cl.peer }} · <span class="dur">{{ dur }}</span></span>{% endfor %}
          </div>
        {% endif %}
        {% if st and st.dropped_clients %}<div class="err-small">⚠ {{ ngettext("%(num)s slow client dropped", "%(num)s slow clients dropped", st.dropped_clients) }}</div>{% endif %}
      </td>
      <td class="mono nowrap" data-label="{{ t.in_out }}"><span id="{{ rid }}-bytes">{{ (st.bytes_in|default(0) if st else 0)|bytesize }} / {{ (st.bytes_out|default(0) if st else 0)|bytesize }}</span>
        {% if st and st.bytes_dropped %}<div class="err-small" title="{{ t.dropped }}">⚠ {{ ngettext("%(num)s byte dropped", "%(num)s bytes dropped", st.bytes_dropped) }}</div>{% endif %}
        {% if st and st.trace_error %}<div class="err-small" title="{{ st.trace_error }}">⚠ {{ t.trace_not_written }}</div>{% endif %}</td>
      <td class="col-actions">
        <div class="row-actions">
          {% if can_edit %}
          <div class="btn-group">
            {% if m.enabled %}
            {#- asked only while clients are connected: they are disconnected (a question at
                every click would soon be clicked through) #}
            {% set n = st.client_count|default(0) if st else 0 %}
            <button class="btn sm" id="{{ rid }}-run" aria-describedby="{{ rid }}-name" hx-post="{{ base }}/api/mappings/{{ m.id }}/stop"{% if n %} hx-confirm="{{ ngettext('Stop “%(name)s”? %(num)s connected client will be disconnected, and it stays stopped until it is started again.', 'Stop “%(name)s”? %(num)s connected clients will be disconnected, and it stays stopped until it is started again.', n, name=m.name) }}"{% endif %} hx-swap="none" hx-disabled-elt="this">{{ t.stop }}</button>
            <button class="btn sm" id="{{ rid }}-restart" aria-describedby="{{ rid }}-name" hx-post="{{ base }}/api/mappings/{{ m.id }}/restart"{% if n %} hx-confirm="{{ ngettext('Restart “%(name)s”? %(num)s connected client will be disconnected.', 'Restart “%(name)s”? %(num)s connected clients will be disconnected.', n, name=m.name) }}"{% endif %} hx-swap="none" hx-disabled-elt="this">{{ t.restart }}</button>
            {% else %}
            <button class="btn sm" id="{{ rid }}-run" aria-describedby="{{ rid }}-name" hx-post="{{ base }}/api/mappings/{{ m.id }}/start" hx-swap="none" hx-disabled-elt="this">{{ t.start }}</button>
            {% endif %}
            <button class="btn sm" id="{{ rid }}-edit" aria-describedby="{{ rid }}-name" hx-get="{{ base }}/api/mappings/{{ m.id }}/form" hx-target="#form-panel" hx-swap="innerHTML show:top">{{ t.edit }}</button>
          </div>
          {% endif %}
          <div class="btn-group">
            <button class="btn sm" id="{{ rid }}-log" aria-describedby="{{ rid }}-name" hx-get="{{ base }}/api/mappings/{{ m.id }}/log" hx-target="#form-panel" hx-swap="innerHTML show:top">{{ t.log }}</button>
            <button class="btn sm" id="{{ rid }}-monitor" aria-describedby="{{ rid }}-name" hx-get="{{ base }}/api/mappings/{{ m.id }}/console-view" hx-target="#form-panel" hx-swap="innerHTML show:top">{{ t.monitor }}</button>
            {% if can_edit and (m.options.trace_both or m.id in traced) %}<button class="btn sm" id="{{ rid }}-trace" aria-describedby="{{ rid }}-name" hx-get="{{ base }}/api/mappings/{{ m.id }}/traces" hx-target="#form-panel" hx-swap="innerHTML show:top">{{ t.trace }}</button>{% endif %}
            {% if can_edit %}
            <button class="btn sm" id="{{ rid }}-copy" aria-describedby="{{ rid }}-name" hx-post="{{ base }}/api/mappings/{{ m.id }}/duplicate" hx-swap="none" hx-disabled-elt="this">{{ t.duplicate }}</button>
            <button class="btn sm danger" id="{{ rid }}-delete" aria-describedby="{{ rid }}-name" hx-delete="{{ base }}/api/mappings/{{ m.id }}"
                    hx-confirm="{{ _('Delete mapping “%(name)s”? Its log and trace files are deleted too (backups don’t keep them).', name=m.name) }}" hx-swap="none" hx-disabled-elt="this">{{ t.delete }}</button>
            {% endif %}
          </div>
        </div>
      </td>
    </tr>
  {% else %}
    {# "+ Add mapping" is there for operators and admins only #}
    <tr class="empty"><td colspan="7" class="muted">{{ _("No mappings yet. Click “Add mapping” to create one.") if can_edit else _("No mappings yet.") }}</td></tr>
  {% endfor %}
  </tbody>
</table>
</div>