JFIF $
d d 7
Viewing File: /home/vanquishholdings/public_html/src/resources/views/admin/dashboard.blade.php
@extends('admin.layouts.main')
@section('panel')
<div class="container-fluid px-0">
<button id="right-sidebar-btn" class="right-sidebar-btn badge badge--primary avatar--md fs-20">
<i class="bi bi-activity"></i>
</button>
<button type="button" class="btn btn--primary mb-4" data-bs-toggle="modal" data-bs-target="#exampleModal">{{ __('Setup Instructions') }}</button>
<div class="row g-4">
<div class="col">
<div class="row gy-4">
<div class="col-xxl-5 col-xl-5 col-lg-5">
<div class="card mb-4">
<div class="card-body position-relative">
<div class="row g-2 mb-3">
<div class="col-sm-6">
<div class="card card--hover linear-card bg--linear-orange text-center h-100">
<div class="icon--sm">
<i class="las la-bell fs-17"></i>
</div>
<div class="card-body p-3">
<h6 class="text-white opacity-75 fw-normal fs-13">{{ __('admin.dashboard.content.invest.payable_one') }}</h6>
<h4 class="fw-bold mt-1 mb-1 text-white fs-18">{{ getCurrencySymbol() }}{{ shortAmount($investment->payable) }}</h4>
<p class="text-white opacity-5 fs-12">{{ __('admin.dashboard.content.invest.payable_title', ['amount' => shortAmount($investment->payable)]) }}</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card card--hover linear-card bg--linear-primary text-center h-100">
<div class="card-body p-3">
<h6 class="text-white opacity-75 fw-normal fs-13">{{ __('admin.dashboard.content.invest.total_one') }}</h6>
<h4 class="fw-bold mt-1 mb-3 text-white fs-18">{{ getCurrencySymbol() }}{{ shortAmount($investment->total) }}</h4>
<a href="{{ route('admin.binary.index') }}" class="badge badge--outline"><i class="las la-arrow-circle-right fs-17"></i> {{ __('admin.dashboard.content.invest.total_two') }}</a>
</div>
</div>
</div>
</div>
<ul class="list-group list-group-flush border-dashed mb-0">
@php
$investments = [
'running' => ['wallet text--primary', 'admin.dashboard.content.invest.running'],
'profit' => ['chart-line text--success', 'admin.dashboard.content.invest.profit'],
'closed' => ['comment-dollar text--warning', 'admin.dashboard.content.invest.closed'],
're_invest' => ['sort-amount-up text--info', 'admin.dashboard.content.invest.re_invest'],
];
@endphp
@foreach($investments as $key => $details)
<li class="list-group-item px-0">
<div class="d-flex">
<div class="flex-grow-1 d-flex align-items-center gap-2">
<i class="las la-{{ $details[0] }} fs-24"></i>
<h5 class="text--light fs-14">{{ __($details[1]) }}</h5>
</div>
<div class="flex-shrink-0 text-end">
<h5 class="text--dark fs-14 fw-bold">{{ getCurrencySymbol() }}{{ shortAmount($investment->$key) }}</h5>
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
<div class="card card-height-100 mb-4">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">{{ __('admin.dashboard.content.deposit.title') }}</h4>
</div>
<div class="card-body">
<div class="text-center bg--success-light mb-3 p-4">
<p class="text--success fs-14">{{ __('admin.dashboard.content.deposit.total') }}</p>
<h5 class="fw-bold mt-2 text--dark fs-17">{{ getCurrencySymbol() }}{{ shortAmount(getArrayValue($deposit, 'total')) }}</h5>
</div>
<div class="d-flex flex-row justify-content-between flex-wrap gap-2">
<div class="d-flex flex-column align-items-center flex-grow-1 bg--info-light">
<div class="text-center p-3 w-100">
<p class="text--info fs-12">{{ __('admin.dashboard.content.deposit.primary') }}</p>
<h5 class="fw-bold mt-2 text--dark">{{ getCurrencySymbol() }}{{ shortAmount(getArrayValue($deposit, 'primary.amount')) }}</h5>
<span class="text--success fw-bold">{{ shortAmount(getArrayValue($deposit, 'primary.percentage')) }}<i class="las la-percent"></i></span>
</div>
</div>
<div class="d-flex flex-column align-items-center flex-grow-1 bg--primary-light">
<div class="text-center p-3 w-100">
<p class="text--primary fs-12">{{ __('admin.dashboard.content.deposit.investment') }}</p>
<h5 class="fw-bold mt-2 text--dark">{{ getCurrencySymbol() }}{{ shortAmount(getArrayValue($deposit, 'investment.amount')) }}</h5>
<span class="text--success fw-bold">{{ shortAmount(getArrayValue($deposit, 'investment.percentage')) }}<i class="las la-percent"></i></span>
</div>
</div>
<div class="d-flex flex-column align-items-center flex-grow-1 bg--warning-light w-100">
<div class="text-center p-3 w-100">
<p class="text--warning fs-12">{{ __('admin.dashboard.content.deposit.trade') }}</p>
<h5 class="fw-bold mt-2 text--dark">{{ getCurrencySymbol() }}{{ shortAmount(getArrayValue($deposit, 'trade.amount')) }}</h5>
<span class="text--success fw-bold">{{ shortAmount(getArrayValue($deposit, 'trade.percentage')) }}<i class="las la-percent"></i></span>
</div>
</div>
</div>
</div>
</div>
<div class="card card-height-100">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">{{ __('admin.dashboard.content.withdraw.title') }}</h4>
</div>
<div class="card-body">
<div class="text-center bg--danger-light mb-3 p-4">
<p class="text--danger fs-14">{{ __('admin.dashboard.content.withdraw.total') }}</p>
<h5 class="fw-bold mt-2 text--dark fs-17">{{ getCurrencySymbol() }}{{ shortAmount($withdraw->total) }}</h5>
</div>
<div class="d-flex flex-row justify-content-between flex-wrap gap-2">
<div class="d-flex flex-column align-items-center flex-grow-1 bg--light">
<div class="text-center p-3 w-100">
<p class="text--light fs-12">{{ __('admin.dashboard.content.withdraw.pending') }}</p>
<h5 class="fw-bold mt-2 text--dark">{{ getCurrencySymbol() }}{{ shortAmount($withdraw->pending) }}</h5>
</div>
</div>
<div class="d-flex flex-column align-items-center flex-grow-1 bg--pink-light">
<div class="text-center p-3 w-100">
<p class="text--pink fs-12">{{ __('admin.dashboard.content.withdraw.rejected') }}</p>
<h5 class="fw-bold mt-2 text--dark">{{ getCurrencySymbol() }}{{ shortAmount($withdraw->rejected) }}</h5>
</div>
</div>
<div class="d-flex flex-column align-items-center flex-grow-1 bg--orange-light w-100">
<div class="text-center p-3 w-100">
<p class="text--orange fs-12">{{ __('admin.dashboard.content.withdraw.charge') }}</p>
<h5 class="fw-bold mt-2 text--dark">{{ getCurrencySymbol() }}{{ shortAmount($withdraw->charge) }}</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-7 col-xl-7 col-lg-7">
<div class="row">
@foreach($cards as $card)
<div class="col-md-6">
<a href="{{ $card[4] }}" class="card card--hover mb-4">
<div class="card-body">
<div class="row align-items-center g-0">
<div class="col-9">
<h6 class="mb-0 fs-13 fw-normal text--muted">{{ $card[0] }}</h6>
<h5 class="mb-1 mt-3">{{ $card[1] }}</h5>
</div>
<div class="col-3">
<div class="bg--{{ $card[3] }}-light avatar--lg ms-auto me-0">
<i class="las la-{{ $card[2] }} text--{{ $card[3] }} fs-30"></i>
</div>
</div>
</div>
</div>
</a>
</div>
@endforeach
<div class="col-lg-12">
<div class="card mb-4">
<div class="card-header">
<h4 class="card-title">{{ __('admin.dashboard.content.statistic.deposit') }}</h4>
</div>
<div class="card-body">
<div id="monthlyChart" class="charts-height"></div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="card mb-4">
<div class="card-header">
<h4 class="card-title">{{ __('admin.report.statistics.investment.five') }}</h4>
</div>
<div class="card-body">
<div id="investProfitChart" class="charts-height"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-auto right-sidebar">
<div class="right-sidebar-wrapper" data-simplebar>
<div class="card mb-4">
<div class="card-header align-items-center d-flex">
<h4 class="card-title mb-0 flex-grow-1">{{ __('admin.dashboard.content.statistic.transactions') }}</h4>
</div>
<div class="card-body">
<div data-simplebar="init">
@forelse($transactions as $transaction)
<div class="d-flex align-items-center mb-2 gap-3">
<div class="flex-grow-1">
<h6 class="mb-1">{{ $transaction->details }}</h6>
<p class="text--muted fs-12 mb-0">{{ showDateTime($transaction->created_at) }}</p>
</div>
<div class="flex-shrink-0 text-end">
<h6 class="mb-1 text--{{ \App\Enums\Transaction\Type::getTextColor($transaction->type) }}">{{ getCurrencySymbol() }}{{ shortAmount($transaction->amount) }}</h6>
</div>
</div>
@empty
<p class="text-center text-muted">{{ __('No Data Found') }}</p>
@endforelse
@if(count($transactions) != 0)
<div class="mt-3 text-center">
<a href="{{ route('admin.report.transactions') }}" class="text--muted text-decoration-underline">{{ __('admin.button.view') }}</a>
</div>
@endif
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-header">
<h4 class="card-title">{{ __('admin.dashboard.content.statistic.trade') }}</h4>
</div>
<div class="card-body pt-1">
<ul class="list-group list-group-flush border-dashed mb-0">
@forelse($tradeActivity as $key => $trade)
<li class="list-group-item px-0">
<div class="d-flex gap-2">
<div class="flex-shrink-0">
<span class="avatar-title bg-light p-1 rounded-circle shadow">
<img src="{{ $trade?->cryptoCurrency->file }}" alt="{{ $trade->cryptoCurrency->name }}" class="avatar--sm">
</span>
</div>
<div class="flex-grow-1">
<h6 class="mb-1">{{ __($trade->cryptoCurrency->name) }}</h6>
<p class="fs-12 mb-0 text--muted"><i class="mdi mdi-circle fs-10 align-middle text-primary me-1"></i>{{ __(strtoupper($trade->cryptoCurrency->symbol)) }} </p>
</div>
<div class="flex-shrink-0 text-end">
<h6 class="mb-1"><span class="text--light me-2 fs-11 fw-normal">Price Was:</span>{{ getCurrencySymbol() }}{{ getArrayValue($trade?->cryptoCurrency->meta, 'current_price') }}</h6>
<p class="text--success fs-12 mb-0"><span class="text--light me-2 fs-11">Trade Amount:</span>{{ getCurrencySymbol() }}{{shortAmount($trade->amount)}}</p>
</div>
</div>
</li>
@empty
<div class="mt-2">
<p class="text-center text-muted">{{ __('No Data Found') }}</p>
</div>
@endforelse
</ul>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="swiper all-coins-slider">
<div class="swiper-wrapper">
@foreach($cryptoCurrencies as $crypto)
<div class="swiper-slide">
<div class="row align-items-center g-3">
<div class="col-8">
<div class="d-flex align-items-center">
<img src="{{ $crypto->file }}" class="avatar--xs" alt="{{ __($crypto->name) }}">
<h6 class="ms-2 mb-0 fs-13">{{ __($crypto->name) }}</h6>
</div>
</div>
<div class="col-4 text-end">
<h6 class="ms-2 text--light mb-0 fs-12">{{ __(strtoupper($crypto->symbol)) }}</h6>
</div>
<div class="col-7 text-start">
<h5>{{ getCurrencySymbol() }}{{ getArrayValue($crypto->meta, 'current_price') }}</h5>
</div>
<div class="col-5 text-end">
<p class="text--{{ Str::contains(shortAmount(getArrayValue($crypto->meta, 'price_change_24h')), '-') ? 'danger' : 'success' }} fs-13 fw-medium mb-0">{{ shortAmount(getArrayValue($crypto->meta, 'price_change_24h')) }}%</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">{{ __('Setup Instructions') }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5 class="mb-4">{{ __('To ensure your application runs smoothly, make sure you have the necessary setting configured') }}:</h5>
<ol class="setup-list">
<li>
<strong class="my-2">{{ __('Application Settings') }}</strong>
<ul>
<li>{{ __('General') }}</li>
<li>{{ __('System Configuration') }}</li>
<li>{{ __('Commission & Charges') }}</li>
<li>{{ __('KYC Configuration') }}</li>
<li>{{ __('Plugin Configuration') }}</li>
<li>{{ __('Automation') }}</li>
<li>{{ __('System Update') }}</li>
</ul>
</li>
<li>
<strong class="my-2">{{ __('Notifications Settings') }}</strong>
<ul>
<li>{{ __('Global Templates.') }}</li>
<li>{{ __('Notification Templates') }}</li>
<li>{{ __('Setup Mail Gateway') }}</li>
<li>{{ __('Sms Gateways') }}</li>
</ul>
</li>
</ol>
<p><strong>{{ __('Complete Application Settings') }}:</strong> {{ __('Ensure all other application settings are properly configured before running your site') }}.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
</div>
</div>
</div>
</div>
@endsection
@push('script-push')
<script>
"use strict";
$(document).ready(function () {
const depositMonthAmount = @json($depositMonthAmount);
const withdrawMonthAmount = @json($withdrawMonthAmount);
const months = @json($months);
const currency = "{{ getCurrencySymbol() }}";
const options = {
series: [
{
name: 'Total Deposits Amount',
data: depositMonthAmount
},
{
name: 'Total Withdraw Amount',
data: withdrawMonthAmount
}
],
chart: {
height: 350 ,
type: 'line',
toolbar: false,
zoom: {
enabled: false
}
},
plotOptions: {
bar: {
borderRadius: 10,
dataLabels: {
position: 'bottom',
},
}
},
dataLabels: {
enabled: true,
formatter: function (val, opts) {
return '';
},
offsetY: -20,
style: {
fontSize: '12px',
colors: ["#304758"]
}
},
xaxis: {
categories: months,
position: 'top',
axisBorder: {
show: false
},
axisTicks: {
show: false
},
crosshairs: {
fill: {
type: 'gradient',
gradient: {
colorFrom: '#D8E3F0',
colorTo: '#BED1E6',
stops: [0, 100],
opacityFrom: 0.4,
opacityTo: 0.5,
}
}
},
tooltip: {
enabled: true,
}
},
yaxis: {
axisBorder: {
show: false
},
axisTicks: {
show: false,
},
labels: {
show: false,
formatter: function (val) {
return currency + val;
}
}
},
title: {
floating: true,
offsetY: 340,
align: 'center',
style: {
color: '#222',
fontWeight: 600
}
}
};
const chart = new ApexCharts(document.querySelector("#monthlyChart"), options);
chart.render();
const invest = @json($invest);
const profit = @json($profit);
const investmentMonths = @json($months);
const investmentOptions = {
series: [{
name: 'Profit',
data: profit
}, {
name: 'Invest',
data: invest
}],
chart: {
height: 265,
type: 'line',
zoom: {
enabled: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
xaxis: {
type: 'date',
categories: months
},
tooltip: {
y: {
formatter: function (val) {
return currency + val
}
}
}
};
const investmentProfit = new ApexCharts(document.querySelector("#investProfitChart"), investmentOptions);
investmentProfit.render();
// Right Sidebar
var rightSidebarBtn = document.getElementById('right-sidebar-btn');
var rightSidebar = document.querySelector(".right-sidebar");
var minWidth = 1499;
function handleSidebarButtonClick() {
rightSidebar.classList.toggle("d-none");
const windowWidth = window.innerWidth;
const sidebarVisible = !rightSidebar.classList.contains("d-none");
if (windowWidth <= minWidth && sidebarVisible) {
createOverlay();
} else {
removeOverlay();
}
}
function createOverlay() {
const overlay = document.createElement('div');
overlay.setAttribute("id", "overlay-wrapper");
overlay.style.cssText = `
position: fixed;
inset: 0;
width: 100%;
height: 100vh;
background: rgb(0 0 0 / 10%);
z-index: 12;
`;
document.body.appendChild(overlay);
overlay.addEventListener("click", () => {
rightSidebar.classList.add('d-none');
removeOverlay();
});
}
function removeOverlay() {
const overlayWrapper = document.querySelector("#overlay-wrapper")
overlayWrapper && overlayWrapper.remove();
}
function handleResize() {
const windowWidth = window.innerWidth;
if (windowWidth <= 1499) {
rightSidebar.classList.remove("d-none")
createOverlay();
} else {
rightSidebar.classList.remove("d-none")
removeOverlay();
}
}
rightSidebarBtn.addEventListener("click", handleSidebarButtonClick);
window.addEventListener('resize', handleResize);
handleResize();
var rightSidebarBtn = $('.right-sidebar-btn');
if (rightSidebarBtn.length) {
rightSidebarBtn.click();
}
});
</script>
@endpush
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