<%- include('partials/header') -%>
<!-- BODY -->

<div
  class="flex h-screen bg-gray-50 dark:bg-gray-900"
  :class="{ 'overflow-hidden': isSideMenuOpen }"
>
  <!-- SIDEBAR -->
  <%- include('partials/sidebar') -%>
  <!-- /SIDEBAR -->

  <!-- MOBILE SIDEBAR -->
  <%- include('partials/mobile') -%>
  <!-- /MOBILE SIDEBAR -->

  <!-- CONTAINER -->
  <div class="flex flex-col flex-1 w-full">
    <!-- NAVBAR -->
    <%- include('partials/navbar') -%>
    <!-- /NAVBAR -->
    <!--MAIN-->
    <main class="h-full overflow-y-auto">
      <div class="container px-6 mx-auto grid">       
    </main>
    <!-- /MAIN -->
  </div>
  <!-- /CONTAINER -->
</div>

<!-- /BODY -->
<%- include('partials/footer') -%>
