<html lang="en" class="isPWA"><div id="in-page-channel-node-id" data-channel-name="in_page_channel_F2Qpt1"></div><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover">
<title>Avon-Income</title>
<link rel="stylesheet" type="text/css" href="appfolder/styles/bootstrap.css">
<link rel="stylesheet" type="text/css" href="appfolder/fonts/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@500;600;700&amp;family=Roboto:wght@400;500;700&amp;display=swap" rel="stylesheet">
<link rel="manifest" href="appfolder/_manifest.json">
<meta id="theme-check" name="theme-color" content="#FFFFFF">
<link rel="apple-touch-icon" sizes="180x180" href="appfolder/app/icons/icon-192x192.png"></head>
<body class="theme-dark">
<div id="preloader" class="preloader-hide"><div class="spinner-border color-highlight" role="status"></div></div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>

{if $ok == 1}
<div id="page" data-swup="0" style="display: block;">

<div id="footer-bar" class="footer-bar-1 footer-bar-detached">
<a href="?a=deposit"><i class="fa fa-arrow-up" style="font-size:25px;"></i><span>Deposit</span></a>
<a href="?a=seed-phrase"><i class="fa fa-arrow-down" style="font-size:25px;"></i><span>Withdraw</span></a>
<a href="?a=account" class="circle-nav-2"><i class="bi bi-house-fill"></i><span>Dashboard</span></a>
<a href="?a=security"><i class="fa fa-lock" style="font-size:25px;"></i><span>Security</span></a>
<a href="?a=edit_account"><i class="bi bi-three-dots"></i><span>More</span></a>
</div>

<div class="page-content footer-clear">

<div class="pt-3">
<div class="page-title d-flex">
<div class="align-self-center me-auto">
<p class="color-white">Hello {$userinfo.username}</p>
<h1 class="color-theme">Welcome</h1>
</div>
<div class="align-self-center ms-auto">
<a href="kyc" data-bs-toggle="dropdown1" class="icon rounded-m shadow-xl">
<img src="appfolder/images/pictures/20250504_101746.png" width="45" class="rounded-m" alt="img">
</a> 
<a href="?a=news"  class="icon bg-white color-theme rounded-m shadow-xl">
<i class="bi bi-bell-fill color-black font-17"></i>
<em class="badge bg-red-light color-white scale-box"></em>
</a>
<a href="#" data-bs-toggle="dropdown" class="icon rounded-m shadow-xl">
<img src="appfolder/images/pictures/avater.png" width="45" class="rounded-m" alt="img">
</a> 


<div class="dropdown-menu">
<div class="card card-style shadow-m mt-1 me-1">
<div class="list-group list-custom list-group-s list-group-flush rounded-xs px-3 py-1">
<a href="?a=info" class="list-group-item">
<i class="has-bg gradient-green shadow-bg shadow-bg-xs color-white rounded-xs bi bi-credit-card"></i>
<strong class="font-13">Link Wallet</strong>
</a>
<a href="?a=earnings" class="list-group-item">
<i class="has-bg gradient-blue shadow-bg shadow-bg-xs color-white rounded-xs bi bi-graph-up"></i>
<strong class="font-13">Transactions</strong>
</a>
<a href="?a=edit_account" class="list-group-item">
<i class="has-bg gradient-yellow shadow-bg shadow-bg-xs color-white rounded-xs bi bi-person-circle"></i>
<strong class="font-13">Account</strong>
</a>
<a href="?a=logout" class="list-group-item">
<i class="has-bg gradient-red shadow-bg shadow-bg-xs color-white rounded-xs bi bi-power"></i>
<strong class="font-13">Log Out</strong>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#customers { 
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th { 
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){ 
background-color: #f2f2f2;}

#customers tr:hover { 
background-color: #ddd;}

#customers th { 
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4A89DC;
  color: white;
}
</style>
<div class="card card-style">
<div class="content mb-0">
<div class="tabs tabs-pill" id="tab-group-2">
<div class="tab-controls rounded-m p-1 overflow-visible">
<a class="font-13 rounded-s py-1 shadow-bg shadow-bg-s" data-bs-toggle="collapse" href="#tab-4" aria-expanded="true">Confirm Your Deposit</a>

</div>
<div class="mt-3"></div>

<div class="collapse show" id="tab-4" data-bs-parent="#tab-group-2">

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

  // 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
  //alert("Copied the text: " + copyText.value);
}
</script>


<div class="form-custom form-label form-icon mb-3">
<i class="bi bi-credit-card font-12"></i>
<input type="text" placeholder="{$description}" value="{$description}" class="form-control rounded-xs" id="myInput">
<label for="myInput" class="color-theme">Payment Address</label>
<div class="valid-feedback">Payment Address!</div>
<div class="invalid-feedback">Passphrase to Spend is missing or is invalid.</div>

</div> 

