<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="BGV Candidate professional admin dashboard template">
  <title>Dashboard | Vsearch BGV Candidate </title>
  <link rel="icon" href="/candidate_assets/images/favicon.png">

  <link rel="stylesheet" href="/candidate_assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="/candidate_assets/vendors/bootstrap-icons/bootstrap-icons.css">
  <link rel="stylesheet" href="/candidate_assets/css/style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.0/css/all.min.css" integrity="sha512-ApSLB1Pd3/bZN8fWB/RG9YhN/7bd9Hkf3AGaE2mPfebjrxagjuBtx2GcgdqIlJkUzwylBo61r9Xa9NmgBI0swA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>

<body>
  <div class="admin-shell">
    <div class="sidebar-backdrop" data-sidebar-close></div>

  <aside class="admin-sidebar" id="adminSidebar" aria-label="Main navigation">

    <!-- Sidebar Header -->
    <div class="sidebar-header">

        <a class="brand-mark" href="/candidate_admin">

            <span class="brand-icon">
                <i class="bi bi-shield-check" aria-hidden="true"></i>
            </span>

            <span class="brand-copy">

                <span class="brand-title">
                    VSearch BGV
                </span>

                <span class="brand-subtitle">
                    Candidate Portal
                </span>

            </span>

        </a>

    </div>


    <!-- Sidebar Navigation -->
    <nav class="sidebar-nav">

        <!-- Dashboard -->
        <a class="nav-link"
           href="/candidate_admin"
           aria-current="page">

            <span class="nav-icon">
                <i class="bi bi-speedometer2" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                Dashboard
            </span>

        </a>

        <!-- My BGV Report -->
        <a class="nav-link"
           href="/candidate_admin/my-bgv-report">

            <span class="nav-icon">
                <i class="bi bi-file-earmark-check" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                My BGV Report
            </span>

        </a>


        <!-- My BGV Components -->
        <a class="nav-link"
           href="/candidate_admin/my-bgv-component">

            <span class="nav-icon">
                <i class="bi bi-grid-3x3-gap" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                My BGV Components
            </span>

        </a>


        <!-- Insufficiency / Remarks -->
        <a class="nav-link"
           href="/candidate_admin/bgv-insuff">

            <span class="nav-icon">
                <i class="bi bi-exclamation-triangle" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                BGV Insuff / Remarks
            </span>

        </a>


        <!-- Self Declaration -->
        <a class="nav-link"
           href="/candidate_admin/self-declaration">

            <span class="nav-icon">
                <i class="bi bi-file-earmark-text" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                Self Declaration (LOA)
            </span>

        </a>


        <!-- My Orders -->
        <a class="nav-link"
           href="/candidate_admin/my-orders">

            <span class="nav-icon">
                <i class="bi bi-bag-check" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                My Orders
            </span>

        </a>


        <!-- BGV Report Status -->
        <a class="nav-link"
           href="/candidate_admin/bgv-report-status">

            <span class="nav-icon">
                <i class="bi bi-bar-chart-line" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                BGV Report Status
            </span>

        </a>


        <!-- Logout -->
      <a class="nav-link"
        href="#"
        onclick="confirmLogout(event)">

          <span class="nav-icon">
              <i class="bi bi-box-arrow-right" aria-hidden="true"></i>
          </span>

          <span class="nav-text">
              Logout
          </span>

      </a>
      
   
      

    </nav>



   
    <!-- Sidebar Footer -->
    <div class="sidebar-footer">
       <a href="/">
        <i class="fa fa-home"></i>

        <span class="sidebar-footer-text">
          Main Website
        </span>
       </a>
    </div>
    <div class="sidebar-footer">

        <span class="status-dot"></span>

        <span class="sidebar-footer-text">
            BGV Portal Active
        </span>

    </div>

</aside>

    <div class="admin-main">
      <nav class="navbar admin-navbar navbar-expand bg-white">
        <div class="container-fluid px-3 px-lg-4">
          <button class="sidebar-toggle" type="button" data-sidebar-toggle aria-controls="adminSidebar" aria-expanded="true" aria-label="Toggle sidebar">
            <span></span>
            <span></span>
            <span></span>
          </button>

       

          <div class="navbar-actions ms-auto">
            <button class="icon-button theme-toggle" type="button" data-theme-toggle aria-label="Switch color theme" title="Switch color theme">
              <i class="bi bi-moon-stars" data-theme-icon aria-hidden="true"></i>
            </button>
            <!-- <div class="dropdown">
              <button class="icon-button" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Notifications">
                <span class="notification-dot"></span>
                <i class="bi bi-bell" aria-hidden="true"></i>
              </button>
              <div class="dropdown-menu dropdown-menu-end notification-menu">
                <div class="dropdown-header fw-bold text-body">Notifications</div>
                <a class="dropdown-item" href="users.html">
                  <span class="notification-title">New user registered</span>
                  <span class="notification-time">4 minutes ago</span>
                </a>
                <a class="dropdown-item" href="charts.html">
                  <span class="notification-title">Revenue target reached</span>
                  <span class="notification-time">32 minutes ago</span>
                </a>
                <a class="dropdown-item" href="settings.html">
                  <span class="notification-title">Security review completed</span>
                  <span class="notification-time">1 hour ago</span>
                </a>
              </div>
            </div> -->

            <div class="dropdown">

            <button class="profile-button dropdown-toggle"
                    type="button"
                    data-bs-toggle="dropdown"
                    aria-expanded="false">

                <!-- <img class="avatar-img avatar-sm"
                    src="/candidate_assets/images/avatar/avatar.jpg"
                    alt="Avinash"> -->
                    <i class="fa fa-user"></i>
                <span class="d-none d-sm-inline">
                  <%= user.first_name %> <%= user.last_name %>
              </span>
              
            </button>


        <ul class="dropdown-menu dropdown-menu-end">

            <!-- Profile -->
            <li>
                <a class="dropdown-item"
                  href="/candidate_admin/profile">

                    <i class="bi bi-person-badge me-2"></i>
                    Profile

                </a>
            </li>



            <!-- Change Password -->
            <li>
                <a class="dropdown-item mt-1 mb-1"
                  href="/candidate_admin/change-password">

                    <i class="bi bi-key me-2"></i>
                    Change Password

                </a>
            </li>


            <li>
                <hr class="dropdown-divider">
            </li>


            <!-- Logout -->
            <li>
              <a class="nav-link"
                href="#"
                onclick="confirmLogout(event)">

                  <span class="nav-icon">
                      <i class="bi bi-box-arrow-right" aria-hidden="true"></i>
                  </span>

                  <span class="nav-text">
                      Logout
                  </span>

              </a>
            </li>

        </ul>

    </div>
          </div>
        </div>
      </nav>

      <main class="dashboard-content">






                <!-- Profile -->
        <!-- <a class="nav-link"
           href="/candidate_admin/profile">

            <span class="nav-icon">
                <i class="bi bi-person-badge" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                Profile
            </span>

        </a> -->


        <!-- Change Password -->
        <!-- <a class="nav-link"
           href="/candidate_admin/change-password">

            <span class="nav-icon">
                <i class="bi bi-key" aria-hidden="true"></i>
            </span>

            <span class="nav-text">
                Change Password
            </span>

        </a> -->