{% extends "layout.html" %}
{% block title %}Teams{% endblock %}
{% block pageContent %}
  <h1>Teams</h1>
  <a href="{{ url_for('new_team') }}">Add a new team</a>
  <!-- TODO add CSV import option -->
  <table class="table table-hover">
    <thead>
      <tr>
        <th>Number</th>
        <th>Name</th>
        <th>Affiliation</th>
        <th>City</th>
        <th>State</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for team in teams %}
        <tr>
          <td>{{ team.number }}</td>
          <td>{{ team.name }}</td>
          <td>{{ team.affiliation }}</td>
          <td>{{ team.city }}</td>
          <td>{{ team.state }}</td>
          <!-- TODO use button instead of text here -->
          <td><a href="{{ url_for('edit_team', team_id=team.id) }}">edit</a> | <a href="{{ url_for('delete_team', team_id=team.id) }}">delete</a></td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}

{% extends "layout.html" %}
{% block title %}Teams{% endblock %}
{% block pageContent %}
  <h1>Teams</h1>
  <a href="{{ url_for('new_team') }}">Add a new team</a>
  <!-- TODO add CSV import option -->
  <table class="table table-hover">
    <thead>
      <tr>
        <th>Number</th>
        <th>Name</th>
        <th>Affiliation</th>
        <th>City</th>
        <th>State</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for team in teams %}
        <tr>
          <td>{{ team.number }}</td>
          <td>{{ team.name }}</td>
          <td>{{ team.affiliation }}</td>
          <td>{{ team.city }}</td>
          <td>{{ team.state }}</td>
          <!-- TODO fix alignment so text and buttons are aligned on horizontal center -->
          <td>
            <a href="{{ url_for('edit_team', team_id=team.id) }}" class="btn btn-xs btn-primary fa fa-pencil-square-o" title="edit"></a>
            <a href="{{ url_for('delete_team', team_id=team.id) }}" class="btn btn-xs btn-danger fa fa-trash-o" title="delete"></a>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}

Change team edit/ delete links on team list to buttons with symbols
Change team edit/ delete links on team list to buttons with symbols
