{% extends 'base/page.html.j2' %}


{% block title %}Clients{% endblock %}

{% block page_content %}

  <!-- Master-Detail Layout -->
  <div class="grid grid-cols-1 md:grid-cols-[300px_1fr] gap-4">

    <!-- Master (e.g., tree or list) -->
    <div id="master-pane">
      {% block master %}
        <p>Master list goes here</p>
      {% endblock %}
    </div>

    <!-- Detail (loaded by HTMX or inline) -->
    <div id="detail-pane" class="bg-white rounded shadow p-4">
      {% block detail %}
        <p>Select an item from the list to view details.</p>
      {% endblock %}
    </div>

  </div>

{% endblock %}