{% extends "dashboard/dashboard.html" %}

<!--static-->
{% block title %}{{athlete.fname}} {{athlete.lname}}{% endblock %}
<!--static-->
{% load static %}
<!--khfufufu-->
{% block content %}
<div class="lo">
  <h1>Athletes</h1>
  <div class="official-list">
    <table id="myTable" class="display">
      <thead>
        <tr>
          <th>Name</th>
          <th>Sport</th>
          <th>Gender</th>
          <th>Edit</th>
          <th>Delete</th>
        </tr>
      </thead>
      <tbody>
        {% for athlete in athletes %}
        <tr>
          <td>
            <a href="{% url 'athlete' athlete.id%}"
              >{{athlete.fname}} {{athlete.lname}}</a
            >
          </td>
          <td>{{athlete.sport}}</td>

          <td>{{athlete.gender}}</td>

          <td>
            <a href="{%url 'athleteupdate' athlete.id%}" class="del"
              ><i class="fa fa-pencil"></i>Edit</a
            >
          </td>
          <td>
            <a href="{%url 'athletedelete' athlete.id%}" class="btn btn-danger"
              ><i class="fa fa-trash"></i>Delete</a
            >
          </td>
        </tr>
        
        {%endfor%}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}