


<aside id="logo-sidebar"
    class="fixed top-0 left-0 z-40 w-64 h-screen pt-20 transition-transform -translate-x-full backdrop-blur -white border-r border-emerald-200 sm:translate-x-0 bg-emerald-950/50 dark:border-gray-700"
    aria-label="Sidebar">

    
<a href="#" class="block max-w-sm p-4 border flex flex-col items-center justify-center rounded-lg shadow bg-teal-800 border-teal-700 hover:bg-teal-700 m-2">
    <p class="font-normal text-gray-400"><?= ($user->first_name . " " . $user->last_name) ?></p>
    <h5 class="mb-2 text-2xl font-bold tracking-tight text-white">₦ <?= number_format($wallet->balance) ?></h5>
</a>
<div class="h-full px-3 pb-4 overflow-y-auto">
        <ul class="space-y-1 font-medium text-sm">
            <li>
                <a href="<?=BASE_URL?>"
                    class="flex items-center p-2 text-emerald-900 hove:text-white rounded-lg dark:text-white hover:bg-emerald-100 dark:hover:bg-emerald-700 group">
                    <svg class="w-5 h-5 text-white transition duration-75 dark:text-white group-hover:text-emerald-900 dark:group-hover:text-white"
                        aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 21">
                        <path
                            d="M16.975 11H10V4.025a1 1 0 0 0-1.066-.998 8.5 8.5 0 1 0 9.039 9.039.999.999 0 0 0-1-1.066h.002Z" />
                        <path
                            d="M12.5 0c-.157 0-.311.01-.565.027A1 1 0 0 0 11 1.02V10h8.975a1 1 0 0 0 1-.935c.013-.188.028-.374.028-.565A8.51 8.51 0 0 0 12.5 0Z" />
                    </svg>
                    <span class="ml-3 text-white">Dashboard</span>
                </a>
            </li>
            <li>
                <a href="<?=BASE_URL?>/verifications"
                    class="flex items-center p-2 text-emerald-900 rounded-lg dark:text-white hover:bg-emerald-100 dark:hover:bg-emerald-700 group">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(255, 255, 255);transform: ;msFilter:;"><path d="M8 12.052c1.995 0 3.5-1.505 3.5-3.5s-1.505-3.5-3.5-3.5-3.5 1.505-3.5 3.5 1.505 3.5 3.5 3.5zM9 13H7c-2.757 0-5 2.243-5 5v1h12v-1c0-2.757-2.243-5-5-5zm11.294-4.708-4.3 4.292-1.292-1.292-1.414 1.414 2.706 2.704 5.712-5.702z"></path></svg>
                    <span class="ml-3 text-white">Verifications</span>
                </a>
            </li>

            <li>
                <a href="<?=BASE_URL?>/wallet"
                    class="flex items-center p-2 text-emerald-900 rounded-lg dark:text-white hover:bg-emerald-100 dark:hover:bg-emerald-700 group">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: rgb(255, 255, 255);transform: ;msFilter:;"><path d="M14 9h8v6h-8z"></path><path d="M20 3H5C3.346 3 2 4.346 2 6v12c0 1.654 1.346 3 3 3h15c1.103 0 2-.897 2-2v-2h-8c-1.103 0-2-.897-2-2V9c0-1.103.897-2 2-2h8V5c0-1.103-.897-2-2-2z"></path></svg>
                    <span class="ml-3 text-white">Wallet</span>
                </a>
            </li>
            <li>
                <a href="<?=BASE_URL?>/transactions"
                    class="flex items-center p-2 text-emerald-900 rounded-lg dark:text-white hover:bg-emerald-100 dark:hover:bg-emerald-700 group">

                    <svg class="w-5 h-5 text-white transition duration-75 dark:text-white group-hover:text-emerald-900 dark:group-hover:text-white"
                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        style="fill: currentColor;transform: ;msFilter:;">
                        <path d="m15 12 5-4-5-4v2.999H2v2h13zm7 3H9v-3l-5 4 5 4v-3h13z"></path>
                    </svg>
                    <span class="ml-3 text-white">Transactions</span>
                </a>
            </li>

            <li>
                <a href="<?=ROOT_URL?>/sign-out"
                    class="flex items-center p-2 text-emerald-900 rounded-lg dark:text-white hover:bg-emerald-100 dark:hover:bg-emerald-700 group">
                    <svg class="w-5 h-5 text-white transition duration-75 dark:text-white group-hover:text-emerald-900 dark:group-hover:text-white"
                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        style="fill: currentColor;transform: ;msFilter:;">
                        <path
                            d="M18 2H6a1 1 0 0 0-1 1v9l5-4v3h6v2h-6v3l-5-4v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z">
                        </path>
                    </svg>
                    <span class="ml-3 text-white">Log-out</span>
                </a>
            </li>

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