{% load i18n %}
<div class="card">
  <h2 class="card-header">OT</h2>
  <table class="table table-hover attr-table">
    <tr>
      <th scope="row">{% trans "Purdue level" %}</th>
      <td>{% if purdue_level %}{% badge purdue_level_label bg_color=purdue_level_color %}{% else %}{{ ''|placeholder }}{% endif %}</td>
    </tr>
    {% if firmware %}
      <tr>
        <th scope="row">{% trans "Firmware" %}</th>
        <td>{{ firmware }}</td>
      </tr>
    {% endif %}
    {% if lifecycle_installed %}
      <tr>
        <th scope="row">{% trans "End of support" %}</th>
        <td>
          {% if end_of_support %}
            {% badge end_of_support.date|date:"Y-m-d" bg_color=end_of_support.color %}
            <span class="text-muted small">{% if end_of_support.kind == 'security' %}{% trans "security fixes" %}{% else %}{% trans "support" %}{% endif %}, {{ end_of_support.source }}</span>
          {% else %}{{ ''|placeholder }}{% endif %}
        </td>
      </tr>
    {% endif %}
    <tr>
      <th scope="row">{% trans "Zones" %}</th>
      <td>
        {% for zone in zones %}
          {{ zone|linkify }} {% badge zone.get_zone_type_display bg_color=zone.get_zone_type_color %}{% if zone.purdue_level %} {% badge zone.purdue_level bg_color=zone.get_purdue_level_color %}{% endif %}{% if zone.sl_target %} <span class="text-muted small">SL-T {{ zone.sl_target_display }}</span>{% endif %}{% if not forloop.last %}<br>{% endif %}
        {% empty %}
          {{ ''|placeholder }}
        {% endfor %}
      </td>
    </tr>
    {% if enforced %}
      <tr>
        <th scope="row">{% trans "Enforces conduits" %}</th>
        <td>{% for c in enforced %}{{ c|linkify }}{% if not forloop.last %}, {% endif %}{% endfor %}</td>
      </tr>
    {% endif %}
    {% if hop_flows %}
      <tr>
        <th scope="row">{% trans "Flows through it" %}</th>
        <td>{% for f in hop_flows %}{{ f|linkify }} {% badge f.get_allowed_display bg_color=f.get_allowed_color %}{% if not forloop.last %}<br>{% endif %}{% endfor %}</td>
      </tr>
    {% endif %}
  </table>
  {% if services or bridges %}
    <table class="table table-hover">
      <thead>
        <tr><th>{% trans "Industrial service" %}</th><th>{% trans "Role" %}</th><th>{% trans "Ports / bus" %}</th></tr>
      </thead>
      <tbody>
        {% for svc in services %}
          <tr>
            <td><a href="{{ svc.get_absolute_url }}">{{ svc.get_protocol_display }}</a></td>
            <td>{% badge svc.get_role_display bg_color=svc.get_role_color %}</td>
            <td>
              {% if svc.fieldbus %}{{ svc.fieldbus|linkify }}{% if svc.address %} <span class="text-muted">{{ svc.address }}</span>{% endif %}
              {% elif svc.service %}<a href="{{ svc.service.get_absolute_url }}">{{ svc.ports_display }}</a>
              {% else %}{{ ''|placeholder }}{% endif %}
            </td>
          </tr>
        {% endfor %}
        {% for bus in bridges %}
          <tr>
            <td>{% trans "Gateway for" %} {{ bus|linkify }}</td>
            <td>{{ bus.get_medium_display }}</td>
            <td>{{ bus.get_protocol_display|placeholder }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
  {% if flows %}
    <table class="table table-hover">
      <thead>
        <tr><th>{% trans "Flow" %}</th><th>{% trans "From" %}</th><th>{% trans "To" %}</th><th>{% trans "Allowed" %}</th></tr>
      </thead>
      <tbody>
        {% for f in flows %}
          <tr>
            <td>{{ f|linkify }}{% if f.remote_access %} <i class="mdi mdi-earth" title="{% trans 'Remote access' %}"></i>{% endif %}</td>
            <td>{{ f.source_zone|linkify }}</td>
            <td>{{ f.destination_zone|linkify }}</td>
            <td>{% badge f.get_allowed_display bg_color=f.get_allowed_color %}{% if f.is_expired %} <span class="badge text-bg-danger">{% trans "expired" %}</span>{% endif %}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    {% if flow_count > flows|length %}
      <div class="card-footer text-end">
        <a href="{% url 'plugins:netbox_ot:flow_list' %}?{% for zone in zones %}zone_id={{ zone.pk }}{% if not forloop.last %}&{% endif %}{% endfor %}">{% blocktrans with n=flow_count %}All {{ n }} flows of these zones{% endblocktrans %}</a>
      </div>
    {% endif %}
  {% elif zones %}
    <div class="card-body text-muted small">{% trans "No flows recorded for these zones." %}</div>
  {% endif %}
</div>