{% load helpers i18n %}
<div class="card">
  <h2 class="card-header">{% trans "Vendor" %}</h2>
  <table class="table table-hover attr-table">
    {% if local_status == "multicast" %}
      <tr>
        <th scope="row">{% trans "Vendor" %}</th>
        <td class="text-muted">{% trans "Multicast address, no vendor" %}</td>
      </tr>
    {% elif local_status %}
      <tr>
        <th scope="row">{% trans "Vendor" %}</th>
        <td class="text-muted">{% trans "Locally administered, often a randomized or virtual address" %}</td>
      </tr>
    {% elif vendor %}
      <tr>
        <th scope="row">{% trans "Vendor" %}</th>
        <td>
          {% if vendor.organization %}
            <a href="{{ vendor.get_absolute_url }}">{{ vendor.organization }}</a>
          {% else %}
            {% badge vendor.get_status_display bg_color=vendor.get_status_color %}
          {% endif %}
        </td>
      </tr>
      <tr>
        <th scope="row">{% trans "Block" %}</th>
        <td>{% if vendor.block_type %}{{ vendor.block_type }} {% endif %}<span class="font-monospace">{{ vendor.prefix_display }}</span></td>
      </tr>
      {% if vendor.country %}
        <tr>
          <th scope="row">{% trans "Country" %}</th>
          <td>{{ vendor.country }}</td>
        </tr>
      {% endif %}
      {% if vendor.address %}
        <tr>
          <th scope="row">{% trans "Address" %}</th>
          <td>{{ vendor.address }}</td>
        </tr>
      {% endif %}
      <tr>
        <th scope="row">{% trans "Last checked" %}</th>
        <td>{{ vendor.last_checked|isodatetime }}</td>
      </tr>
    {% else %}
      <tr>
        <th scope="row">{% trans "Vendor" %}</th>
        <td class="text-muted">{% trans "Lookup pending" %}</td>
      </tr>
    {% endif %}
  </table>
  <div class="card-footer d-flex justify-content-between small">
    <a href="https://macadress.com/lookup/{{ mac }}" target="_blank" rel="noopener">{% trans "Details on macadress.com" %}</a>
    {% if not keyed and not local_status %}
      <a href="https://macadress.com/signup" target="_blank" rel="noopener" class="text-muted">{% trans "Free API key adds country and block details" %}</a>
    {% endif %}
  </div>
</div>