{% extends "shared/base.html" %}

{% block title %}
  <title>WorkTypes</title>
{% endblock %}

{% block content %}
  {% with msg=msg %}
    {% include "components/alerts.html" %}
  {% endwith %}
  <div class="container">
    <table class="table table-hover">
      <thead><tr>
        <th scope="col">Name</th>
      </tr></thead>
      <tbody>
          {%  for worktype in worktypes %}
         <tr>
             <th scope="row"><a href="/comic/worktypes/{{worktype.id}}">{{worktype.name}}</a></th>
             <td><a href="/comic/worktype/edit/{{worktype.id}}" class="btn btn-outline-primary btn-sm active" role="button" aria-pressed="true">Edit</a></td>
             <td><a href="/comic/worktype/delete/{{worktype.id}}" class="btn btn-outline-danger btn-sm active" role="button" aria-pressed="true">Delete</a></td>
         </tr>
          {% endfor %}
      </tbody>
    </table>
    <a href="/comic/worktype/add" class="btn btn-outline-primary btn-sm active" role="button" aria-pressed="true">Add WorkType</a>
  </div>
{% endblock %}