{% for character in results %}
<a href="{{ path('character_show', {id: character.id}) }}" class="char-card">
  <div class="char-portrait">
    {% if character.appearance %}
      <img src="{{ asset(character.appearance) }}" alt="{{ character.name }}">
    {% else %}
      <span class="char-portrait-ph">✦</span>
    {% endif %}
  </div>
  <div class="char-info">
    <div class="char-name">{{ character.name }}</div>
    {% if character.title %}
      <div class="char-subtitle">{{ character.title }}</div>
    {% endif %}
    {% if character.roles %}
      <div class="char-roles">
        {% for roleId in character.roles %}
          {% if characterRoleMap[roleId] is defined %}
            <span class="badge badge-type">{{ characterRoleMap[roleId] }}</span>
          {% endif %}
        {% endfor %}
      </div>
    {% endif %}
    <div class="char-game">
      <img src="{{ path('game_logo', {gameId: character.gameId}) }}" class="game-logo" alt="">
      {{ ('game.id.' ~ character.gameId)|trans({}, 'game') }}
    </div>
  </div>
</a>
{% endfor %}