{% load mumble_extras %}
<div class="mumble" style="background-image: url( {{ MEDIA_URL }}/mumble/linie_v.png )">
  <span class="mumble">
    {% if Player.isAuthed %}
      <img src="{{ MEDIA_URL }}/mumble/authenticated.png" alt="authed" title="Authenticated" />
    {% endif %}
    {% if Player.mute or Player.suppress %}
      <img src="{{ MEDIA_URL }}/mumble/muted_server.png" alt="muted" title="Muted by server" />
    {% endif %}
    {% if Player.deaf %}
      <img src="{{ MEDIA_URL }}/mumble/deafened_server.png" alt="deafened" title="Deafened by server" />
    {% endif %}
    {% if Player.selfMute %}
      <img src="{{ MEDIA_URL }}/mumble/muted_self.png" alt="self-muted" title="Muted by themselves" />
    {% endif %}
    {% if Player.selfDeaf %}
      <img src="{{ MEDIA_URL }}/mumble/deafened_self.png" alt="self-deafened" title="Deafened by themselves" />
    {% endif %}
  </span>
  <span>
    <img src="{{ MEDIA_URL }}/mumble/knoten_v.png" />
    <img src="{{ MEDIA_URL }}/mumble/talking_off.png" alt="Player" />
    <a id="link_{{ Player.id }}" class="mumble" href="#" title="{{ Player.name }}">{{ Player.name|trunc:30 }}</a>
  </span>
</div>