
<!DOCTYPE HTML>
<html lang="en">
<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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.9.1/font/bootstrap-icons.min.css" integrity="sha512-3Wn6qTHd+w2gWt1Hc1RdVvR6XbqHD7zO+d8dMwXj6p2LZ7fLBR7/CbFic4I/cEZY8zqqcC1EJlqzxIjvKsp7KQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@500;600;700&family=Roboto:wght@400;500;700&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"><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>


<div id="page">

<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="?a=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 gradient-blue color-white shadow-bg shadow-bg-xs rounded-m">
<i class="bi bi-bell-fill font-17"></i>
<em class="badge bg-red-dark color-white scale-box"></em>
</a>
<a href="#" data-bs-toggle="dropdown" class="icon gradient-blue shadow-bg shadow-bg-s rounded-m">
<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>



{if $fatal}

{if $fatal == 'one_per_month'}
You can deposit once a month only.
{/if}

{else}

{literal}
<script language="javascript"><!--
function openCalculator(id)
{

  w = 225; h = 400;
  t = (screen.height-h-30)/2;
  l = (screen.width-w-30)/2;
  window.open('?a=calendar&type=' + id, 'calculator' + id, "top="+t+",left="+l+",width="+w+",height="+h+",resizable=1,scrollbars=0");

{/literal}
  {if $qplans > 1}
{literal}
  for (i = 0; i < document.spendform.h_id.length; i++)
  {
    if (document.spendform.h_id[i].value == id)
    {
      document.spendform.h_id[i].checked = true;
    }
  }
{/literal}
  {/if}
{literal}

}

function updateCompound() {
  var id = 0;
  var tt = document.spendform.h_id.type;
  if (tt && tt.toLowerCase() == 'hidden') {
    id = document.spendform.h_id.value;
  } else {
    for (i = 0; i < document.spendform.h_id.length; i++) {
      if (document.spendform.h_id[i].checked) {
        id = document.spendform.h_id[i].value;
      }
    }
  }

  var cpObj = document.getElementById('compound_percents');
  if (cpObj) {
    while (cpObj.options.length != 0) {
      cpObj.options[0] = null;
    }
  }

  if (cps[id] && cps[id].length > 0) {
    document.getElementById('coumpond_block').style.display = '';

    for (i in cps[id]) {
      cpObj.options[cpObj.options.length] = new Option(cps[id][i]);
    }
  } else {
    document.getElementById('coumpond_block').style.display = 'none';
  }
}
var cps = {};
--></script>
{/literal}

{if $frm.say eq 'deposit_success'}
<h3>The deposit has been successfully saved.</h3>
<br><br>
{/if}

{if $frm.say eq 'deposit_saved'}
<h3>The deposit has been saved. It will become active when the administrator checks statistics.</h3><br><br>
{/if}


{if $errors}
{if $errors.less_min}
Sorry, you can deposit not less than {$currency_sign}{$errors.less_min} with selected processing<br><br>
{/if}
{if $errors.greater_max}
Sorry, you can deposit not greater than {$currency_sign}{$errors.greater_max} with selected processing<br><br>
{/if}
{if $errors.ec_forbidden}
Sorry, deposit with selected processing is temproary forbidden.<br><br>
{/if}
{if $errors.cannot_invest_this_plan_anymore}
Sorry, you cannot invest this plan anymore<br><br>
{/if}
{/if}


 
<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">Investment Package</a>

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

<div class="collapse show" id="tab-4" data-bs-parent="#tab-group-2">
    
     
   <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">CARDINAL PLAN</h5>
<p class="mb-0 font-11 opacity-70"> AFTER 24 HOURS</p>
</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">20%</h4>
<p class="mb-0 font-11 color-red-light"><span class="min_deposit">$100.00</span> - <span class="max_deposit">$999.00</span></p>
</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">STANARD PLAN</h5>
<p class="mb-0 font-11 opacity-70"> AFTER 3 DAYS</p>
</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">40%</h4>
<p class="mb-0 font-11 color-red-light"><span class="min_deposit">$1,000.00</span> - <span class="max_deposit">$4,999.00</span></p>
</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">TRADERS PLAN</h5>
<p class="mb-0 font-11 opacity-70"> AFTER 7 DAYS</p>
</div>
<div class="align-self-center ms-auto text-end">
<h4 class="pt-1 mb-n1">60%</h4>
<p class="mb-0 font-11 color-red-light"><span class="min_deposit">$5,000.00</span> - <span class="max_deposit">UNLIMITED</span></p>
</div>
</a>
<div class="divider my-2"></div>

