   <%- header %>
   <!-- pre-rendered navbar inserted -->
   <main class="dashboard-main">
     <%- navbar %>
     <!-- pre-rendered navbar inserted -->


  <div class="container flex-1 pt-20 w-full my-4">
    <%- include('../../partials/utils/title.ejs', { title: "Edit Driver" }) %>

    <% const breadcrumbs = [
      { label: "Dashboard", href: "/admin/dashboard", icon: "bi bi-house-door" },
      { label: "Edit Driver" }
    ]; %>

    <%- include('../../partials/utils/breadcrumb', { breadcrumbs }) %>

    <!-- Tabs Navigation -->
    <ul class="nav nav-tabs mb-4" id="driverTab" role="tablist">
      <li class="nav-item" role="presentation">
        <button class="nav-link active" id="edit-tab" data-bs-toggle="tab" data-bs-target="#edit" type="button"
          role="tab" aria-controls="edit" aria-selected="true">Edit Form</button>
      </li>
      <li class="nav-item" role="presentation">
        <button class="nav-link" id="upload-tab" data-bs-toggle="tab" data-bs-target="#upload" type="button"
          role="tab" aria-controls="upload" aria-selected="false">Upload Assets</button>
      </li>
  
    </ul>

    <!-- Tabs Content -->
    <div class="tab-content" id="driverTabContent">
      <div class="tab-pane fade show active" id="edit" role="tabpanel" aria-labelledby="edit-tab">
        <%- include('./edit-form.ejs') %>
      </div>
      <div class="tab-pane fade" id="upload" role="tabpanel" aria-labelledby="upload-tab">
        <%- include('./upload-assets.ejs') %>
      </div>
     
    </div>

  </div>
</main>

<%- footer %>
