<?php
    include 'header.php';
?>

    
    <div class="pt-28 md:pt-0 mt-0 md:mt-36 w-full md:w-4/5" id="general-content">
        <div class="w-full md:w-10/12 md:ml-64 2xl:ml-1/5" id="general-content-section">

            
            <div class="w-full py-5">
    <div class="w-full flex justify-center">
        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">
            <div class="flex justify-between items-center">
                <div>
                    
                    <h2 class="bg-transparent text-[#ebedf2] font-medium capitalize">
                        My Profile
                    </h2>
                </div>

                <div>
                  <button 
  onclick="window.history.back();" 
  class="flex justify-start items-center text-xs text-gray-400 hover:text-white"
>
  <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="M11 17l-5-5m0 0l5-5m-5 5h12" />
  </svg>
  <span>back</span>
</button>
                </div>
            </div>
        </div>
    </div>
</div>
            

            
            <div id="preloader" class="action-preloader">
    <div id="loading-bar-spinner" class="spinner">
        <div class="spinner-icon"></div>
    </div>
</div>

            
            
            
                        

            
                        

            
            
<div class="w-full py-5">
    <div class="w-full flex justify-center">
        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">
            <div class="flex justify-between items-center">
                <div>
                    <h6 class="bg-transparent text-center text-[#ebedf2] text-xs md:text-sm capitalize">
                        Profile Overview
                    </h6>
                </div>
                <div>
                    <a href="account_edit.php" class="flex justify-start items-center space-x-1 text-xs md:text-sm text-[#d1d5db] text-center px-5 py-2 my-2 bg-[#1b2e4b] hover:bg-gray-700 rounded-md">
                        <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="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
                        </svg>
                        <span>Edit</span>
                    </a>
                </div>
            </div>

            <hr class="w-full border-b border-dotted border-gray-600 border">



            <div class="flex justify-center mt-10">
                <div>
                    <div class="w-36 h-36 rounded-full">
                          <?php if($profile_picture == ""){ ?>
                        <img class="min-h-full min-w-full" src="image/profileimage.png" alt="">
                        <?php }else{ ?>
                         <img class="min-h-full min-w-full" src="<?php echo $profile_picture ?>" alt="">
                         <?php } ?>
                    </div>

                    <h3 class="text-[#bfc9d4] font-medium text-center text-base md:text-lg mt-2">Test User</h3>
                </div>
            </div>
            
            
            
            

            <div class="mt-10 text-[#bfc9d4] text-xs md:text-sm pl-10 md:pl-20 space-y-2">
                <div class="flex space-x-3 items-start hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs">Account ID</h6>
                        <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="M10 6H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V8a2 2 0 00-2-2h-5m-4 0V5a2 2 0 114 0v1m-4 0a2 2 0 104 0m-5 8a2 2 0 100-4 2 2 0 000 4zm0 0c1.306 0 2.417.835 2.83 2M9 14a3.001 3.001 0 00-2.83 2M15 11h3m-3 4h2" />
                        </svg>
                    </div>
                    <div>
                        <h4><?php echo $account_id ?></h4>
                    </div>
                </div>
                <div class="flex space-x-3 items-start hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs">Available Bal</h6>
                        <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="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
                        </svg>
                    </div>
                    <div>
                        <h4>USD<?php echo number_format($balance, 2) ?></h4>
                    </div>
                </div>
                <div class="flex space-x-3 items-start hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs">Email address</h6>
                        <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 d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
                            <polyline points="22,6 12,13 2,6"></polyline>
                        </svg>
                    </div>
                    <div>
                        <h4><?php echo $email ?></h4>
                    </div>
                </div>
                <div class="flex space-x-3 items-start hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs">Phone number</h6>
                        <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="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                        </svg>
                    </div>
                    <div>
                        <h4><?php echo $phone_no ?></h4>
                    </div>
                </div>
                <div class="flex space-x-3 items-start hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs">Date of birth</h6>
                        <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="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                        </svg>
                    </div>
                    <div>
                        <h4><?php echo $dob  ?></h4>
                    </div>
                </div>
            </div>

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


<div class="w-full py-5">
    <div class="w-full flex justify-center">
        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">
            <div class="flex justify-between items-center">
                <div>
                    <h6 class="bg-transparent text-center text-[#ebedf2] text-xs md:text-sm capitalize">
                        Account Standings
                    </h6>
                </div>
            </div>

            <hr class="w-full border-b border-dotted border-gray-600 border">

            <div class="mt-10 text-[#bfc9d4] text-sm md:text-base pl-10 md:pl-20 space-y-2">
                <div class="flex space-x-3 items-center hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs font-semibold">Status:</h6>
                    </div>
                    <div>
                        <h4><?php echo $status ?></h4>
                    </div>
                </div>
                
                <div class="flex space-x-3 items-center hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-xs font-semibold">KYC Verification:</h6>
                    </div>
                    <div>
                        <h4>verified</h4>
                    </div>
                </div>
            </div>

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