</div>

<div class="card card-style gradient-red 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-droplet 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">
Process
</h5>
</div>
<div class="align-self-center ms-auto">
<h5 class="color-white font-600 mb-0 mt-0 font-14 line-height-s">
Tap to Pay
</h5>
</div>
</a>
</div>
</div>

<div id="menu-bill" class="offcanvas offcanvas-bottom offcanvas-detached rounded-m">

<div class="menu-size" style="height:530px;">
<div class="d-flex mx-3 mt-3 py-1">
<div class="align-self-center">
<h1 class="mb-0">Process Your Investment</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 method=post name="spendform">
<input type=hidden name=a value=deposit>

<div class="form-custom form-label form-icon mb-3">
<i class="bi bi-currency-dollar font-14"></i>
<input type="text" disabled placeholder="{$currency_sign}{$ab_formated.total}" class="form-control rounded-xs" id="c1"   required />
<label for="c1" class="color-theme">Account Balance</label>
<div class="valid-feedback">Excellent!</div>
<div class="invalid-feedback">Name is Missing or Invalid</div>
<span>(Account Balance)</span>
</div>   
<div class="form-custom form-label form-icon mb-3">
<i class="bi bi-check-circle font-13"></i>
<select name=h_id  class="form-select rounded-xs" id="c6" aria-label="Floating label select example">
<option selected>Select Plan</option>
{section name=plans loop=$plans}
<option value='{$plans[plans].id}'>{$plans[plans].name}</option>
{/section}
</select>


<label for="c6" class="color-theme">Select Plan</label>
<div class="valid-feedback">Select a plan to processed</div>
</div> 
<div class="form-custom form-label form-icon mb-3">
<i class="bi bi-check-circle font-13"></i>
<select name=type class="form-select rounded-xs" id="c66" aria-label="Floating label select example">
<option selected>Select Payment</option>
{section name=p loop=$ps}
   {if $ps[p].status}
                     <option value="process_{$ps[p].id}">{$ps[p].name} </option>
     
         {/if}
       
{/section}

{section name=p loop=$ps}
   {if $ps[p].balance > 0 and $ps[p].status == 1}
  
      <option value="account_{$ps[p].id}">Spend funds from the Account Balance {$ps[p].name}</option>
     
   {/if}
{/section}

     
    
</select>
<label for="c66" class="color-theme">Select Payment</label>
<div class="valid-feedback">Select a payment to processed</div>
</div> 
<div class="form-custom form-label form-icon mb-3">
<i class="bi bi-currency-dollar font-12"></i>
<input type="text" name=amount value='{$min_deposit}' class="form-control rounded-xs" id="c3"   required />
<label for="c3" class="color-theme">Amount to Spend</label>
<div class="valid-feedback">Amount to Spend looks good!</div>
<div class="invalid-feedback">Amount to Spend is missing or is invalid.</div>
<span>(required)</span>
</div>
    
   
<div class="divider my-2"></div>

<button type=submit  class="mx-3 btn btn-full gradient-blue shadow-bg shadow-bg-s">Continue</button>
</div></div>
</div>




</form>
{literal}
<script language=javascript>
for (i = 0; i<document.spendform.type.length; i++) {
  if ((document.spendform.type[i].value.match(/^process_/))) {
    document.spendform.type[i].checked = true;
    break;
  }
}
updateCompound();
</script>
{/literal}

{/if}




</div>
<div id="menu-sidebar" data-menu-active="nav-welcome"  class="offcanvas offcanvas-start offcanvas-detached rounded-m">
    
</div>


</div>

<script src="appfolder/scripts/bootstrap.min.js"></script>
<script src="appfolder/scripts/custom.js"></script>
</body> 
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '1dae10de7dcb1f47e3001034730f3111ee95561a';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
