JFIF $
d d 7
Viewing File: /home/optimaldigitaltr/public_html/src/storage/framework/views/484ddc9d17d8049666b44b6d3b91685c.php
<?php $__env->startSection('content'); ?>
<div class="main-content" data-simplebar>
<style>
/* Card container with perspective for 3D effect */
:root {
--bs-primary: #0d7bfe; /* Uses Bootstrap's primary color dynamically */
}
.card-container {
perspective: 1000px;
height: 340px;
cursor: pointer;
position: relative;
width: 100%;
max-width: 900px;
margin: 0 auto;
}
.col-lg-8 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 50%;
}
/* Inner card that will be flipped */
.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.8s;
transform-style: preserve-3d;
}
/* Flip the card when container has 'flipped' class */
.card-container.flipped .card-inner {
transform: rotateY(180deg);
}
/* Front and Back sides of the card */
.card-face {
position: absolute;
width: 100%;
height: 100%;
border-radius: 15px;
backface-visibility: hidden;
box-shadow: 0 8px 16px rgba(0,0,0,0.3);
color: #fff;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
box-sizing: border-box;
}
/* Back side styling with updated gradient */
.card-back {
transform: rotateY(180deg);
position: relative;
}
/* Top section containing logo and balance */
.top-section {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px; /* Adjusted to move logo up */
}
/* Bank logo styling */
.card-logo img {
width: 130px;
/* Move the logo up */
transform: translateY(-15px);
}
/* Balance display styling */
.card-balance {
text-align: right;
}
.balance-label {
font-size: 0.7em;
text-transform: uppercase;
color: #bdc3c7;
display: block;
margin-bottom: 5px;
}
.balance-amount {
font-size: 1em;
font-weight: bold;
}
/* Card Chip Placeholder Image */
.card-chip-image {
width: 100px;
height: 75px;
}
/* Card number container */
.card-number-container {
position: relative;
margin-top: 20px;
font-size: 1.6em;
font-family: 'Courier New', Courier, monospace;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
}
/* Card number styling */
.card-number {
flex-grow: 1;
text-align: center;
}
/* Copy button styling */
.copy-button {
background-color: transparent;
border: none;
color: #fff;
cursor: pointer;
font-size: 1em;
margin-left: 10px;
padding: 0;
}
.copy-button:hover {
color: #0d7bfe;
}
/* Card details container */
.card-details {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
/* Labels for card details */
.card-details label {
font-size: 0.7em;
text-transform: uppercase;
color: #bdc3c7;
display: block;
margin-bottom: 5px;
}
/* Cardholder name, expiry date styling */
.card-holder, .card-expiry {
font-size: 0.9em;
letter-spacing: 1px;
}
/* Magnetic stripe styling */
.magnetic-stripe {
width: 100%;
height: 40px;
background-color: #1c1c1c;
box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
}
/* Signature strip styling */
.signature-strip {
width: 80%;
height: 40px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
align-items: center;
padding: 0 10px;
color: #000;
font-size: 0.8em;
margin-bottom: 10px; /* Reduced margin for better alignment */
box-sizing: border-box;
}
/* CVV and notice styling on the back */
.cvv-container {
display: flex;
align-items: center;
margin-bottom: 30px; /* Adjusted to move CVV up */
margin-top: 10px; /* Added for better positioning */
}
.cvv-label {
font-size: 0.8em;
margin-right: 10px;
color: #bdc3c7;
text-transform: uppercase;
}
.cvv {
width: 40px;
height: 25px;
background-color: #fff;
color: #000;
text-align: center;
line-height: 25px;
border-radius: 3px;
font-weight: bold;
font-family: 'Courier New', Courier, monospace;
}
.notice {
font-size: 0.7em;
color: #bdc3c7;
text-align: center;
position: absolute;
bottom: 10px;
left: 20px;
right: 20px;
}
/* Hover effect for interactivity */
.card-container:hover .card-inner {
box-shadow: 0 12px 24px rgba(0,0,0,0.4);
}
/* Locked Card Styles */
.card-container.locked .card-inner {
filter: blur(5px) grayscale(100%);
pointer-events: none; /* Disable interactions */
}
/* Unlock Button Styles */
.unlock-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(128, 128, 128, 0.6); /* Semi-transparent grey */
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
text-align: center;
}
.unlock-button {
background-color: #0d7bfe;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 1em;
margin-top: 10px;
}
.unlock-button:hover {
background-color: #095bb5;
}
/* Toast Notification Styles */
.toast-container {
position: fixed;
top: 20px;
right: 20px;
z-index: 9999;
}
.toast {
min-width: 250px;
margin-bottom: 10px;
padding: 15px 20px;
border-radius: 5px;
color: #fff;
opacity: 0.9;
display: none;
}
.toast-success {
background-color: #28a745;
}
.toast-error {
background-color: #dc3545;
}
/* Card Purchase Notice */
.card-purchase-notice {
text-align: center;
font-size: 0.8em;
color: #ffcc00;
}
.bg-gradient-primary {
background: linear-gradient(135deg, #000000, var(--bs-primary, red));
}
</style>
<!-- Parent Row -->
<div class="row mb-4">
<!-- Left Column: Referral URL and Wallets -->
<div class="col-lg-8">
<!-- Referral URL Section -->
<div class="row mb-4">
<div class="col-md-12">
<div class="i-card-sm p-3 w-100">
<label for="referral-url" class="form-label">Referral URL</label>
<div class="input-group">
<input type="text" id="referral-url" class="form-control reference-url" value="<?php echo e(route('home', ['reference' => Auth::user()->uuid])); ?>" aria-label="Referral URL" aria-describedby="reference-copy" readonly>
<span class="input-group-text bg--primary text-white" id="reference-copy" style="cursor: pointer;">
<?php echo e(__('Copy')); ?><i class="las la-copy ms-2"></i>
</span>
</div>
</div>
</div>
</div>
<!-- Wallets Section -->
<div class="row g-4 mb-4">
<div class="col-lg-12">
<div class="i-card-sm">
<div class="card-info">
<div class="d-flex justify-content-between align-items-center flex-wrap mb-3">
<h5 class="title"><?php echo e(__('Wallets')); ?></h5>
<a class="arrow--btn" href="/users/payment/deposits">
<?php echo e(__('Wallet Top Up')); ?> <i class="bi bi-arrow-right-short"></i>
</a>
</div>
<div class="total-balance-wrapper">
<div class="total-balance mb-3">
<p><?php echo e(__('Primary Balance')); ?></p>
<div class="d-flex gap-2">
<h4 id="primaryBalance"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount(Auth::user()->wallet->primary_balance)); ?></h4>
</div>
</div>
<div class="total-balance mb-3">
<p><?php echo e(__('Investment Balance')); ?></p>
<div class="d-flex gap-2">
<h4><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount(Auth::user()->wallet->investment_balance)); ?></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Right Column: Credit Card -->
<div class="col-lg-4">
<!-- Credit Card Section -->
<div class="row mb-4">
<div class="col-12">
<?php if(Auth::user()->card_status == 1): ?>
<!-- Unlocked Card -->
<div class="card-container" id="creditCard">
<div class="card-inner">
<!-- Front Side of the Card -->
<div class="card-face card-front bg-gradient-primary">
<!-- Top Section: Logo and Balance -->
<div class="top-section">
<div class="card-logo">
<a href="<?php echo e(route('home')); ?>">
<img src="<?php echo e(displayImage(getArrayValue($setting->logo, 'dark'), "1192x289")); ?>" alt="<?php echo e(__('logo')); ?>">
</a>
</div>
<div class="card-balance">
<span class="balance-label">Balance</span>
<div class="balance-amount"><?php echo e(getCurrencySymbol()); ?><span id="primaryBalanceCard"><?php echo e(shortAmount(Auth::user()->wallet->primary_balance)); ?></span></div>
</div>
</div>
<!-- EMV Chip Placeholder Image -->
<img src="/assets/files/chip.png" alt="Card Chip" class="card-chip-image" />
<!-- Card Number with Copy Button -->
<div class="card-number-container">
<div class="card-number" id="cardNumber">
<?php echo e(chunk_split(Auth::user()->card_number, 4, ' ')); ?>
</div>
<button class="copy-button" id="copyCardNumber" title="Copy Card Number">
<i class="las la-copy"></i>
</button>
</div>
<!-- Card Details -->
<div class="card-details">
<div class="card-holder">
<label>Card Holder</label>
<div><?php echo e(Auth::user()->first_name); ?> <?php echo e(Auth::user()->last_name); ?></div>
</div>
<div class="card-expiry">
<label>Expires</label>
<div><?php echo e(Auth::user()->card_expiry); ?></div>
</div>
</div>
</div>
<!-- Back Side of the Card -->
<div class="card-face card-back bg-gradient-primary">
<div class="magnetic-stripe"></div>
<div class="signature-strip">Authorized Signature</div>
<div class="cvv-container">
<span class="cvv-label">CVV</span>
<div class="cvv"><?php echo e(Auth::user()->card_cvv); ?></div>
</div>
<div class="notice">
* This card is the property of this institution. Unauthorized use is prohibited and may result in legal action.
</div>
</div>
</div>
</div>
<?php elseif(Auth::user()->card_status == 2): ?>
<!-- Disabled Card -->
<div class="card-container locked" id="creditCard">
<div class="card-inner">
<!-- Front Side of the Card -->
<div class="card-face card-front">
<div class="top-section">
<div class="card-logo">
<a href="<?php echo e(route('home')); ?>">
<img src="<?php echo e(displayImage(getArrayValue($setting->logo, 'dark'), "592x89")); ?>" alt="<?php echo e(__('logo')); ?>">
</a>
</div>
<div class="card-balance">
<span class="balance-label">Balance</span>
<div class="balance-amount"><?php echo e(getCurrencySymbol()); ?><span id="primaryBalanceCard"><?php echo e(shortAmount(Auth::user()->wallet->primary_balance)); ?></span></div>
</div>
</div>
<img src="/assets/files/chip.png" alt="Card Chip" class="card-chip-image" />
<div class="card-number-container">
<div class="card-number" id="cardNumber">
<?php echo e(chunk_split(Auth::user()->card_number, 4, ' ')); ?>
</div>
</div>
<div class="card-details">
<div class="card-holder">
<label>Card Holder</label>
<div><?php echo e(Auth::user()->first_name); ?> <?php echo e(Auth::user()->last_name); ?></div>
</div>
<div class="card-expiry">
<label>Expires</label>
<div><?php echo e(Auth::user()->card_expiry); ?></div>
</div>
</div>
</div>
<!-- Back Side of the Card -->
<div class="card-face card-back">
<div class="magnetic-stripe"></div>
<div class="signature-strip">Authorized Signature</div>
<div class="cvv-container">
<span class="cvv-label">CVV</span>
<div class="cvv"><?php echo e(Auth::user()->card_cvv); ?></div>
</div>
<div class="notice">
* This card is the property of this institution. Unauthorized use is prohibited.
</div>
</div>
</div>
<div class="unlock-overlay">
<p>Your card is disabled. Please contact support for assistance.</p>
</div>
</div>
<?php else: ?>
<!-- Locked Card -->
<div class="card-container locked" id="creditCard">
<div class="card-inner">
<!-- Front Side of the Card -->
<div class="card-face card-front">
<div class="top-section">
<div class="card-logo">
<a href="<?php echo e(route('home')); ?>">
<img src="<?php echo e(displayImage(getArrayValue($setting->logo, 'dark'), "592x89")); ?>" alt="<?php echo e(__('logo')); ?>">
</a>
</div>
<div class="card-balance">
<span class="balance-label">Balance</span>
<div class="balance-amount"><?php echo e(getCurrencySymbol()); ?><span id="primaryBalanceCard"><?php echo e(shortAmount(Auth::user()->wallet->primary_balance)); ?></span></div>
</div>
</div>
<img src="/assets/files/chip.png" alt="Card Chip" class="card-chip-image" />
<div class="card-number-container">
<div class="card-number" id="cardNumber">
<?php echo e(chunk_split(Auth::user()->card_number, 4, ' ')); ?>
</div>
<button class="copy-button" id="copyCardNumber" title="Copy Card Number">
<i class="las la-copy"></i>
</button>
</div>
<div class="card-details">
<div class="card-holder">
<label>Card Holder</label>
<div><?php echo e(Auth::user()->first_name); ?> <?php echo e(Auth::user()->last_name); ?></div>
</div>
<div class="card-expiry">
<label>Expires</label>
<div><?php echo e(Auth::user()->card_expiry); ?></div>
</div>
</div>
</div>
<!-- Back Side of the Card -->
<div class="card-face card-back">
<div class="magnetic-stripe"></div>
<div class="signature-strip">Authorized Signature</div>
<div class="cvv-container">
<span class="cvv-label">CVV</span>
<div class="cvv"><?php echo e(Auth::user()->card_cvv); ?></div>
</div>
<div class="notice">
* This card is the property of this institution. Unauthorized use is prohibited and may result in legal action.
</div>
</div>
</div>
<div class="unlock-overlay">
<p>Your card is locked. You have to make one-time payment to purchase this card.</p>
<button class="unlock-button" data-bs-toggle="modal" data-bs-target="#staking-investment"https://widget-page.smartsupp.com/widget/dcac883ac1b8a4634558bca087188e1a3c65bd8a>Purchase card</button>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!-- Menu Section -->
<div class="row g-4 mb-4">
<div>
<div class="i-card-sm">
<div class="card-info">
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;">
<div style="border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px; transition: transform 0.2s ease-in-out; cursor: pointer;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
<a href="/users/investments" style="text-decoration: none;">
<i class="bi bi-bank text--primary" style="font-size: 24px; margin-bottom: 5px;"></i>
<p style="font-size: 12px; color: #fff; font-weight: 500;">Investment Plans</p>
</a>
</div>
<div style="border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px; transition: transform 0.2s ease-in-out; cursor: pointer;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
<a href="/users/staking-investment" style="text-decoration: none;">
<i class="bi bi-person-rolodex text--primary" style="font-size: 24px; margin-bottom: 5px;"></i>
<p style="font-size: 12px; color: #fff; font-weight: 500;">Retirement Plans</p>
</a>
</div>
<div style="border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px; transition: transform 0.2s ease-in-out; cursor: pointer;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
<a href="/users/payment/deposits" style="text-decoration: none;">
<i class="bi bi-wallet-fill text--primary" style="font-size: 24px; margin-bottom: 5px;"></i>
<p style="font-size: 12px; color: #fff; font-weight: 500;">Deposit</p>
</a>
</div>
<div style="border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px; transition: transform 0.2s ease-in-out; cursor: pointer;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
<a href="/users/cash-out" style="text-decoration: none;">
<i class="bi bi-arrow-down-square-fill text--primary" style="font-size: 24px; margin-bottom: 5px;"></i>
<p style="font-size: 12px; color: #fff; font-weight: 500;">Withdraw</p>
</a>
</div>
<div style="border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px; transition: transform 0.2s ease-in-out; cursor: pointer;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
<a href="<?php echo e(route('user.wallet.index')); ?>" style="text-decoration: none;">
<i class="bi bi-currency-exchange text--primary" style="font-size: 24px; margin-bottom: 5px;"></i>
<p style="font-size: 12px; color: #fff; font-weight: 500;">Exchange/Transfer</p>
</a>
</div>
<div style="border-radius: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px; transition: transform 0.2s ease-in-out; cursor: pointer;" onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'">
<a href="/profile" style="text-decoration: none;">
<i class="bi bi-gear text--primary" style="font-size: 24px; margin-bottom: 5px;"></i>
<p style="font-size: 12px; color: #fff; font-weight: 500;">Account Settings</p>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Removed Commissions Section -->
</div>
<!-- Monthly Report and Deposit/Withdraw Sections -->
<div class="row g-4 mb-4">
<div class="col-xl-8">
<div class="i-card-sm">
<!-- TradingView Widget BEGIN -->
<div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async>
{
"colorTheme": "dark",
"dateRange": "12M",
"showChart": true,
"locale": "en",
"largeChartUrl": "",
"isTransparent": false,
"showSymbolLogo": false,
"showFloatingTooltip": false,
"height": "550",
"plotLineColorGrowing": "rgba(41, 98, 255, 1)",
"plotLineColorFalling": "rgba(41, 98, 255, 1)",
"gridLineColor": "rgba(42, 46, 57, 0)",
"scaleFontColor": "rgba(209, 212, 220, 1)",
"belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",
"belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",
"belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
"belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
"symbolActiveColor": "rgba(41, 98, 255, 0.12)",
"tabs": [
{
"title": "Indices",
"symbols": [
{
"s": "FOREXCOM:SPXUSD",
"d": "S&P 500 Index"
},
{
"s": "FOREXCOM:NSXUSD",
"d": "US 100 Cash CFD"
},
{
"s": "FOREXCOM:DJI",
"d": "Dow Jones Industrial Average Index"
},
{
"s": "INDEX:NKY",
"d": "Japan 225"
},
{
"s": "INDEX:DEU40",
"d": "DAX Index"
},
{
"s": "FOREXCOM:UKXGBP",
"d": "FTSE 100 Index"
}
],
"originalTitle": "Indices"
},
{
"title": "Futures",
"symbols": [
{
"s": "CME_MINI:ES1!",
"d": "S&P 500"
},
{
"s": "CME:6E1!",
"d": "Euro"
},
{
"s": "COMEX:GC1!",
"d": "Gold"
},
{
"s": "NYMEX:CL1!",
"d": "WTI Crude Oil"
},
{
"s": "NYMEX:NG1!",
"d": "Gas"
},
{
"s": "CBOT:ZC1!",
"d": "Corn"
}
],
"originalTitle": "Futures"
},
{
"title": "Bonds",
"symbols": [
{
"s": "CBOT:ZB1!",
"d": "T-Bond"
},
{
"s": "CBOT:UB1!",
"d": "Ultra T-Bond"
},
{
"s": "EUREX:FGBL1!",
"d": "Euro Bund"
},
{
"s": "EUREX:FBTP1!",
"d": "Euro BTP"
},
{
"s": "EUREX:FGBM1!",
"d": "Euro BOBL"
}
],
"originalTitle": "Bonds"
},
{
"title": "Forex",
"symbols": [
{
"s": "FX:EURUSD",
"d": "EUR to USD"
},
{
"s": "FX:GBPUSD",
"d": "GBP to USD"
},
{
"s": "FX:USDJPY",
"d": "USD to JPY"
},
{
"s": "FX:USDCHF",
"d": "USD to CHF"
},
{
"s": "FX:AUDUSD",
"d": "AUD to USD"
},
{
"s": "FX:USDCAD",
"d": "USD to CAD"
}
],
"originalTitle": "Forex"
}
]
}
</script>
</div>
<!-- TradingView Widget END -->
</div>
</div>
<div class="col-xl-4">
<div class="i-card-sm">
<div class="row g-4">
<div class="col-xl-12 col-md-6">
<div class="i-card-sm style-border-blue blue border rounded-3">
<div class="d-flex justify-content-between align-items-center mb-4">
<h5 class="title danger mb-0"><?php echo e(__('frontend.dashboard.deposit.index')); ?></h5>
<div class="avatar--lg bg--blue">
<i class="bi bi-wallet text-white"></i>
</div>
</div>
<div class="card-info text-center">
<ul class="user-card-list w-100">
<li class="d-flex align-items-center justify-content-between gap-3 mb-2">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.deposit.total')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount(getArrayValue($deposit, 'total'))); ?></span>
</li>
<li class="d-flex align-items-center justify-content-between gap-3 mb-2">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.deposit.primary')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount(getArrayValue($deposit, 'primary.amount'))); ?></span>
</li>
<li class="d-flex align-items-center justify-content-between gap-3 mb-2">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.deposit.investment')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount(getArrayValue($deposit, 'investment.amount'))); ?></span>
</li>
<li class="d-flex align-items-center justify-content-between gap-3">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.deposit.trade')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount(getArrayValue($deposit, 'trade.amount'))); ?></span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-12 col-md-6">
<div class="i-card-sm style-border-green green border rounded-3">
<div class="d-flex justify-content-between align-items-center mb-4">
<h5 class="title mb-0"><?php echo e(__('frontend.dashboard.withdraw.index')); ?></h5>
<div class="avatar--lg bg--green">
<i class="bi bi-credit-card text-white"></i>
</div>
</div>
<div class="card-info text-center">
<ul class="user-card-list w-100">
<li class="d-flex align-items-center justify-content-between gap-3 mb-2">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.withdraw.total')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount($withdraw->total)); ?></span>
</li>
<li class="d-flex align-items-center justify-content-between gap-3 mb-2">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.withdraw.charge')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount($withdraw->charge)); ?></span>
</li>
<li class="d-flex align-items-center justify-content-between gap-3 mb-2">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.withdraw.pending')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount($withdraw->pending)); ?></span>
</li>
<li class="d-flex align-items-center justify-content-between gap-3">
<span class="fw-bold"><?php echo e(__('frontend.dashboard.withdraw.rejected')); ?></span>
<span class="fw-bold text--dark"><?php echo e(getCurrencySymbol()); ?><?php echo e(shortAmount($withdraw->rejected)); ?></span>
</li>
</ul>
</div>
</div>
</div>
<!-- Investment and Other Cards Section -->
</div>
</div>
</div>
</div>
<!-- UID Section -->
<div class="row">
<div class="col-md-6" style="width: 100%;">
<div class="i-card-sm mb-4 p-3">
<label for="user-uid" class="form-label">UID</label>
<div class="input-group">
<input type="text" id="user-uid" class="form-control user-uid" value="<?php echo e(\Illuminate\Support\Facades\Auth::user()->uuid); ?>" aria-label="Recipient's username" aria-describedby="user-uid-copy" readonly>
<span class="input-group-text bg--primary text-white" id="user-uid-copy" style="cursor: pointer;"><?php echo e(__('Copy')); ?><i class="las la-copy ms-2"></i></span>
</div>
</div>
</div>
</div>
<?php $__env->startPush('script-push'); ?>
<!-- Include Dependencies -->
<!-- Line Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- ApexCharts -->
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script>
"use strict";
$(document).ready(function () {
// Verify that the necessary data is available
console.log('Deposit Month Amount:', <?php echo json_encode($depositMonthAmount, 15, 512) ?>);
console.log('Withdraw Month Amount:', <?php echo json_encode($withdrawMonthAmount, 15, 512) ?>);
console.log('Months:', <?php echo json_encode($months, 15, 512) ?>);
// Check if data is present
if (!<?php echo json_encode($depositMonthAmount, 15, 512) ?>.length || !<?php echo json_encode($withdrawMonthAmount, 15, 512) ?>.length || !<?php echo json_encode($months, 15, 512) ?>.length) {
console.error('Monthly statistics data is missing or empty.');
$('#monthlyChart').html('<p class="text-danger">Monthly statistics data is unavailable.</p>');
return;
}
// Initialize Monthly Chart
const depositMonthAmount = <?php echo json_encode($depositMonthAmount, 15, 512) ?>;
const withdrawMonthAmount = <?php echo json_encode($withdrawMonthAmount, 15, 512) ?>;
const months = <?php echo json_encode($months, 15, 512) ?>;
const currency = "<?php echo e(getCurrencySymbol()); ?>";
const options = {
series: [
{
name: 'Total Deposits Amount',
data: depositMonthAmount
},
{
name: 'Total Withdraw Amount',
data: withdrawMonthAmount
}
],
chart: {
height: 400, // Adjusted height for better fit
type: 'line',
toolbar: {
show: true,
tools: {
download: true,
selection: true,
zoom: true,
zoomin: true,
zoomout: true,
pan: true,
reset: true
},
export: {
csv: {
filename: 'monthly_report',
columnDelimiter: ',',
headerCategory: 'Month',
headerValue: 'Amount',
dateFormatter(timestamp) {
return new Date(timestamp).toLocaleDateString()
}
},
svg: {
filename: 'monthly_report'
},
png: {
filename: 'monthly_report'
},
}
},
zoom: {
enabled: true,
type: 'x',
autoScaleYaxis: true
}
},
stroke: {
curve: 'smooth'
},
markers: {
size: 5
},
colors: ['#0d7bfe', '#28a745'],
xaxis: {
categories: months,
position: 'bottom',
labels: {
style: {
colors: '#000000'
}
},
axisBorder: {
show: true,
color: '#78909C'
},
axisTicks: {
show: true,
color: '#78909C'
},
title: {
text: 'Months',
style: {
color: '#000000',
fontSize: '14px',
fontWeight: 600,
fontFamily: 'Helvetica, Arial, sans-serif',
cssClass: 'apexcharts-xaxis-title',
},
},
},
yaxis: {
labels: {
formatter: function (val) {
return currency + val;
},
style: {
colors: '#000000'
}
},
axisBorder: {
show: true,
color: '#78909C'
},
axisTicks: {
show: true,
color: '#78909C'
},
title: {
text: 'Amount',
style: {
color: '#000000',
fontSize: '14px',
fontWeight: 600,
fontFamily: 'Helvetica, Arial, sans-serif',
cssClass: 'apexcharts-yaxis-title',
},
},
},
tooltip: {
y: {
formatter: function (val) {
return currency + val;
}
}
},
legend: {
position: 'top',
horizontalAlign: 'right',
floating: true,
offsetY: -25,
offsetX: -5
},
grid: {
borderColor: '#e7e7e7',
row: {
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
opacity: 0.5
},
}
};
const chart = new ApexCharts(document.querySelector("#monthlyChart"), options);
chart.render();
/**
* Function to flip the card
*/
$('#creditCard').click(function() {
// Only allow flipping if card is unlocked
if (!$(this).hasClass('locked')) {
$(this).toggleClass('flipped');
}
});
/**
* Function to copy text to clipboard and show notification
* @param {string} text - Text to copy
* @param {string} type - 'success' or 'error'
* @param {string} message - Notification message
*/
function copyToClipboard(text, type, message) {
navigator.clipboard.writeText(text).then(() => {
showToast(type, message);
}).catch(err => {
showToast('error', 'Failed to copy to clipboard.');
});
}
/**
* Function to show toast notifications
* @param {string} type - 'success' or 'error'
* @param {string} message - Notification message
*/
function showToast(type, message) {
const toastContainer = $('#toastContainer');
const toastId = 'toast-' + Date.now();
const toastClass = type === 'success' ? 'toast-success' : 'toast-error';
const toast = $(`
<div id="${toastId}" class="toast ${toastClass}">
${message}
</div>
`);
toastContainer.append(toast);
toast.fadeIn();
// Automatically remove the toast after 3 seconds
setTimeout(() => {
toast.fadeOut(() => {
toast.remove();
});
}, 3000);
}
/**
* Event listener for copying the card number via button
*/
$('#copyCardNumber').click(function(event) {
event.stopPropagation(); // Prevent triggering the card flip
const cardNumber = $('#cardNumber').text().replace(/\s+/g, '');
if (cardNumber) { // Removed the strict length check
copyToClipboard(cardNumber.replace(/(.{4})/g, '$1 ').trim(), 'success', 'Card number copied to clipboard!');
} else {
showToast('error', 'Card number is not available.');
}
});
/**
* Event listener for copying the referral URL
*/
$('#reference-copy').click(function(event) {
event.stopPropagation(); // Prevent triggering parent click events
const copyText = $('.reference-url').val();
if (copyText) {
copyToClipboard(copyText, 'success', 'Referral URL copied to clipboard!');
} else {
showToast('error', 'Referral URL is not available.');
}
});
/**
* Event listener for copying the UID
*/
$('#user-uid-copy').click(function(event) {
event.stopPropagation(); // Prevent triggering parent click events
const copyText = $('.user-uid').val();
if (copyText) {
copyToClipboard(copyText, 'success', 'UID copied to clipboard!');
} else {
showToast('error', 'UID is not available.');
}
});
/**
* Event listener for Unlock Button
*/
$('#unlockButton').click(function() {
// Confirm the action with the user
if (!confirm('Are you sure you want to unlock your card by deducting $1000 from your primary balance?')) {
return;
}
// Send AJAX request to unlock the card
$.ajax({
url: "https://alphaedgeconnects.com/card/unlock",
method: "POST",
data: {
_token: "<?php echo e(csrf_token()); ?>", // Include CSRF token
},
beforeSend: function() {
// Optionally, show a loading spinner or disable the button
$('#unlockButton').prop('disabled', true).text('Unlocking...');
},
success: function(response) {
if (response.status === 'success') {
// Update the primary balance on the dashboard
$('#primaryBalance').text('<?php echo e(getCurrencySymbol()); ?>' + parseFloat(response.new_balance).toFixed(2));
$('#primaryBalanceCard').text(parseFloat(response.new_balance).toFixed(2));
// Remove locked class to unlock the card
$('#creditCard').removeClass('locked');
// Remove the unlock overlay
$('.unlock-overlay').fadeOut(300, function() {
$(this).remove();
});
// Update card details
$('#cardNumber').text(response.card_number);
$('.card-expiry div').text(response.card_expiry);
showToast('success', response.message);
} else {
showToast('error', response.message);
}
},
error: function(xhr) {
// Handle errors
if (xhr.responseJSON && xhr.responseJSON.message) {
showToast('error', xhr.responseJSON.message);
} else {
showToast('error', 'An unexpected error occurred.');
}
},
complete: function() {
// Re-enable the button and reset its text
$('#unlockButton').prop('disabled', false).text('Unlock with $1000');
}
});
});
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.user', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/alphaedg/public_html/src/resources/views/user/dashboard/desktop.blade.php ENDPATH**/ ?>Back to Directory
nL+D550H?Mx ,D"v]qv;6*Zqn)ZP 0 !1 A "#a$2Qr D8 a Ri[f\mIykIw0 cuFcRı?lO7к_f˓[C$殷WF<_W ԣs KcëIzyQy /_LKℂ;C",pFA: /]=H ~,ls/9ć:[=/#f;)x {ٛEQ )~ =𘙲r*2~ a _V=' kumF D}KYYC)({ *g&f`툪ry`=^cJ.I](*`wq 1dđ#̩͑0;H]u搂@:~וKL Nsh}OIR*8:2 !lDJVo( 3=M(zȰ+i*NA r6KnSl )!JJӁ* %݉?|D}d5:eP0R;{$X'xF@.ÊB {,WJuQɲRI;9QE琯62fT.DUJ;*cP A\ILNj!J۱+O\ ͔]ޒ SJȧc%ANolՎprULZԛerE2=XDXgVQeӓk yP7U*omQIs,K`)6\G3t?pgjrmۛجwluGtf h9uyP0D;Uڽ"OXlif$)&|ML0Zrm1[HXPlPR0'G=i2N +0e2]] 9VTPO7h(F*癈 '=QVZDF,d߬~TX
G[`le69CR(!S2!P
<0x < !1AQ "Raq02Br#SCTb
?Ζ"]mH5WR7k.ۛ!}Q~+yԏz|@T20S~Kek *zFf^2X*(@8r?CIuI|֓>^ExLgNUY+{.RѪ
τVYTD I62'8Y2 7'\TP.6d&˦@Vqi|8- OΕ]ʔ U=TL8=;6c| !qfF3aů&~$l}'NWUs$Uk^SV:U# 6w++s&r+nڐ{@29 gL
u"TÙM=6 (^"7r} =6YݾlCuhquympǦ
G jhsǜNlɻ}o7 #S6aw4!OSrD57%|?x>L
|/nD6?/8w#[)L7+6〼T ATg ! %5MmZ/c-{1_Je"|^$'O&ޱմ Trb$ w)R$&
N1EtdU3Uȉ1pM" N*(DN yd96.(jQ)X
5cQɎMyW? Q*!R>6=7)Xj5`J]e 8%t!+'!1Q 5 !1 AQaqё#2"0BRb ? Gt^## .llQT $v,,m 㵜5 ubV =sY+@d{N! dnO< .-B; _wJt6;QJd.Qc%p{ 1,sNDdFHI0ГoXшe黅XۢF:)[FGXƹ/w_cMeD,ʡcc. WDtA$j@:) -# u
c1<@ۗ9F)KJ-hpP]_x[qBlbp ʖw q"LFGd ƶ*s+ډ_Zc"? %t[IP 6J]#=ɺVvvCGsGh1 >)6|ey?Lӣm,4GWUi` ]uJVoV DG< SB 6ϏQ@ TiUly OU0kfV~~}SZ@*WUUi##; s/[ =!7}" WN]'(L! ~y5g9T̅JkbM' +s:S + B)v@Mj
e Cf jE 0Y\QnzG1д~Wo{T 9?`Rmyhsy3!HAD]mc1~2L Su7xT;j$`}4->L#vzŏ ILS ֭ T { rjGKC; bpU= -`BsK.SFw4Mq]ZdHS0)tLg