<div class="card" style="width: 18rem;">

  {% set fighterImg = file_url(node.field_player_photo.entity.field_media_image.entity.uri.value) %}
  {% set fighterAlias = path('entity.node.canonical', { 'node': node.id }) %}

  <img src="{{ fighterImg }}" class="card-img-top">

  <div class="card-body">

    {% include '@dchadwick/components/heading.html.twig' with {
      'heading': '4',
      'text': title
    } %}

    <h6 class="card-subtitle mb-2 text-muted">{{ wins }} - {{ losses }} - {{ ties }}</h6>

    {% include '@dchadwick/components/button.html.twig' with {
      'uri': fighterAlias,
      'type': 'dark',
      'text': 'View Fighter'
    } %}

 </div>
</div>
