<style>
    .card .nav.flex-column:not(.nav-sidebar)>li {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        margin: 0
    }

    .card .nav.flex-column:not(.nav-sidebar)>li:last-of-type {
        border-bottom: 0
    }

    .card.height-control .card-body {
        max-height: 300px;
        overflow: auto
    }

    .card .border-right {
        border-right: 1px solid rgba(0, 0, 0, .125)
    }

    .m-1 {
        margin: .25rem !important;
    }

    .flex-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .card {
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
        margin-bottom: 1rem;
    }

    .card-header {
        background-color: rgba(0, 0, 0, .03);
        border-bottom: 0 solid rgba(0, 0, 0, .125);
        border-radius: 0.25rem 0.25rem 0 0;
    }

    .card-body {
        padding: 1.25rem;
    }

    .nav-item {
        margin-bottom: 0.75rem;
    }

    .nav-link {
        color: #333;
    }

    .nav-link:hover {
        color: #007bff;
        text-decoration: none;
    }

    .thumb {
        display: flex;
        align-items: center;
    }

    .thumb i {
        margin-right: 0.5rem;
    }

    .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
</style>
<?php
// Get CodeIgniter super object
$CI = &get_instance();
?>
<div class="card settings-card no-print">
    <div class="card-body">
        <ul class="nav flex-column nav-pills m-1">
            <li class="account-list-active-li account-active-li">
                <a href="<?php echo $base_url; ?>account">
                    <i class="fas fa-money-check-alt fa-lg fa-lg text-danger"></i> <!-- FontAwesome ka money-check-alt icon -->
                    <span class="ml-5">Account</span>
                </a>
            </li>

            <?php if ($CI->permissions('expense_view')) { ?>
                <li class="expense-list-active-li expense-active-li">
                    <a href="<?php echo $base_url; ?>expense">
                        <i class="fas fa-receipt fa-lg fa-lg text-danger"></i> <!-- FontAwesome ka receipt icon -->
                        <span class="ml-5"><?= $this->lang->line('expenses_list'); ?></span>
                    </a>
                </li>
            <?php } ?>

            <?php if ($CI->permissions('expense_category_view')) { ?>
                <li class="expense-category-list-active-li expense-category-active-li">
                    <a href="<?php echo $base_url; ?>expense/category">
                        <i class="fas fa-list fa-lg fa-lg text-danger"></i> <!-- FontAwesome ka list icon -->
                        <span class="ml-5"><?= $this->lang->line('categories_list'); ?></span>
                    </a>
                </li>
            <?php } ?>

            <li class="authority-list-active-li authority-active-li">
                <a href="<?php echo $base_url; ?>authority">
                    <i class="fas fa-users fa-lg fa-lg text-danger"></i> <!-- FontAwesome ka users icon -->
                    <span class="ml-5">Authorities</span>
                </a>
            </li>

            <li class="loan-list-active-li loan-active-li">
                <a href="<?php echo $base_url; ?>loan">
                    <i class="fas fa-hand-holding-usd fa-lg fa-lg text-danger"></i> <!-- FontAwesome ka hand-holding-usd icon -->
                    <span class="ml-5">Loan</span>
                </a>
            </li>

            <li class="loan-payment-list-active-li loan-payment-active-li">
                <a href="<?php echo $base_url; ?>loan_payment">
                    <i class="fas fa-money-bill-wave fa-lg fa-lg text-danger"></i> <!-- FontAwesome ka money-bill-wave icon -->
                    <span class="ml-5">Loan Payment</span>
                </a>
            </li>

            <li class="asset-type-list-active-li asset-type-active-li">
                <a href="<?php echo $base_url; ?>asset_type">
                    <i class="fas fa-chart-pie fa-lg fa-lg text-danger text-danger"></i> <!-- FontAwesome ka chart-pie icon -->
                    <span class="ml-5">Asset Types</span>
                </a>
            </li>

            <li class="asset-list-active-li asset-active-li">
                <a href="<?php echo $base_url; ?>asset">
                    <i class="fas fa-laptop fa-lg fa-lg text-danger text-danger"></i> <!-- FontAwesome ka laptop icon -->
                    <span class="ml-5">Assets</span>
                </a>
            </li>

        </ul>
    </div>
</div>