pbao9
17b02631e4
- Changed view extends from "admin.main" to "administrator.layout.master" across multiple files. - Updated route names in admin.php and administrator.php to reflect new structure for user, order, invoice, and other management functionalities. - Adjusted view includes to point to the new directory structure for blocks and components. - Ensured all permission checks remain intact while refactoring the views.
419 lines
18 KiB
PHP
419 lines
18 KiB
PHP
@extends('administrator.layout.master')
|
|
|
|
@push('plugin-styles')
|
|
<link href="{{ asset('build/plugins/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
|
|
@endpush
|
|
|
|
@section('content')
|
|
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
|
|
<div>
|
|
<h4 class="mb-3 mb-md-0">Dashboard</h4>
|
|
</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>
|
|
<input type="text" class="form-control bg-transparent border-primary" placeholder="Select date" data-input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Info Boxes --}}
|
|
<div class="row">
|
|
<div class="col-12 col-xl-12 stretch-card">
|
|
<div class="row flex-grow-1">
|
|
{{-- Pending Orders --}}
|
|
<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">
|
|
<h6 class="card-title mb-0">Pending Orders</h6>
|
|
<div class="dropdown mb-2">
|
|
<a href="{{ route('administrator.pages.order.index', ['status' => 'unpaid']) }}" class="text-muted">
|
|
<i data-lucide="external-link" class="icon-sm"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 col-md-12 col-xl-5">
|
|
<h3 class="mb-2">{{ count($pending_order) }}</h3>
|
|
</div>
|
|
<div class="col-6 col-md-12 col-xl-7">
|
|
<i data-lucide="shopping-bag" class="icon-lg text-info"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Invoices Pending --}}
|
|
<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">
|
|
<h6 class="card-title mb-0">Invoices Pending</h6>
|
|
<div class="dropdown mb-2">
|
|
<a href="{{ route('administrator.pages.invoice.index', ['status' => 'unpaid']) }}" class="text-muted">
|
|
<i data-lucide="external-link" class="icon-sm"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 col-md-12 col-xl-5">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Tickets Waiting --}}
|
|
<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">
|
|
<h6 class="card-title mb-0">Tickets Waiting</h6>
|
|
<div class="dropdown mb-2">
|
|
<a href="{{ route('support.index', ['status' => 'pending']) }}" class="text-muted">
|
|
<i data-lucide="external-link" class="icon-sm"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 col-md-12 col-xl-5">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 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">
|
|
<h6 class="card-title mb-0">Users</h6>
|
|
<div class="dropdown mb-2">
|
|
<a href="{{ route('customer.index') }}" class="text-muted">
|
|
<i data-lucide="external-link" class="icon-sm"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 col-md-12 col-xl-5">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
{{-- Column 1 --}}
|
|
<div class="col-lg-4 col-xl-4 grid-margin stretch-card">
|
|
<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>
|
|
</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('administrator.pages.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>
|
|
</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 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>
|
|
@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 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>
|
|
@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
|
|
|
|
@push('plugin-scripts')
|
|
<script src="{{ asset('build/plugins/flatpickr/flatpickr.min.js') }}"></script>
|
|
<script src="{{ asset('build/plugins/apexcharts/apexcharts.min.js') }}"></script>
|
|
@endpush
|
|
|
|
@push('custom-scripts')
|
|
@vite(['resources/js/pages/dashboard.js'])
|
|
@endpush |