<?php 
    include 'session.php';
?>
<!Doctype html>
<html lang="en">

<head>

    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> Dashboard | <?php echo $sitename ?></title>
    




    <link href="css/styles.css?v=2.0.4"
        rel="stylesheet" type="text/css">
    <link href="css/bgs.css" rel="stylesheet"
        type="text/css">

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.datatables.net/scroller/2.0.7/css/scroller.dataTables.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"
        integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"
        integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
   <style>
        /* Custom CSS */
        /***
* Add your custom css here, all css added here 
* would be loaded globally in the header.
**/

        a {
            cursor: pointer;


        }

        .funFact .icon {
            color: #ff2c57;
            width: 50px;
            display: inline-block;
        }

        .funFact h2 {
            font-size: 20px !important;
        }

        svg {
            max-width: 50px;
        }

        .qrcode svg {
            max-width: 120px;
            border: solid;
            border-radius: 5px;
            padding: 2px;
            width: 120px;
            height: 120px;
        }

        .pricingTable .price-value .month {
            display: inline-block !important;
            margin-left: 0px !important;
        }

        .pricingTable .price-value .amount-range {
            display: block !important;
            text-align: center !important;
        }

        .price-area .label {
            background: #222222 !important;
            padding: 5px !important;
            font-size: 10px !important;
            border-radius: 5px !important;
        }

        .price-area .bg-222222 {
            background: #222222 !important;
        }

        .contactForm input,
        .contactForm .form-control,
        .contactForm textarea {
            color: white !important;
        }

        .contactForm .block-display-1,
        .contactForm .block-display-2 {
            display: inline-block !important;
            width: 35% !important;
        }

        .contactForm .block-display-3 {
            display: inline-block !important;
            width: 25% !important;
            margin-top: 0px !important;
        }

        .cal-result-div {
            color: white !important;
            border: solid 1px #ff2c57;
            border-radius: 30px;
            padding: 10px;
        }

        .shorting-menu .active {
            background: #ff2c57 !important;
        }

        .table-div {
            border-collapse: collapse;
            width: 100%;
        }

        .table-div th,
        .table-div td {
            border: 0px solid #ff2c57;
            padding: 8px;
        }

        .table-div {
            border: 0px solid #ff2c57;
            border-radius: 34px;
        }

        .table-div tr {
            border-radius: 10px;
        }

        .table-div {
            color: white;
        }

        .table-div tr:nth-child(odd) {
            background-color: #222222;
        }

        .table-div th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #ff2c57;
            ;
            color: white;
        }


        .partner-area img {
            height: 90px;
            padding: 5px;
            background: white;
            border-radius: 10px;
        }

        #google_translate_element div span {
            display: none;
        }

        .funny-radio {
            appearance: none;
            border: 1px solid #d3d3d3;
            width: 1.25rem;
            height: 1.25rem;
            content: none;
            outline: none;
            margin: 0;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        }

        .funny-radio:checked {
            appearance: none;
            outline: none;
            padding: 0;
            content: none;
            border: none;
        }

        .funny-radio:checked::before {
            position: absolute;
            color: green !important;
            content: "\00A0\2713\00A0" !important;
            font-weight: bolder;
            font-size: 1rem;
        }

        .owl-nav {
            display: flex;
            justify-content: space-between;
        }

        .owl-nav button {
            background: transparent !important;
        }

        .owl-nav button.owl-prev span,
        .owl-nav button.owl-next span {
            font-size: 2rem;
            line-height: 1.75rem;
            font-weight: 700;
            color: white;
        }

        /* scrollbar */
        /* width */
        ::-webkit-scrollbar {
            width: 8px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px grey;
            border-radius: 10px;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: rgb(96 125 139);
            border-radius: 10px;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: rgb(96 125 139);
        }

        .md\:ml-10 {
            margin-left: 2.5rem;
        }
    </style>



    <script src="https://code.jquery.com/jquery-3.6.0.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"
        integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"
        integrity="sha512-ElRFoEQdI5Ht6kZvyzXhYG9NqjtkmlkfYk0wr6wHxU9JEHakS7UJZNeml5ALk+8IKlU6jDgMabC3vkumRokgJA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>

