<div class="card">
  <div class="card-body">
    <img src="<?= base_url('assets/images/munshi-logo.svg');?>" alt="Munshi logo image" class="logo-lg"  style="width: 100%;"/>
  </div>
  <ul class="nav flex-column nav-pills" id="settingsTab" role="tablist" aria-orientation="vertical">
    <li class="nav-item">
      <a class="nav-link active" id="identity-tab" data-bs-toggle="pill"
         data-bs-target="#identityTab" role="tab">Organization Identity</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="expense-tab" data-bs-toggle="pill"
         data-bs-target="#expenseTab" role="tab">Expense Settings</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="permissions-tab" data-bs-toggle="pill"
         data-bs-target="#permissionsTab" role="tab">User Role Permissions</a>
    </li>

    <li class="nav-item">
      <a class="nav-link" id="departments-tab" data-bs-toggle="pill"
         data-bs-target="#departmentsTab" role="tab">Departments</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-link" id="shifts-tab" data-bs-toggle="pill"
         data-bs-target="#shiftsTab" role="tab">Shifts</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" id="pos-printer-tab" data-bs-toggle="pill"
         data-bs-target="#posprinterTab" role="tab">POS Printer Settings</a>
    </li>
  </ul>
</div>