{% extends "base.html" %}

{% block body_class %}lcars-page lcars-default bg-background text-foreground antialiased min-h-screen{% endblock %}

{% block body %}
<div class="lcars-frame">
  <div class="lcars-header-area">
    {{ slots.header|safe }}
  </div>

  <div class="lcars-body">
    <div class="lcars-elbow-top">
      <div class="lcars-elbow-corner lcars-elbow-tl"></div>
      <div class="lcars-bar lcars-bar-top"></div>
    </div>

    <div class="lcars-content-area">
      <aside class="lcars-sidebar-area">
        {{ slots.sidebar|safe }}
      </aside>

      <div class="lcars-divider"></div>

      <main class="lcars-main-area">
        {% if slots.main %}
          {{ slots.main|safe }}
        {% else %}
          <div class="lcars-empty-state">
            <p class="text-muted-foreground uppercase tracking-widest">No data on file</p>
          </div>
        {% endif %}
      </main>
    </div>

    <div class="lcars-elbow-bottom">
      <div class="lcars-elbow-corner lcars-elbow-bl"></div>
      <div class="lcars-bar lcars-bar-bottom"></div>
    </div>
  </div>

  <footer class="lcars-footer-area">
    {{ slots.footer|safe }}
  </footer>
</div>
{% endblock %}