Viewing File: /home/ubuntu/misabloom-backend-base/resources/views/admin/dashboard.blade.php
@extends('layouts.admin')
@section('title')
{{ tr('dashboard') }}
@endsection
@section('content-header')
<span class="menu-title"> {{ tr('dashboard') }} </span>
@endsection
@section('breadcrumb')
<li class="breadcrumb-item active"> {{ tr('dashboard') }} </li>
@endsection
@section('content')
<div class="row g-5 g-xl-8 overflow-x-hidden">
<div class="col-xl-3">
<a href="{{ route('admin.users.index') }}" class="card bg-danger hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
<i class="las la-users fs-4x text-white"></i>
</span>
<div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->total_users }}</div>
<div class="fw-bold text-white">{{ tr('total_users') }}</div>
</div>
</a>
</div>
<div class="col-xl-3">
<a href="{{ route('admin.products.index') }}" class="card bg-success hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
<i class="las la-gift fs-4x text-white"></i>
</span>
<div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->total_products }}</div>
<div class="fw-bold text-white">{{ tr('total_products') }}</div>
</div>
</a>
</div>
<div class="col-xl-3">
<a href="{{ route('admin.orders.index') }}" class="card bg-info hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
<i class="las la-shipping-fast fs-4x text-white"></i>
</span>
<div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->total_orders ?? 0 }}</div>
<div class="fw-bold text-white">{{ tr('total_orders') }}</div>
</div>
</a>
</div>
<div class="col-xl-3">
<a href="{{ route('admin.order_payments.index') }}" class="card bg-primary hoverable card-xl-stretch mb-xl-8">
<div class="card-body">
<span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
<i class="las la-hand-holding-usd fs-4x text-white"></i>
</span>
<div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ formatted_amount($data->total_revenue) }}</div>
<div class="fw-bold text-white">{{ tr('total_revenue') }}</div>
</div>
</a>
</div>
</div>
<div class="row g-5 g-xl-8">
<div class="col-xl-12">
<div class="card card-xl-stretch mb-xl-8">
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">{{ tr('last_n_statistics', '10 Days') }} {{ tr('orders') }}</span>
</h3>
</div>
<div class="card-body">
<canvas id="order_graph" style="height: 350px"></canvas>
</div>
</div>
</div>
</div>
<div class="row gy-5 g-xl-8">
<div class="col-xl-12">
<div class="card mb-xl-8">
<div class="card-header border-0">
<h3 class="card-title fw-bolder text-dark">{{ tr('recent_orders') }}</h3>
<div class="card-toolbar">
<span class="svg-icon svg-icon-2">
<a href="{{ route('admin.orders.index') }}" class="btn btn-success btn-sm" title="{{ tr('view_all') }} {{ tr('users') }}">
<i class="las la-shipping-fast fs-2x text-white"></i> {{ tr('view_all') }}
</a>
</span>
</div>
</div>
<div class="card-body order-dashboard-table">
<table class="table align-middle table-row-dashed fs-6">
@if($recent_orders->isNotEmpty())
<thead>
<tr class="text-start text-muted fw-bolder fs-7 text-uppercase gs-0">
<th class="min-w-1px" nowrap=""> {{ tr('s_no') }} </th>
<th class="min-w-1px"> {{ tr('ref_id') }} </th>
<th class="min-w-1px"> {{ tr('user') }} </th>
<th class="min-w-1px"> {{ tr('total_products') }} </th>
<th class="min-w-1px"> {{ tr('quantity') }} </th>
<th class="min-w-1px"> {{ tr('paid_amount') }} </th>
<th class="min-w-1px"> {{ tr('checkout_type') }} </th>
<th class="min-w-1px"> {{ tr('status') }} </th>
<th class="min-w-1px"> {{ tr('action') }} </th>
</tr>
</thead>
<tbody class="text-gray-600 fw-bold">
@foreach($recent_orders as $i => $order)
<tr>
<td>{{ $i + 1 }}</td>
<td>
<a href="{{ route('admin.orders.view', ['order_id' => $order->id]) }}" class="menu-link">
{{ $order->unique_id ? : tr('na') }}
</a>
</td>
<td>
<a href="{{ route('admin.users.view', ['user_id' => $order->user_id]) }}" class="menu-link">
{{ $order->user->name ? : tr('na') }} </a>
</td>
<td>
{{ $order->total_products ? : tr('na') }}
</td>
<td>
{{ $order->order_products_sum_quantity ? : tr('na') }}
</td>
<td class="text-capitalize"> {{ $order->total ? formatted_amount($order->total) : tr('na') }} </td>
<td>
<span class="badge py-3 px-4 fs-7 {{ $order->checkout_type == DIRECT_CHECKOUT ? 'badge-light-primary' : 'badge-light-success' }} ">
{{ $order->checkout_type ? checkout_type_formatted($order->checkout_type) : tr('na') }}
</span>
</td>
<td>
<span class="badge py-3 px-4 fs-7 {{ order_status_badge($order->status) }} ">
{{ $order->status ? order_status_formatted($order->status) : tr('na') }}
</span>
</td>
<td class="">
<a href="{{ route('admin.orders.view', ['order_id' => $order->id]) }}" class="menu-link px-3 btn btn-sm btn-primary">{{ tr('view') }}</a>
</td>
</tr>
@endforeach
@else
<tr>
<div class="card overlay border">
<div class="card-body p-0">
<div class="overlay-wrapper h-100px bgi-no-repeat bgi-size-contain bgi-position-center">
<h2 class="text-center pt-12"> {{ tr('no_data_found') }} </h2>
</div>
</div>
</div>
</tr>
@endif
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row gy-5 g-xl-8">
<div class="col-xl-6">
<div class="card mb-xl-8">
<div class="card-header border-0">
<h3 class="card-title fw-bolder text-dark">{{ tr('recent_users') }}</h3>
<div class="card-toolbar">
<span class="svg-icon svg-icon-2">
<a href="{{ route('admin.users.index') }}" class="btn btn-danger btn-sm" title="{{ tr('view_all') }} {{ tr('users') }}">
<i class="las la-users fs-2x text-white"></i> {{ tr('view_all') }}
</a>
</span>
</div>
</div>
<div class="card-body card-scroll">
@forelse($recent_users as $recent_user)
<div class="d-flex align-items-center mb-7">
<a href="{{ route('admin.users.view', ['user_id' => $recent_user->id]) }}">
<div class="symbol symbol-50px me-5">
<img src="{{ $recent_user->picture ? : asset('placeholder.jpeg') }}" class="" alt="" />
</div>
</a>
<div class="flex-grow-1">
<a href="{{ route('admin.users.view', ['user_id' => $recent_user->id]) }}" class="text-dark fw-bolder text-hover-primary fs-6">
{{ $recent_user->name ? : tr('na') }}
</a>
<span class="text-muted d-block fw-bold">{{ $recent_user->email ? : tr('na') }}</span>
<span class="text-muted d-block fw-bold">{{ $recent_user->created_at->diffForHumans() }}</span>
</div>
</div>
@empty
<div class="overlay-wrapper h-50px bgi-no-repeat bgi-size-contain bgi-position-center">
<h6 class="text-center text-muted pt-2"> <i class="las la-envelope-open fs-2"></i> {{ tr('no_data_found') }} </h6>
</div>
@endforelse
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card mb-xl-8">
<div class="card-header border-0">
<h3 class="card-title fw-bolder text-dark">{{ tr('recent_products') }}</h3>
<div class="card-toolbar">
<span class="svg-icon svg-icon-2">
<a href="{{ route('admin.products.index') }}" class="btn btn-success btn-sm" title="{{ tr('view_all') }} {{ tr('products') }}">
<i class="las la-gift fs-2x text-white"></i> {{ tr('view_all') }}
</a>
</span>
</div>
</div>
<div class="card-body card-scroll">
@forelse($recent_products as $recent_product)
<div class="d-flex align-items-center mb-7">
<a href="{{ route('admin.products.view', ['product_id' => $recent_product->id]) }}">
<div class="symbol symbol-50px me-5">
<img src="{{ $recent_product->file ? : asset('placeholder.jpeg') }}" class="" alt="" />
</div>
</a>
<div class="flex-grow-1">
<a href="{{ route('admin.products.view', ['product_id' => $recent_product->id]) }}" class="text-dark fw-bolder text-hover-primary fs-6">
{{ $recent_product->name ? : tr('na') }}
</a>
<span class="text-muted d-block fw-bold">{{ $recent_product->created_at->diffForHumans() }}</span>
</div>
</div>
@empty
<div class="overlay-wrapper h-50px bgi-no-repeat bgi-size-contain bgi-position-center">
<h6 class="text-center text-muted pt-2"> <i class="las la-envelope-open fs-2"></i> {{ tr('no_data_found') }} </h6>
</div>
@endforelse
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var ctxL = document.getElementById("order_graph").getContext('2d');
var myLineChart = new Chart(ctxL, {
type: 'line',
data: {
datasets: [{
label: "{{ tr('orders') }}",
data: <?php print_r(json_encode($data->orders_data)); ?>,
backgroundColor: ['#388c07', ],
borderColor: ['#388c07', ],
borderWidth: 3
}, ]
},
options: {
responsive: true
}
});
</script>
@endsection
Back to Directory
File Manager