   <%- header %>
   <!-- pre-rendered navbar inserted -->
   <main class="dashboard-main">
     <%- navbar %>
     <!-- pre-rendered navbar inserted -->
<script src="/js/demo-protection.js"></script>


  <div class="container flex-1 pt-20 w-full my-4">

    <%- include('../../partials/utils/title.ejs', {title: "Add Package"}) %>
    <% 
      const breadcrumbs = [
        { label: "Dashboard", href: "/admin/dashboard", icon: "bi bi-house-door" },
        { label: "Package Manager", href: "/admin/packages" },
         { label: "Add Package" }
      ];
    %>
    <%- include('../../partials/utils/breadcrumb', { breadcrumbs }) %>
    <div class=" mt-4">

      <div class=" bg-white shadow-md rounded-lg" style="padding: 20px;">
        <div class="w-full max-w-6xl mx-auto p-6">
          <!-- Tab Contents -->
          <%- include('./addpackageform.ejs') %>
        </div>
      </div>
    </div>
  </div>
  </div>





  <%- footer %>