PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u403625155/domains/apexdigitalstrade.com/public_html/dashboard/index.php

<?php
require "header.php"
?>
<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Josefin Sans', sans-serif;
}
.row>* {
   // width: 60px !important;
}

/*.container {*/
/*    min-height: 100vh !important;*/
/*    width: 100%;*/
/*    background: #000;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

.card2 {
    width: 90vw;
    height: 250px;
    color: #fff;
    cursor: pointer;
    perspective: 1000px;
}

.card-inner2 {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.front, .back {
    width: 100%;
    height: 100%;
    //background-image: linear-gradient(45deg, #000, #595959);
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    backface-visibility: hidden;
}
#variable-front, #variable-back{
    background-image: linear-gradient(45deg, #000, #595959);
}
.master{
    background-image: linear-gradient(45deg, #000, #595959) !important;
}
.visa{
    background-image:linear-gradient(45deg, #5163AE, #A3B8FC) !important;
}

.row2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
    z-index: -1;
}

.card-no {
    font-size: 22px;
    margin-top: 40px;
}

.card-holder {
    font-size: 12px;
    margin-top: 20px;
}

.name {
    font-size: 15px;
    
}

.bar {
    background: #222;
    margin-left: -30px;
    margin-right: -30px;
    height: 60px;
    margin-top: 10px;
}

.card-cvv {
    margin-top: 20px;
}

.card-cvv div {
    flex: 1;
}

.card-cvv img {
    width: 100%;
    display: block;
    line-height: 0;
}

.card-cvv p {
    background: #fff;
    color: #000;
    font-size: 22px;
    padding: 10px 20px;
}

.card-text {
    margin-top: 30px;
    font-size: 14px;
}

.signature {
    margin-top: 30px;
}

.back {
    transform: rotateY(180deg);
}

.card2:hover .card-inner2 {
    transform: rotateY(-180deg);
}




.line-loader {
  width: 80%;
  max-width: 80%;
  height: 5px;
  margin: 30px auto;
  background-image: linear-gradient(-45deg, #fff 33%, hsla(0, 0%, 0%, .1) 33%, hsla(0, 0%, 0%, .1) 66%, #2b56f5 66%), linear-gradient(to top, hsla(0, 0%, 0%, .3), hsla(0, 0%, 0%, 0) 50%, hsla(0, 0%, 0%, .4) 50%);
    background-size: 80px 40px, 100% 100%, 100% 100%;
    border-radius: 50px;
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
}

@-webkit-keyframes loading {
  to {
    background-position: 80px 0;
  }
}
@keyframes loading {
  to {
    background-position: 80px 0;
  }
}
</style>

    <!-- App Capsule -->
    <div id="appCapsule">

        <!-- Wallet Card -->
        <div class="section wallet-card-section pt-1">
            <div class="wallet-card">
                     <!-- Balance -->
                     <div class="balance">
                    <div class="left">
                        <span class="title">Total Balance</span>
                        <script>
  var isVisible = true;

  function toggleValue() {
    var valueElement = document.getElementById('remBalValue');

    if (isVisible) {
      valueElement.innerHTML = '***';
    } else {
      valueElement.innerHTML = '$ <?php echo number_format($rem_bal, 2); ?>';
    }

    isVisible = !isVisible;
  }
</script>

<h5 class="total" onclick="toggleValue()" style="display: inline-block; margin-right: 10px;">
  <span id="remBalValue">$ <?php echo number_format($rem_bal, 2); ?></span>
</h5>
      

                        
                       
                       
                    </div>
                    
                    <div class="right">
                        
                         <span class=""><?php echo $account_number; ?> <button class="btn btn-primary btn-sm" onclick="copyText()"><i class="bx bx-copy"></i></button></span>
                         <input type="text" class="d-none" value="<?php echo $account_number; ?>" id="textToCopy" />
                         <br/>
                         <small>Account Number</small>
                       
                        <!--<a href="fund" >-->
                        <!--    <ion-icon name="add-outline"></ion-icon>-->
                        <!--</a>-->
                    </div>
                </div>
                <!-- * Balance -->
                <!-- Wallet Footer -->
                <div class="wallet-footer">
                
<div class="item">
    <a href="fund" id="donateButton">
        <div class="icon-wrapper bg-danger">
            <ion-icon name="arrow-up-outline"></ion-icon>
        </div>
        <strong>Deposit</strong>
    </a>
</div>


<script>
    document.addEventListener('DOMContentLoaded', function () {
        const donateButton = document.getElementById('donateButton');
        donateButton.addEventListener('click', function (event) {
            event.preventDefault();
            
            Swal.fire({
                title: 'Info',
                text: 'Contact Support For Payment Information!',
                icon: 'info',
                confirmButtonText: 'OK'
            });
        });
    });
</script>

                    <div class="item">
                        <a href="transfer" data-bs-toggle="modal" data-bs-target="#sendActionSheet">
                            <div class="icon-wrapper">
                                <ion-icon name="arrow-forward-outline"></ion-icon>
                            </div>
                            <strong>Send</strong>
                        </a>
                    </div>
                 
                    <div class="item">
                        <a href="invest">
                            <div class="icon-wrapper bg-warning">
                                <ion-icon name="swap-vertical"></ion-icon>
                            </div>
                            <strong>Invest</strong>
                        </a>
                    </div>

                </div>
                <!-- * Wallet Footer -->
            </div>
        </div>
        <!-- Wallet Card -->


          <!-- Send Action Sheet -->
          <div class="modal fade action-sheet" id="sendActionSheet" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Send Funds</h5>
                    </div>
                    <div class="modal-body px-4">
                    <div class="action-sheet-content">
    <div class="form-group basic">
     
            <a href="transfer">
                <button type="button" class="btn btn-primary btn-block btn-lg" data-bs-dismiss="modal">To Apex Digitals Trade Wallet</button>
            </a>
</div>


<div class="form-group basic">
            <a href="international-transfer">
                <button type="button" class="btn btn-primary btn-block btn-lg" data-bs-dismiss="modal">To International Bank</button>
            </a>
    </div>

</div>

<script>
    function showErrorMessage() {
        swal('Oops', 'Fraudulent Activity Detected. Please contact support.', 'error');
    }
</script>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <!-- Stats -->
        <div class="section">
            <div class="row mt-2">
                <div class="col-6">
                    <div class="stat-box">
                        <div class="title">Income</div>
                        <div class="value text-success">$ <?php echo number_format($prof,2); ?></div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="stat-box">
                        <div class="title">Expenses</div>
                        <div class="value text-danger">$ <?php echo number_format($sum_debit,2); ?></div>
                    </div>
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-6">
                    <div class="stat-box">
                        <div class="title">Total Deposits</div>
                        <div class="value">$ <?php echo number_format($total_deposited,2); ?></div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="stat-box">
                        <div class="title">Total Investments</div>
                        <div class="value">$ <?php echo number_format($balance,2); ?></div>
                    </div>
                </div>
            </div>
        </div>



</div>



</div>

            </div>

</div>


        

        <!-- Transactions -->
        <div class="section mt-4">
            <div class="section-heading">
                <h2 class="title">Transactions</h2>
                <a href="transactions" class="link" style="color:#fff;">View All</a>
            </div>
            <div class="transactions">
            <?php
                            $getActivities = mysqli_query($conn, "SELECT transactions.folio_id, transactions.id, transactions.type, transactions.amount, transactions.status, transactions.date FROM `transactions` LEFT JOIN users ON users.id=transactions.user_id WHERE `user_id` = '$id' AND NOT(transactions.type='card' AND transactions.status='pending') ORDER BY `id` DESC LIMIT 10");
                            if(mysqli_num_rows($getActivities)>0){
                              while($activities = mysqli_fetch_assoc($getActivities)){
                                $portifolioId = $activities['folio_id'];
                                $date = $activities['date'];
                                $type=$activities['type'];
                                $amount = $activities['amount'];
                                $trxID = $activities['id'];
                                $transaction_status=$activities['status'];
                                
                               ?>
                <!-- item -->
                <a href="#" class="item">
                    <div class="detail">
                        <img src="../logo/4.png" alt="img" class="image-block imaged w48">
                        <div>
                            <strong><?php echo $type; ?></strong>
                            <p><?php echo $date; ?></p>
                            
                        </div>
                    </div>
                    <div class="right">
                        <div class="price <?php if($type=='deposit' || $type=='Transfer in' || ($type=="live trade" && $transaction_status == 'win')){echo 'text-success';} else {echo 'text-danger' ;} ?>">  $ <?php echo $amount; ?></div>
                        <p><?php echo $transaction_status; ?></p>
                    </div>
                </a>
                <?php
                              }
                            }
                            else{
                                ?>

                                <!-- item -->
                <a href="#" class="item">
                    <div class="detail">
                        <img src="../logo/4.png" alt="img" class="image-block imaged w48">
                        <div>
                            <strong></strong>
                            <p>No Transactions to display</p>
                        </div>
                    </div>
                    <div class="right">
                        
                    </div>
                </a>

                                <?php
                            }
                ?>
               
            </div>
        </div>
        <!-- * Transactions -->













        

       
    

  <script>
      function copyText() {
  // Get the text field
  var copyText = document.getElementById("textToCopy");

  // Select the text field
  copyText.select();
  copyText.setSelectionRange(0, 99999); // For mobile devices

   // Copy the text inside the text field
  navigator.clipboard.writeText(copyText.value);

  // Alert the copied text
  swal("Copied","Wallet ID copied","success");
}
  </script>    
<br>
<br>
<br>


<?php
require "footer.php";
?>
Back to Directory=ceiIENDB`