{% extends "base.html" %}

{% block content %}
<h1>Clients</h1>

<section>
  <h2>Add Client</h2>
  <form hx-post="/clients" hx-target="#client-list" hx-swap="outerHTML">
    <label>
      Client Name
      <input type="text" name="name" placeholder="e.g. Contoso" required>
    </label>
    <button type="submit">Add Client</button>
  </form>
</section>

<section>
  <h2>Client List</h2>
  {% include "partials/client_list.html" %}
</section>
{% endblock %}