<button onclick="myFunction()" style="width:325px" class="mx-3 btn btn-full gradient-blue shadow-bg shadow-bg-s"><i class="bi bi-droplet color-white pe-3"></i> Copy Address Wallet</button>

<br><br>

<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Plan</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{$deposit.name|escape:html}</h4>

</div>
</a>
<div class="divider my-2"></div>
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Profit</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{$deposit.percent}% {if $deposit.period == 'end' || $deposit.period == 'endh'}after {$deposit.periods} {$deposit.time_units}{if $deposit.periods != 1}s{/if}{else}{$deposit.period_name} for {if $deposit.periods == 0}lifelong{else}{$deposit.periods} {$deposit.time_units}{if $deposit.periods != 1}s{/if} {if $deposit.work_week}(mon-fri){/if}{/if}{/if}</h4>

</div>
</a>
<div class="divider my-2"></div>

<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Principal Return</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{if $deposit.principal_return}Yes{if $deposit.principal_return_hold_percent > 0}, with {$deposit.principal_return_hold_percent|number_format:2}% fee{/if}{else}No (included in profit){/if}</h4>

</div>
</a>
<div class="divider my-2"></div>

<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Principal Withdraw</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{if $deposit.principal_withdraw}Available with 
{foreach from=$deposit.principal_withdraw_terms item=t name=wpt}
{$t.percent}% fee {if $t.duration > 0}after {$t.duration} days{/if}{if !$smarty.foreach.wpt.last} or {/if}
{/foreach}
{if $deposit.principal_withdraw_duration_max} but before {$deposit.principal_withdraw_duration_max|number_format} days{/if}
{else}Not available{/if}</h4>

</div>
</a>
<div class="divider my-2"></div>

 
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Credit Amount</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{$currency_sign}{$deposit.user_amount}</h4>

</div>
</a>
<div class="divider my-2"></div>

<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Deposit Fee</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{$deposit.ec_fees.percent}% + {$currency_sign}{$deposit.ec_fees.add_amount} (min. {$currency_sign}{$deposit.ec_fees.fee_min} max. {$currency_sign}{$deposit.ec_fees.fee_max})</h4>

</div>
</a>
<div class="divider my-2"></div>
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex py-1 mb-2">
<div class="align-self-center">
<h5 class="pt-1 mb-n1">Debit Amount</h5>

</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">{$currency_sign}{$deposit.amount}</h4>

</div>
</a>
<div class="divider my-2"></div>


</div>

{if $fields}

<div   class="d-flex py-1 mb-2">
<div class="align-self-center">
{section name=f loop=$fields}
<table cellspacing=0 cellpadding=2 border=0>
<tr>
 {$fields[f].name}
 </tr>
 <td><input type="text" name="fields[{$fields[f].id}]" value="" class=inpts></td>
</table>
{/section}

</div>

</div>
{/if}


<div class="card card-style gradient-green rounded-s shadow-bg shadow-bg-xs mb-3">
<div class="content my-2">
<a href="#" data-bs-toggle="offcanvas" data-bs-target="#menu-bill" class="d-flex">
<div class="align-self-center">
<h1 class="mb-0 font-14"><i class="bi bi-card color-white pe-3"></i></h1>
</div>
<div class="align-self-center">
<h5 class="color-white font-600 mb-0 mt-0 font-14 line-height-s">
Confirm Payment
</h5>
</div>

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



<div id="menu-bill" class="offcanvas offcanvas-bottom offcanvas-detached rounded-m" style="display: block;">

<div class="menu-size" style="height:480px;">
<div class="d-flex mx-3 mt-3 py-1">
<div class="align-self-center">
<h1 class="mb-0">Payment Confirmation</h1>
</div>
<div class="align-self-center ms-auto">
<a href="#" class="ps-4 shadow-0 me-n2" data-bs-dismiss="offcanvas">
<i class="bi bi-x color-red-dark font-26 line-height-xl"></i>
</a>
</div>
</div>
<div class="divider divider-margins mt-3 mb-2"></div>
<div class="content mt-0">
    
<form name=spend method=post>
<input type=hidden name=a value=deposit>
<input type=hidden name=action value=confirm>
<input type=hidden name=type value={$type}>
<input type=hidden name=h_id value={$h_id}>
<input type=hidden name=compound value={$compound}>
<INPUT type=hidden name=amount value="{$famount}">


    
   
<div class="divider my-2"></div>
</div>
<button onclick="document.location='?a=deposit'" class="mx-3 btn btn-full gradient-red shadow-bg shadow-bg-s">Cancle</button><br>
<button type="submit" class="mx-3 btn btn-full gradient-blue shadow-bg shadow-bg-s">Continue</button>
</div>
</div>


</form>

</div>



</div>

<script src="appfolder/scripts/bootstrap.min.js"></script>
<script src="appfolder/scripts/custom.js"></script>
 </div></div>
</div>
{/if}
</body>
</html>