app/templates/client/_base.html

{% extends "base.html" %}
{% block body_class %}client-body{% endblock %}
{% block body %}
<header class="client-header">
  <div class="client-header-brand">
    <div class="rail-mark">FD</div>
    <span class="client-greeting" id="client-greeting">Welcome</span>
  </div>
  <nav class="client-nav">
    <a href="/client" class="{% if active == 'dashboard' %}active{% endif %}"><i class="fa-solid fa-house"></i> Home</a>
    <a href="/client/transactions" class="{% if active == 'transactions' %}active{% endif %}"><i class="fa-solid fa-clock-rotate-left"></i> History</a>
    <a href="/client/alerts" class="{% if active == 'alerts' %}active{% endif %}"><i class="fa-solid fa-bell"></i> Alerts</a>
  </nav>
  <button class="btn btn-secondary" id="logout-btn" type="button" style="background:transparent;border-color:#3a4666;color:#cdd6ee;">
    <i class="fa-solid fa-right-from-bracket"></i> Log out
  </button>
</header>
<main class="client-main">
  {% block client_content %}{% endblock %}
</main>
{% endblock %}
{% block role_script %}
<script>window.__REQUIRE_ROLE__ = "client";</script>
{% endblock %}
{% block scripts %}
{% block client_scripts %}{% endblock %}
{% endblock %}