VTU CODE PAGE

must have this registration link

https:// mybravepay.com/brave-vtu-otp/

also check OTP Verification form and change the link to your new site link

User should select (data, airtime, electricity etc)

System check user wallet balance

If balance is insufficient the system should stop transaction

System sends purchase request to peyflex API.

If peyflex return success,
deduct user wallet log transactions
Show success message
If peyflex returns failed, do not deduct wallet, show contact support for assistant

paystack after payment

https://mybravepay.com/wallet-funding-success/?trxref=BWF_1782763542_5&reference=BWF_1782763542_5

https:// mybravepay.com/create-account/

https:// mybravepay.com/login/

https:// mybravepay.com/create-account/

https:// mybravepay.com/f-a-q/

https:// mybravepay.com/login/

https: //mybravepay.com/support/

https:// mybravepay.com/call/

https:// mybravepay.com/my-account/ ‎

<?php

/*
|————————————————————————–
| BRAVE VTU DASHBOARD SHORTCODE
|————————————————————————–
*/

if (!defined(‘ABSPATH’)) {
exit;
}

if (!function_exists(‘brave_vtu_dashboard_shortcode’)) {

function brave_vtu_dashboard_shortcode() {

if (!is_user_logged_in()) {

return ‘
<div style=”
width:95%;
max-width:500px;
margin:40px auto;
background:#fff;
padding:30px 20px;
border-radius:22px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
font-family:Arial,sans-serif;
“>
<h2 style=”color:#3f0099;”>Login Required</h2>
<p>Please login to access your dashboard.</p>
</div>’;
}

$user_id = get_current_user_id();

$wallet = 0;

if (function_exists(‘brave_get_balance’)) {
$wallet = (float) brave_get_balance($user_id);
}

ob_start();
?>

<style>

.brave-dashboard-wrap{
width:100%;
max-width:1100px;
margin:10px auto 80px;
padding:0 10px;
font-family:Arial,sans-serif;
}

/* TOP CARD */
.brave-dashboard-top{
background:linear-gradient(135deg,#3f0099,#2e0072);
border-radius:22px;
padding:20px;
color:#fff;
box-shadow:0 10px 25px rgba(63,0,153,0.25);
}

.brave-wallet-box{
margin-top:12px;
background:rgba(255,255,255,0.12);
border-radius:16px;
padding:16px;
}

/* LABEL (SMALL TEXT) */
.brave-wallet-label{
text-align:center;
font-size:11px;
letter-spacing:1px;
opacity:0.85;
margin-bottom:5px;
text-transform:uppercase;
}

/* AMOUNT (BIG TEXT) */
.brave-wallet-amount{
text-align:center;
font-weight:bold;
color:#fff;
font-size:26px;
}

.brave-wallet-actions{
display:flex;
justify-content:center;
gap:10px;
margin-top:12px;
flex-wrap:wrap;
}

.brave-balance-toggle{
background:#fff;
color:#3f0099;
border:none;
padding:8px 14px;
border-radius:10px;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-decoration:none;
}

/* BONUS LINK */
.brave-bonus-link{
display:block;
text-align:center;
margin-top:12px;
padding:10px;
background:rgba(255,255,255,0.15);
border-radius:10px;
color:#fff;
font-size:13px;
text-decoration:none;
font-weight:bold;
}

.brave-bonus-link:hover{
background:rgba(255,255,255,0.25);
}

/* GRID */
.brave-dashboard-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:14px;
}

.brave-dashboard-card{
background:#fff;
border-radius:16px;
padding:14px 6px;
text-align:center;
text-decoration:none;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
transition:0.3s ease;
}

.brave-dashboard-card:hover{
transform:translateY(-3px);
}

.brave-dashboard-icon{
width:50px;
height:50px;
margin:0 auto 8px;
border-radius:50%;
background:#3f0099;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#fff;
}

.brave-dashboard-card h3{
margin:0;
font-size:12px;
font-weight:bold;
color:#222;
}

</style>

function braveToggleBalance(){

var balance = document.getElementById(‘brave-wallet-balance’);
var btn = document.getElementById(‘brave-hide-btn’);

if(balance.dataset.hidden === ‘yes’){
balance.innerHTML = balance.dataset.amount;
balance.dataset.hidden = ‘no’;
btn.innerHTML = ‘Hide’;
} else {
balance.innerHTML = ‘₦********’;
balance.dataset.hidden = ‘yes’;
btn.innerHTML = ‘Show’;
}
}

</script>

<!– WALLET –>
<div class=”brave-dashboard-top”>

<div class=”brave-wallet-label”>
TOTAL BALANCE
</div>

<button id=”brave-hide-btn” class=”brave-balance-toggle” onclick=”braveToggleBalance()”>
Hide Balance
</button>

</div>

<a href=”https://bravemarketplace.com/fyryhjgujj/”
class=”brave-bonus-link”>
<span style=”color:#ffffff;font-weight:bold;”>Join Bonus System</span>
</a>

</div>
<!– TRANSFER & HISTORY BUTTONS –>
<div style=”
display:flex;
gap:10px;
margin-top:12px;
“>

<a href=”https://bravemarketplace.com/dfdesfes-ggnew/”
style=”
flex:1;
text-align:center;
background:;
color:#ffffff;
padding:12px;
border-radius:10px;
text-decoration:none;
font-size:13px;
font-weight:bold;
box-sizing:border-box;
“>
Transfer
</a>

<a href=”https://bravemarketplace.com/vtu-wallet-history/”
style=”
flex:1;
text-align:center;
background:;
color:#ffffff;
padding:12px;
border-radius:10px;
text-decoration:none;
font-size:13px;
font-weight:bold;
box-sizing:border-box;
“>
History
</a>

</div>

<!– SERVICES –>
<div class=”brave-dashboard-grid”>

<a href=”https://bravemarketplace.com/vtu-airtime-puchase/” class=”brave-dashboard-card”>
<div class=”brave-dashboard-icon”>☎</div>
<h3>Airtime</h3>
</a>

<a href=”https://bravemarketplace.com/vtu-electricity/” class=”brave-dashboard-card”>
<div class=”brave-dashboard-icon”>⚡</div>
<h3>Electricity</h3>
</a>

<a href=”https://bravemarketplace.com/vtu-dashboard-wallet/” class=”brave-dashboard-card”>
<div class=”brave-dashboard-icon”>🏦</div>
<h3>Wallet</h3>
</a>

<a href=”https://bravemarketplace.com/vtu-fund-betting/” class=”brave-dashboard-card”>
<div class=”brave-dashboard-icon”>🎰</div>
<h3>Betting</h3>
</a>

<?php

return ob_get_clean();
}
}

add_shortcode(‘brave_vtu_dashboard’, ‘brave_vtu_dashboard_shortcode’);