{% extends "layout.html" %}

{% block content %}
  <div class="row">
    <div class="col-xs-12">
      <h1><strong>Participants</strong></h1>
      <div class="alert alert-info">
        <i class="glyphicon glyphicon-info-sign"></i> <strong>To be announced</strong><br/>      
     </div>
      <table class="table table-striped">
        <thead>
          <tr>
            <th>First name</th>
            <th>Last name</th>
            <th>Affiliation</th>
          </tr>
        </thead>
        <tbody>
          {% for reg in registros %}
            <tr>
              <td>{{ reg.nombre | title }}</td>
              <td>{{ reg.apellido | title }}</td>
              <td>{{ reg.afiliacion }}</td>
            </tr>
          {% endfor %}


        </tbody>
      </table>
      </div>

    </div>


{% endblock %}