bao/portal-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
pbao9
2026-01-30 11:16:12 +07:00
parent 68ee544ecb
commit 9802839056
2 changed files with 261 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/administrator/home.blade.php
+258 -246
View File
@@ -11,7 +11,8 @@
</div>
<div class="d-flex align-items-center flex-wrap text-nowrap">
<div class="input-group flatpickr w-200px me-2 mb-2 mb-md-0" id="dashboardDate">
<span class="input-group-text input-group-addon bg-transparent border-primary" data-toggle><i data-lucide="calendar" class="text-primary"></i></span>
<span class="input-group-text input-group-addon bg-transparent border-primary" data-toggle><i
data-lucide="calendar" class="text-primary"></i></span>
<input type="text" class="form-control bg-transparent border-primary" placeholder="Select date" data-input>
</div>
</div>
@@ -62,7 +63,7 @@
<h3 class="mb-2">{{ count($invocie_unpaid) }}</h3>
</div>
<div class="col-6 col-md-12 col-xl-7">
<i data-lucide="file-text" class="icon-lg text-success"></i>
<i data-lucide="file-text" class="icon-lg text-success"></i>
</div>
</div>
</div>
@@ -86,15 +87,15 @@
<h3 class="mb-2">{{ count($tickets) }}</h3>
</div>
<div class="col-6 col-md-12 col-xl-7">
<i data-lucide="message-square" class="icon-lg text-danger"></i>
<i data-lucide="message-square" class="icon-lg text-danger"></i>
</div>
</div>
</div>
</div>
</div>
{{-- Users --}}
<div class="col-md-3 grid-margin stretch-card">
{{-- Users --}}
<div class="col-md-3 grid-margin stretch-card">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-baseline">
@@ -110,7 +111,7 @@
<h3 class="mb-2">{{ $customers }}</h3>
</div>
<div class="col-6 col-md-12 col-xl-7">
<i data-lucide="users" class="icon-lg text-warning"></i>
<i data-lucide="users" class="icon-lg text-warning"></i>
</div>
</div>
</div>
@@ -126,273 +127,284 @@
<div class="row flex-column w-100 m-0">
{{-- Billing --}}
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="pie-chart" class="icon-sm me-2"></i>
Billing
</h6>
</div>
<div class="card-body">
<div id="billingChart" class="mt-2"
data-today="{{ $total_amount_day }}"
data-month="{{ $total_amount_month }}"
data-year="{{ $total_amount_year }}"></div>
<div class="row mt-3">
<div class="col-6 border-end mb-3">
<h4 class="text-success mb-1">@money($total_amount_day)</h4>
<span class="text-muted">Today</span>
</div>
<div class="col-6 mb-3">
<h4 class="text-warning mb-1">@money($total_amount_month)</h4>
<span class="text-muted">This Month</span>
</div>
<div class="col-6 border-end border-top pt-3">
<h4 class="text-danger mb-1">@money($total_amount_year)</h4>
<span class="text-muted">This Year</span>
</div>
<div class="col-6 border-top pt-3">
<h4 class="text-body mb-1">@money($total_amount)</h4>
<span class="text-muted">All Time</span>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="pie-chart" class="icon-sm me-2"></i>
Billing
</h6>
</div>
<div class="card-body">
<div id="billingChart" class="mt-2" data-today="{{ $total_amount_day }}"
data-month="{{ $total_amount_month }}" data-year="{{ $total_amount_year }}"></div>
<div class="row mt-3">
<div class="col-6 border-end mb-3">
<h4 class="text-success mb-1">@money($total_amount_day)</h4>
<span class="text-muted">Today</span>
</div>
<div class="col-6 mb-3">
<h4 class="text-warning mb-1">@money($total_amount_month)</h4>
<span class="text-muted">This Month</span>
</div>
<div class="col-6 border-end border-top pt-3">
<h4 class="text-danger mb-1">@money($total_amount_year)</h4>
<span class="text-muted">This Year</span>
</div>
<div class="col-6 border-top pt-3">
<h4 class="text-body mb-1">@money($total_amount)</h4>
<span class="text-muted">All Time</span>
</div>
</div>
</div>
</div>
</div>
{{-- New Order --}}
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="shopping-cart" class="icon-sm me-2"></i>
New Order
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($orders) > 0)
@foreach ($orders as $item)
<a href="{{ route('admin.order.edit', ['id' => $item->id]) }}" class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<div class="bg-primary bg-opacity-10 p-2 rounded-circle">
<i data-lucide="file-text" class="text-primary icon-sm"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->customer->firstname . ' ' . $item->customer->lastname }}</h6>
<span class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px">Order: {{ $item->order_num }}</p>
</div>
</a>
@endforeach
@else
<div class="p-3 text-center text-muted">No new orders</div>
@endif
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="shopping-cart" class="icon-sm me-2"></i>
New Order
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($orders) > 0)
@foreach ($orders as $item)
<a href="{{ route('admin.order.edit', ['id' => $item->id]) }}"
class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<div
class="bg-primary bg-opacity-10 rounded-circle w-35px h-35px d-flex justify-content-center align-items-center">
<i data-lucide="file-text" class="text-primary icon-sm"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->customer->firstname . ' ' . $item->customer->lastname }}</h6>
<span
class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px">Order: {{ $item->order_num }}</p>
</div>
</a>
@endforeach
@else
<div class="p-3 text-center text-muted">No new orders</div>
@endif
</div>
</div>
</div>
</div>
{{-- Last Post --}}
<div class="col-12 stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="file" class="icon-sm me-2"></i>
Last Post
</h6>
</div>
<div class="card-body p-0">
<ul class="list-group list-group-flush">
@if ($posts->count())
@foreach ($posts as $item)
<li class="list-group-item d-flex justify-content-between align-items-center">
<div>
<span class="d-block text-truncate" style="max-width: 200px;">{{ $item->name }}</span>
<small class="text-muted">
<i data-lucide="clock" class="icon-xs me-1"></i>
{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}
</small>
</div>
<div>
<a href="{{ route('post.edit', ['id' => $item->id]) }}" class="btn btn-icon btn-ghost-secondary">
<i data-lucide="edit-2" class="icon-sm"></i>
</a>
</div>
</li>
@endforeach
@else
<li class="list-group-item text-center text-muted">No posts</li>
@endif
</ul>
</div>
</div>
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="file" class="icon-sm me-2"></i>
Last Post
</h6>
</div>
<div class="card-body p-0">
<ul class="list-group list-group-flush">
@if ($posts->count())
@foreach ($posts as $item)
<li class="list-group-item d-flex justify-content-between align-items-center">
<div>
<span class="d-block text-truncate" style="max-width: 200px;">{{ $item->name }}</span>
<small class="text-muted">
<i data-lucide="clock" class="icon-xs me-1"></i>
{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}
</small>
</div>
<div>
<a href="{{ route('post.edit', ['id' => $item->id]) }}" class="btn btn-icon btn-ghost-secondary">
<i data-lucide="edit-2" class="icon-sm"></i>
</a>
</div>
</li>
@endforeach
@else
<li class="list-group-item text-center text-muted">No posts</li>
@endif
</ul>
</div>
</div>
</div>
</div>
</div>
{{-- Column 2 --}}
<div class="col-lg-4 col-xl-4 grid-margin stretch-card">
<div class="row flex-column w-100 m-0">
{{-- Staff Online --}}
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="users" class="icon-sm me-2"></i>
Staff Online
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($staffs) > 0)
@foreach ($staffs as $item)
<div class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<img src="{{ asset('/images/logo.png') }}" class="rounded-circle w-35px h-35px" alt="user">
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->user->firstname . ' ' . $item->user->lastname }}</h6>
<span class="text-success fs-12px">Online</span>
</div>
<span class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->updated_at)->diffForHumans() }}</span>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No staff online</div>
@endif
<div class="row flex-column w-100 m-0">
{{-- Staff Online --}}
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="users" class="icon-sm me-2"></i>
Staff Online
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($staffs) > 0)
@foreach ($staffs as $item)
<div class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<img src="{{ asset('/images/logo.png') }}"
class=" rounded-circle w-35px h-35px d-flex justify-content-center align-items-center" alt="user">
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->user->firstname . ' ' . $item->user->lastname }}</h6>
<span class="text-success fs-12px">Online</span>
</div>
<span
class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->updated_at)->diffForHumans() }}</span>
</div>
</div>
</div>
</div>
{{-- Activity --}}
<div class="col-12 stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="activity" class="icon-sm me-2"></i>
Activity
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($logs) > 0)
@foreach ($logs as $item)
<div class="d-flex align-items-start border-bottom p-3">
<div class="me-3 mt-1">
<div class="bg-secondary bg-opacity-10 p-1 rounded-circle">
<i data-lucide="check-circle" class="text-secondary icon-xs"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->username }}</h6>
<span class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px mb-1">{{ $item->description }}</p>
<small class="text-muted">{{ $item->client_ip }}</small>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No activity</div>
@endif
</div>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No staff online</div>
@endif
</div>
</div>
</div>
</div>
{{-- Activity --}}
<div class="col-12 stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="activity" class="icon-sm me-2"></i>
Activity
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($logs) > 0)
@foreach ($logs as $item)
<div class="d-flex align-items-start border-bottom p-3">
<div class="me-3 mt-1">
<div
class="bg-secondary bg-opacity-10 rounded-circle w-35px h-35px d-flex justify-content-center align-items-center">
<i data-lucide="check-circle" class="text-secondary icon-xs"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->username }}</h6>
<span
class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px mb-1">{{ $item->description }}</p>
<small class="text-muted">{{ $item->client_ip }}</small>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No activity</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
{{-- Column 3 --}}
<div class="col-lg-4 col-xl-4 grid-margin stretch-card">
<div class="row flex-column w-100 m-0">
{{-- New VM --}}
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="server" class="icon-sm me-2"></i>
New Virtual Machine
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($vmwares) > 0)
@foreach ($vmwares as $item)
<div class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<div class="bg-info bg-opacity-10 p-2 rounded-circle">
<i data-lucide="server" class="text-info icon-sm"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->customer->firstname . ' ' . $item->customer->lastname }}</h6>
<span class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px mb-1">{{ $item->ipaddress->ip ?? 'No IP' }}</p>
<a href="{{ route('customer.product', ['userid' => $item->customer->id, 'product' => $item->id, 'type' => 4]) }}" class="text-primary fs-12px">View Details</a>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No data</div>
@endif
</div>
</div>
</div>
<div class="row flex-column w-100 m-0">
{{-- New VM --}}
<div class="col-12 grid-margin stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="server" class="icon-sm me-2"></i>
New Virtual Machine
</h6>
</div>
{{-- New Hosting --}}
<div class="col-12 stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="hard-drive" class="icon-sm me-2"></i>
New Hosting
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($hostings) > 0)
@foreach ($hostings as $item)
<div class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<div class="bg-warning bg-opacity-10 p-2 rounded-circle">
<i data-lucide="hard-drive" class="text-warning icon-sm"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->customer->firstname . ' ' . $item->customer->lastname }}</h6>
<span class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px mb-1">
@isset($item->ipaddress->ip)
{{ $item->ipaddress->ip }}
@else
No IP
@endisset
</p>
<a href="{{ route('customer.product', ['userid' => $item->customer->id, 'product' => $item->id, 'type' => 3]) }}" class="text-primary fs-12px">View Details</a>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No data</div>
@endif
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($vmwares) > 0)
@foreach ($vmwares as $item)
<div class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<div
class="bg-info bg-opacity-10 rounded-circle w-35px h-35px d-flex justify-content-center align-items-center">
<i data-lucide="server" class="text-info icon-sm"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->customer->firstname . ' ' . $item->customer->lastname }}</h6>
<span
class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px mb-1">{{ $item->ipaddress->ip ?? 'No IP' }}</p>
<a href="{{ route('customer.product', ['userid' => $item->customer->id, 'product' => $item->id, 'type' => 4]) }}"
class="text-primary fs-12px">View Details</a>
</div>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No data</div>
@endif
</div>
</div>
</div>
</div>
{{-- New Hosting --}}
<div class="col-12 stretch-card">
<div class="card">
<div class="card-header">
<h6 class="card-title mb-0">
<i data-lucide="hard-drive" class="icon-sm me-2"></i>
New Hosting
</h6>
</div>
<div class="card-body p-0">
<div class="d-flex flex-column">
@if (count($hostings) > 0)
@foreach ($hostings as $item)
<div class="d-flex align-items-center border-bottom p-3">
<div class="me-3">
<div
class="bg-warning bg-opacity-10 rounded-circle w-35px h-35px d-flex justify-content-center align-items-center">
<i data-lucide="hard-drive" class="text-warning icon-sm"></i>
</div>
</div>
<div class="w-100">
<div class="d-flex justify-content-between">
<h6 class="text-body mb-1">{{ $item->customer->firstname . ' ' . $item->customer->lastname }}</h6>
<span
class="text-secondary fs-12px">{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</span>
</div>
<p class="text-secondary fs-13px mb-1">
@isset($item->ipaddress->ip)
{{ $item->ipaddress->ip }}
@else
No IP
@endisset
</p>
<a href="{{ route('customer.product', ['userid' => $item->customer->id, 'product' => $item->id, 'type' => 3]) }}"
class="text-primary fs-12px">View Details</a>
</div>
</div>
@endforeach
@else
<div class="p-3 text-center text-muted">No data</div>
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@@ -404,4 +416,4 @@
@push('custom-scripts')
@vite(['resources/js/pages/dashboard.js'])
@endpush
@endpush
resources/views/administrator/layout/partials/footer.blade.php
+3 -1
View File
@@ -1,4 +1,6 @@
<footer class="footer d-flex flex-column flex-md-row align-items-center justify-content-between px-4 py-3 border-top small">
<p class="text-secondary mb-1 mb-md-0">Copyright © <a href="https://tgs.com.vn" target="_blank">Thế Giới Số</a>.
<p class="text-secondary mb-1 mb-md-0">
Copyright © {{ date('Y') }}
<a href="https://tgs.com.vn" target="_blank">Thế Giới Số</a>.
</p>
</footer>