<body class="cred-hyip-theme1-bg">

    <div class="fixed w-full z-20">

        <div class="flex justify-between w-full py-1 md:py-3 pl-4 md:pl-8 pr-3 md:pr-5 cred-hyip-theme1-bg">
            <div class="flex justify-start space-x-12 w-1/2 items-center">

                <div class="">
                    <a href="#">
                        <img class="rounded-sm w-8 md:w-16"
                            src="image/logo.png" alt="">
                    </a>
                </div>

                <div class="md:flex justify-between items-center pr-5 text-gray-600 focus-within:text-gray-400 w-full">
                </div>
            </div>

            <div class="flex justify-end w-1/2 space-x-4 items-center">

                <div class="md:block" id="google_translate_element"></div>


                <div>
                    <?php if($profile_picture == ""){ ?>
                    <a class="dropdown" href="#">
                        <img class="rounded-full w-8 md:w-10"
                            src="image/profileimage.png" alt="">
                    </a>
                    <?php }else{ ?>
                          <a class="dropdown" href="#">
                        <img class="rounded-full w-8 md:w-10"
                            src="<?php echo $profile_picture ?>" alt="">
                    </a>
                    <?php } ?>

                    <div>
                        <h6 class="h-3 w-3 rounded-full animate-pulse bg-green-500 shadow-lg shadow-green-300">
                        </h6>
                    </div>

                    <ul class="dropdown-menu z-20 absolute w-48 right-0 hidden text-gray-400 text-sm pt-1">

                        <li class=""><span
                                class="rounded-t cred-hyip-theme1-bg2 hover:text-gray-200 py-2 px-4 block whitespace-nowrap font-medium">Test
                                <?php echo $full_name ?>
                                <br> [<?php echo $account_id ?>]</span></li>
                        <li class=""><a
                                class="cred-hyip-theme1-bg2 hover:text-gray-200 py-2 px-4 block whitespace-nowrap"
                                href="status.php">KYC</a></li>
                        <li class=""><a
                                class="rounded-b cred-hyip-theme1-bg2 hover:text-gray-200 py-2 px-4 block whitespace-nowrap"
                                href="account.php"> Profile Overview </a></li>
                        <li class=""><a
                                class="rounded-b cred-hyip-theme1-bg2 hover:text-gray-200 py-2 px-4 block whitespace-nowrap"
                                href="account_edit.php">Account Setting </a></li>
                        <li class=""><a
                                class="rounded-b cred-hyip-theme1-bg2 hover:text-gray-200 py-2 px-4 block whitespace-nowrap"
                                href="logout.php"> Logout </a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="cred-hyip-theme1-breadcrumb">
            <div class="flex items-center space-x-1 md:space-x-3">
                <div class="sidebar-toggle-btn text-white cursor-pointer">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
                        stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
                    </svg>
                </div>

                <div class="text-xs md:text-sm font-medium md:font-semibold text-white">
                    <a href="dashboard.php"
                        class="cred-hyip-theme1-breadcrumb-item-nested">Dashboard</a>
                </div>
            </div>


            <div class="relative inline-block">

                <!--<button-->
                <!--    class="dropdown-with-caret relative sm:w-full z-10 flex items-center p-2 border border-gray-700 text-xs text-gray-300 font-semibold bg-transparent rounded-lg md:mt-0 md:ml-4 hover:text-white focus:shadow-outline"-->
                <!--    data-menu-id="1">-->
                <!--    <span class="mx-1">Quick Links</span>-->
                <!--    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 the-caret" data-menu-id="1"-->
                <!--        viewBox="0 0 20 20" fill="currentColor">-->
                <!--        <path fill-rule="evenodd"-->
                <!--            d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"-->
                <!--            clip-rule="evenodd" />-->
                <!--    </svg>-->
                <!--</button>-->


                <!--<div class="dropdown-menu hidden absolute right-0 z-20 w-44 py-2 mt-2 overflow-hidden bg-white rounded-md shadow-xl dark:bg-gray-800 the-menu"-->
                <!--    data-menu-id="1">-->

                <!--    <a href="https://demo-trade.credcrypto.net"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        Home-->
                <!--    </a>-->

                <!--    <a href="https://demo-trade.credcrypto.net/about-us"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        About Us-->
                <!--    </a>-->

                <!--    <a href="https://demo-trade.credcrypto.net/contact-us"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        Contact Us-->
                <!--    </a>-->

                <!--    <hr class="border-gray-200 dark:border-gray-700 ">-->

                <!--    <a href="https://demo-trade.credcrypto.net/blogs"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        Blog-->
                <!--    </a>-->

                <!--    <hr class="border-gray-200 dark:border-gray-700 ">-->

                <!--    <a href="#"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        FAQ-->
                <!--    </a>-->
                <!--    <a href="#"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        Privacy Policy-->
                <!--    </a>-->
                <!--    <a href="#"-->
                <!--        class="block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white">-->
                <!--        Terms & Conditions-->
                <!--    </a>-->
                <!--</div>-->
            </div>
        </div>
    </div>


    <div class="min-h-screen w-full md:flex">


        <div data-status='full'
            class="sidenav-content z-40 cred-hyip-theme1-bg border-r border-gray-800 fixed top-0 md:top-32 left-0 bottom-0 mt-2 text-sm text-blue-100 min-h-screen w-64 2xl:w-1/5 space-y-3 md:space-y-6 2xl:space-y-8 pt-0 pb-4 px-2 2xl:pl-10 transform -translate-x-full md:translate-x-0 transition duration-200 ease-in-out overflow-y-scroll">


            <div class="md:hidden flex justify-end p-3">
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" class="sidebar-toggle-btn h-5 w-5 cursor-pointer text-white"
                        fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </div>
            </div>


            <nav class="w-full flex flex-col space-y-2 lg:space-y-3">
                 <a href="dashboard.php" class="sidenav-link-active">
                    <div class="opacity-100">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                            xmlns="http://www.w3.org/2000/svg">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z">
                            </path>
                        </svg>
                    </div>
                    <div class="opacity-100 nav-text">
                        <span class="font-semibold">Dashboard</span>
                    </div>
                </a>


                <a href="status.php" class="sidenav-link">
                    <div class="opacity-100">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="opacity-100 nav-text">
                        <span class="font-semibold">KYC</span>
                    </div>
                </a>


               

                <a href="trading.php" class="sidenav-link">
                    <div class="opacity-100">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="opacity-100 nav-text">
                        <span class="font-semibold">Trade</span>
                    </div>
                </a>

                <a href="trading_demo.php" class="sidenav-link">
                    <div class="opacity-100">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="opacity-100 nav-text">
                        <span class="font-semibold">Demo Trade</span>
                    </div>
                </a>
                
                 <a href="signals.php" class="sidenav-link">
                    <div class="opacity-100">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13 7H7v6h6V7z"></path>
                            <path fill-rule="evenodd"
                                d="M7 2a1 1 0 012 0v1h2V2a1 1 0 112 0v1h2a2 2 0 012 2v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2a2 2 0 01-2 2h-2v1a1 1 0 11-2 0v-1H9v1a1 1 0 11-2 0v-1H5a2 2 0 01-2-2v-2H2a1 1 0 110-2h1V9H2a1 1 0 010-2h1V5a2 2 0 012-2h2V2zM5 5h10v10H5V5z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </div>
                    <div class="opacity-100 nav-text">
                        <span class="font-semibold">Signals</span>
                    </div>
                </a>

                <a href="coin-stakings.php" class="sidenav-link">
                    <div class="opacity-100">
                        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M10 2a5 5 0 00-5 5v2a2 2 0 00-2 2v5a2 2 0 002 2h10a2 2 0 002-2v-5a2 2 0 00-2-2H7V7a3 3 0 015.905-.75 1 1 0 001.937-.5A5.002 5.002 0 0010 2z">
                            </path>
                        </svg>
                    </div>
                    <div class="opacity-100 nav-text">
                        <span class="font-semibold">Staking</span>
                    </div>
                </a>



                <!--<a href="trade_bot.php?coin=BTC" class="sidenav-link">-->
                <!--    <div class="opacity-100">-->
                <!--        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">-->
                <!--            <path fill-rule="evenodd"-->
                <!--                d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"-->
                <!--                clip-rule="evenodd"></path>-->
                <!--        </svg>-->
                <!--    </div>-->
                <!--    <div class="opacity-100 nav-text">-->
                <!--        <span class="font-semibold">Trading Bots</span>-->
                <!--    </div>-->
                <!--</a>-->




                <div class="dropdown-with-caret" data-menu-id="3">
                    <a href="#" class=" sidenav-link  justify-between">
                        <div class="sidenav-link-inner">
                            <div class="opacity-100">
                                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M3 3a1 1 0 000 2h11a1 1 0 100-2H3zM3 7a1 1 0 000 2h5a1 1 0 000-2H3zM3 11a1 1 0 100 2h4a1 1 0 100-2H3zM13 16a1 1 0 102 0v-5.586l1.293 1.293a1 1 0 001.414-1.414l-3-3a1 1 0 00-1.414 0l-3 3a1 1 0 101.414 1.414L13 10.414V16z">
                                    </path>
                                </svg>
                            </div>
                            <div class="opacity-100 nav-text">
                                <span class="font-semibold">Deposits</span>
                            </div>
                        </div>
                        <div class="nav-text">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                class="h-5 w-5 text-right transition ease-in-out delay-150 the-caret" data-menu-id="3"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                    </a>

                    <div class=" hidden  mt-2 pl-5 transition ease-in-out delay-150 the-menu" data-menu-id="3">
                        <ul class="space-y-2 text-sm nav-text">
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="deposits.php">New</a>
                            </li>
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="deposits_history.php">History</a>
                            </li>

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




                <div class="dropdown-with-caret" data-menu-id="4">
                    <a href="#" class=" sidenav-link  justify-between">
                        <div class="sidenav-link-inner">
                            <div class="opacity-100">
                                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M8 5a1 1 0 100 2h5.586l-1.293 1.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L13.586 5H8zM12 15a1 1 0 100-2H6.414l1.293-1.293a1 1 0 10-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L6.414 15H12z">
                                    </path>
                                </svg>
                            </div>
                            <div class="opacity-100 nav-text">
                                <span class="font-semibold">Transfers</span>
                            </div>
                        </div>
                        <div class="nav-text">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                class="h-5 w-5 text-right transition ease-in-out delay-150 the-caret" data-menu-id="4"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                    </a>

                    <div class=" hidden  mt-2 pl-5 transition ease-in-out delay-150 the-menu" data-menu-id="4">
                        <ul class="space-y-2 text-sm nav-text">
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="transfers.php">New</a>
                            </li>
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="transfers_history.php">History</a>
                            </li>

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




                <div class="dropdown-with-caret" data-menu-id="5">
                    <a href="#" class=" sidenav-link  justify-between">
                        <div class="sidenav-link-inner">
                            <div class="opacity-100">
                                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                        d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </div>
                            <div class="opacity-100 nav-text">
                                <span class="font-semibold">Loans</span>
                            </div>
                        </div>
                        <div class="nav-text">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                class="h-5 w-5 text-right transition ease-in-out delay-150 the-caret" data-menu-id="5"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                    </a>

                    <div class=" hidden  mt-2 pl-5 transition ease-in-out delay-150 the-menu" data-menu-id="5">
                        <ul class="space-y-2 text-sm nav-text">
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="loans.php">Borrow</a>
                            </li>
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="loans_history.php">History</a>
                            </li>

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



                <div class="dropdown-with-caret" data-menu-id="6">
                    <a href="#" class=" sidenav-link  justify-between">
                        <div class="sidenav-link-inner">
                            <div class="opacity-100">
                                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M2 11a1 1 0 011-1h2a1 1 0 011 1v5a1 1 0 01-1 1H3a1 1 0 01-1-1v-5zM8 7a1 1 0 011-1h2a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1V7zM14 4a1 1 0 011-1h2a1 1 0 011 1v12a1 1 0 01-1 1h-2a1 1 0 01-1-1V4z">
                                    </path>
                                </svg>
                            </div>
                            <div class="opacity-100 nav-text">
                                <span class="font-semibold">Investments</span>
                            </div>
                        </div>
                        <div class="nav-text">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                class="h-5 w-5 text-right transition ease-in-out delay-150 the-caret" data-menu-id="6"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                    </a>

                    <div class=" hidden  mt-2 pl-5 transition ease-in-out delay-150 the-menu" data-menu-id="6">
                        <ul class="space-y-2 text-sm nav-text">
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="investments.php">New</a>
                            </li>
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="investments_history.php">History</a>
                            </li>

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

                <div class="dropdown-with-caret" data-menu-id="8">
                    <a href="#" class=" sidenav-link  justify-between">
                        <div class="sidenav-link-inner">
                            <div class="opacity-100">
                                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M3 3a1 1 0 000 2h11a1 1 0 100-2H3zM3 7a1 1 0 000 2h7a1 1 0 100-2H3zM3 11a1 1 0 100 2h4a1 1 0 100-2H3zM15 8a1 1 0 10-2 0v5.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L15 13.586V8z">
                                    </path>
                                </svg>
                            </div>
                            <div class="opacity-100 nav-text">
                                <span class="font-semibold">Withdrawals</span>
                            </div>
                        </div>
                        <div class="nav-text">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                class="h-5 w-5 text-right transition ease-in-out delay-150 the-caret" data-menu-id="8"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                    </a>

                    <div class=" hidden  mt-2 pl-5 transition ease-in-out delay-150 the-menu" data-menu-id="8">
                        <ul class="space-y-2 text-sm nav-text">
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="withdrawals.php">New
                                    Request</a>
                            </li>
                            <li>
                                <a class="text-gray-400 hover:text-gray-500"
                                    href="withdrawals_history.php">History</a>
                            </li>

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



                <div class="h-44"></div>



            </nav>


        </div>
       

