{% load static %}
{% load lb_tags %}
<!DOCTYPE html>
<html lang="es" data-theme="labb-light" class="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title|default:"Campus Virtual | Lo Justo LMS" }}</title>

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="{% static 'courses/img/labb/favicon/favicon.svg' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'courses/img/labb/favicon/favicon-32x32.png' %}">
    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'courses/img/labb/favicon/favicon-16x16.png' %}">
    <link rel="shortcut icon" href="{% static 'courses/img/labb/favicon/favicon.ico' %}">
    <link rel="manifest" href="{% static 'courses/img/labb/favicon/site.webmanifest' %}">

    <!-- HTMX 2.0 CDN para SPA-like routing y AJAX -->
    <script src="https://unpkg.com/htmx.org@2.0.2"></script>

    <c-lb.m.dependencies />
    <!-- Force CSS Cache Busting -->
    <link rel="stylesheet" href="{% static 'css/output.css' %}?v=2.0.1">
</head>
<body class="min-h-screen bg-zinc-100 text-zinc-900 antialiased flex flex-col justify-between selection:bg-emerald-500 selection:text-white">
    {% csrf_token %}
    
    <!-- SIDEBAR HOMOGÉNEO FIJO EN LA IZQUIERDA -->
    <c-layouts.app_sidebar />

    <!-- CONTENEDOR PRINCIPAL CON PADDING IZQUIERDO EN DESKTOP (lg:pl-64) -->
    <div class="flex-grow flex flex-col lg:pl-64 transition-all">
        <c-layouts.app_header />
        
        <main class="flex-grow">
            {{ slot }}
        </main>
    </div>


</body>
</html>
