{% extends "base.html" %}
{% block title %}Clients{% endblock %}
{% block content %}
<div class="container">
  <h1 class="my-4">Clients</h1>
  <div class="mb-3">
    <a href="{{ url_for('clients.add_client') }}" class="btn btn-primary">Add Client</a>
  </div>
  <table class="table table-bordered table-hover">
    <thead class="thead-light">
      <tr>
        <th>Client Name</th>
      </tr>
    </thead>
    <tbody>
      {% for client in clients %}
      <tr>
        <td>
          <a href="{{ url_for('clients.client_detail', client_id=client.id) }}">{{ client.name }}</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}