<?php
/**
 * ASISMA CRM - Main App Layout Template
 */
// Incluir cabecera HTML común
require_once __DIR__ . '/head.php';
?>
<body class="h-full bg-slate-950 text-slate-100 flex overflow-hidden">

    <!-- 1. Sidebar -->
    <?php require_once __DIR__ . '/sidebar.php'; ?>

    <!-- 2. Main Area (Right of Sidebar) -->
    <div id="contenedor-principal" class="flex-1 flex flex-col min-w-0 lg:pl-72 relative">
        <!-- Topbar -->
        <?php require_once __DIR__ . '/topbar.php'; ?>

        <!-- View Content Area (sin tope de ancho: el contenido usa ~95% del area disponible) -->
        <main class="flex-1 overflow-y-auto bg-slate-950 p-4 md:p-6">
            <div class="mx-auto w-full">
                <?php echo $content; ?>
            </div>
        </main>
    </div>

    <!-- Global JS Assets -->
    <script src="<?php echo APP_URL; ?>/public/assets/js/app.js"></script>
</body>
</html>
