{% extends 'base.html' %}

{% block header %}
  <head>Matches</head>
{% endblock %}
  
  {% block content %}
  {% if list_of_matches %}
  <table>
    <style>
      table {
        border-collapse: collapse;
        table-layout: fixed;
        width: 90%;
      }
      table td {
        border: solid 1px #666;
        width: felx;
        word-wrap: break-word;
      }
    </style>
    <tr>
      <th>Title</th>
      <th>Users</th>
      <th>Action</th>
    </tr>
    {% for match in list_of_matches %}
    <TR>
      <TD>
        {{ match[0]['title'] }}
      </TD>          
      <TD>
        {% for card in match %}
          {{ names_by_ids[card['owner_id']] }}  
        {% endfor %}
      </TD>
      <TD>
        <a href="mailto:
        {% for card in match %}
          {{ emails_by_ids[card['owner_id']] }}
        {% endfor %}
        ">

          send email</a>
      </TD>
    </TR>
    {% endfor %}
  </table>


{% else %}
  <p>You have no matches at the moment</p>
{% endif %}
{% endblock %}