<div class="w-full py-5">
    <div class="w-full flex justify-center">
        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">
            <div class="flex justify-between items-center">
                <div>
                    <h6 class="bg-transparent text-center text-[#ebedf2] text-xs md:text-sm capitalize">
                        Location Information
                    </h6>
                </div>
            </div>

            <hr class="w-full border-b border-dotted border-gray-600 border">

            <div class="mt-10 text-[#bfc9d4] text-base md:text-lg pl-10 md:pl-20 space-y-2">
                <div class="hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-base font-semibold">Address:</h6>
                    </div>
                    <div class="text-sm">
                        <h4><?php echo $street_address ?></h4>
                    </div>
                </div>
                <div class="hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-base font-semibold">State</h6>
                    </div>
                    <div class="text-sm">
                        <h4><?php echo $state ?></h4>
                    </div>
                </div>
                <div class="hover:font-semibold hover:text-gray-200">
                    <div class="flex space-x-2 items-center">
                        <h6 class="text-base font-semibold">Country:</h6>
                    </div>
                    <div class="text-sm">
                        <h4><?php echo $country ?></h4>
                    </div>
                </div>
            </div>

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


<!--<div class="w-full py-5">-->
<!--    <div class="w-full flex justify-center">-->
<!--        <div class="w-11/12 rounded-md bg-[#0e1726] p-2 md:p-4">-->
<!--            <div class="flex justify-between items-center">-->
<!--                <div>-->
<!--                    <h6 class="bg-transparent text-center text-[#ebedf2] text-xs md:text-sm capitalize">-->
<!--                        Referral Details-->
<!--                    </h6>-->
<!--                </div>-->
<!--            </div>-->

<!--            <hr class="w-full border-b border-dotted border-gray-600 border">-->

<!--            <div class="w-full flex justify-center mt-10">-->
<!--                <div class="w-4/5 flex justify-between">-->
<!--                    <div class="w-28 h-16 rounded-md bg-[#5f709c] text-[#ebedf2] px-2 pt-1 pb-0 md:px-4 md:pt-2">-->
<!--                        <div>-->
<!--                            <h2 class="text-base md:text-lg font-semibold">OVNLT1</h2>-->
<!--                            <span class="text-xs font-light">Referrred By</span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="w-28 h-16 rounded-md bg-[#5f709c] text-[#ebedf2] px-2 pt-1 pb-0 md:px-4 md:pt-2">-->
<!--                        <div>-->
<!--                            <h2 class="text-base md:text-lg font-semibold">3</h2>-->
<!--                            <span class="text-xs font-light">Total Referrals:</span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="p-2 md:p-4">-->
<!--                <table id="datatable-skeleton-table" class="text-[#bfc9d4] text-xs md:text-sm">-->
<!--                    <thead>-->
<!--                        <tr>-->
<!--                            <th>#</th>-->
<!--                            <th>Date</th>-->
<!--                            <th>Account ID</th>-->
<!--                            <th>Name</th>-->
<!--                        </tr>-->
<!--                    </thead>-->
<!--                    <tbody width="100%">-->
<!--                                                <tr>-->
<!--                            <td>1</td>-->
<!--                            <td>Jan 02, 2023</td>-->
<!--                            <td>061AOWVJYM118</td>-->
<!--                            <td>Ddd Dddd</td>-->
<!--                        </tr>-->
<!--                                                <tr>-->
<!--                            <td>2</td>-->
<!--                            <td>Aug 20, 2023</td>-->
<!--                            <td>8LI63JHQZ4341</td>-->
<!--                            <td>Ajf Trd</td>-->
<!--                        </tr>-->
<!--                                                <tr>-->
<!--                            <td>3</td>-->
<!--                            <td>Jul 27, 2024</td>-->
<!--                            <td>HDORGTZB4L497</td>-->
<!--                            <td>CHUKWU David</td>-->
<!--                        </tr>-->
<!--                                            </tbody>-->
<!--                </table>-->
<!--            </div>-->

<!--        </div>-->
<!--    </div>-->
<!--</div>-->

            

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



<?php
    include 'footer.php';
?>