{% extends 'generic/_base.html' %}
{% load helpers %}
{% load i18n %}

{% block title %}{% trans "Translators" %}{% endblock %}

{% block subtitle %}
  <div class="text-secondary fs-5">{% trans "Registered platform translators" %}</div>
{% endblock %}

{% block content %}
<div class="card">
  <h2 class="card-header">{% trans "Platform Translators" %}</h2>
  <table class="table table-hover mb-0">
    <thead>
      <tr>
        <th>{% trans "Platform Slug" %}</th>
        <th>{% trans "Name" %}</th>
        <th>{% trans "Vendor" %}</th>
        <th>{% trans "OS" %}</th>
        <th>{% trans "Preferred Driver" %}</th>
      </tr>
    </thead>
    <tbody>
      {% for t in translators %}
      <tr>
        <td><code>{{ t.slug }}</code></td>
        <td>{{ t.name }}</td>
        <td>{{ t.vendor }}</td>
        <td>{{ t.os }}</td>
        <td><code>{{ t.preferred_driver }}</code></td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="5" class="text-center text-muted py-4">{% trans "No translators registered." %}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock content %}