{% extends "head_base.html" %}

{% block body %}

<body class="relative" hx-ext="head-support">
  <div class="drawer lg:drawer-open">
    <input id="my-drawer" type="checkbox" class="drawer-toggle" />
    <!-- Page Content -->
    <div class="drawer-content flex flex-col h-screen">
      <!-- Navbar -->
      {% include "navigation_bar.html" %}
      <!-- Main Content Area -->
      <main class="flex flex-col flex-1 overflow-y-auto">
        {% block main %}{% endblock %}
        <div class="p32 min-h-[10px]"></div>
      </main>
    </div>
    <!-- Sidebar -->
    {% if user %}
    {% include "sidebar.html" %}
    {% endif %}
  </div> <!-- End Drawer -->
  <div id="modal"></div>
  <div id="toast-container" class="fixed bottom-4 right-4 z-50 space-y-2"></div>
</body>
{% endblock %}