You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
369 lines
14 KiB
369 lines
14 KiB
2 years ago
|
@extends('layouts.admin.app')
|
||
|
|
|
||
|
|
@section('title',\App\Models\BusinessSetting::where(['key'=>'business_name'])->first()->value??'Dashboard')
|
||
|
|
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
<style>
|
||
|
|
.bg-dddd{
|
||
|
|
background-color: #44f279 !important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="content container-fluid">
|
||
|
|
@if(auth('admin')->user()->role_id == 1)
|
||
|
|
<!-- Page Header -->
|
||
|
|
<div class="page-header">
|
||
|
|
<div class="d-flex flex-wrap justify-content-between align-items-center">
|
||
|
|
<div class="page--header-title">
|
||
|
|
<h1 class="page-header-title">{{translate('messages.welcome')}}, {{auth('admin')->user()->f_name}}.</h1>
|
||
|
|
<p class="page-header-text">{{translate('messages.welcome_message')}}</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="page--header-select">
|
||
|
|
<select name="zone_id" class="form-control js-select2-custom"
|
||
|
|
onchange="fetch_data_zone_wise(this.value)">
|
||
|
|
<option value="all">{{translate('all_zones')}}</option>
|
||
|
|
@foreach(\App\Models\Zone::orderBy('name')->get() as $zone)
|
||
|
|
<option
|
||
|
|
value="{{$zone['id']}}" {{$params['zone_id'] == $zone['id']?'selected':''}}>
|
||
|
|
{{$zone['name']}}
|
||
|
|
</option>
|
||
|
|
@endforeach
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Page Header -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Stats -->
|
||
|
|
<div class="card mb-3">
|
||
|
|
<div class="card-body pt-0">
|
||
|
|
<div id="order_stats_top">
|
||
|
|
@include('admin-views.partials._order-statics',['data'=>$data])
|
||
|
|
</div>
|
||
|
|
<div class="row g-2 mt-2" id="order_stats">
|
||
|
|
@include('admin-views.partials._dashboard-order-stats',['data'=>$data])
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- End Stats -->
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100" id="monthly-earning-graph">
|
||
|
|
<!-- Body -->
|
||
|
|
|
||
|
|
@include('admin-views.partials._monthly-earning-graph',['total_sell'=>$total_sell,'total_subs' =>$total_subs,'commission'=>$commission])
|
||
|
|
<!-- End Body -->
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Row -->
|
||
|
|
|
||
|
|
<div class="row g-2 mt-2">
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100">
|
||
|
|
<!-- Header -->
|
||
|
|
<div class="card-header align-items-center">
|
||
|
|
<h5 class="card-title">
|
||
|
|
<img src="{{asset('/public/assets/admin/img/dashboard/statistics.png')}}" alt="dashboard" class="card-header-icon">
|
||
|
|
<span>{{translate('user_statistics')}}</span>
|
||
|
|
</h5>
|
||
|
|
<div id="stat_zone">
|
||
|
|
@include('admin-views.partials._zone-change',['data'=>$data])
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Header -->
|
||
|
|
|
||
|
|
<!-- Body -->
|
||
|
|
<div class="card-body">
|
||
|
|
<div class="row justify-content-end">
|
||
|
|
<div class="col-sm-6 col-md-4">
|
||
|
|
<div class="ml-auto mb-2 pb-xl-5">
|
||
|
|
<select class="custom-select" name="user_overview"
|
||
|
|
onchange="user_overview_stats_update(this.value)">
|
||
|
|
<option
|
||
|
|
value="this_month" {{$params['user_overview'] == 'this_month'?'selected':''}}>
|
||
|
|
{{translate('This month')}}
|
||
|
|
</option>
|
||
|
|
<option
|
||
|
|
value="overall" {{$params['user_overview'] == 'overall'?'selected':''}}>
|
||
|
|
{{translate('messages.Overall')}}
|
||
|
|
</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="position-relative" >
|
||
|
|
<div id="user-overview-board">
|
||
|
|
{{-- @include('admin-views.partials._user-overview-chart') --}}
|
||
|
|
@php($params = session('dash_params'))
|
||
|
|
@if ($params['zone_id'] != 'all')
|
||
|
|
@php($zone_name = \App\Models\Zone::where('id', $params['zone_id'])->first()->name)
|
||
|
|
@else
|
||
|
|
@php($zone_name=translate('All'))
|
||
|
|
@endif
|
||
|
|
<div class="chartjs-custom mx-auto">
|
||
|
|
<canvas id="user-overview" class="mt-2"></canvas>
|
||
|
|
</div>
|
||
|
|
<div class="total--users">
|
||
|
|
<span>{{translate('messages.total_users')}}</span>
|
||
|
|
<h3>{{ $data['customer'] + $data['restaurants'] + $data['delivery_man'] }}</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="d-flex flex-wrap justify-content-center mt-4 pt-xl-5">
|
||
|
|
<div class="chart--label">
|
||
|
|
<span class="indicator bg-FFC960"></span>
|
||
|
|
<span class="info">
|
||
|
|
{{translate('messages.customer')}}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="chart--label">
|
||
|
|
<span class="indicator bg-0661CB"></span>
|
||
|
|
<span class="info">
|
||
|
|
{{translate('messages.restaurant')}}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="chart--label">
|
||
|
|
<span class="indicator bg-7ECAFF"></span>
|
||
|
|
<span class="info">
|
||
|
|
{{ translate('messages.delivery_man')}}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Chart -->
|
||
|
|
</div>
|
||
|
|
<!-- End Body -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100" id="popular-restaurants-view">
|
||
|
|
@include('admin-views.partials._popular-restaurants',['popular'=>$data['popular']])
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100" id="top-deliveryman-view">
|
||
|
|
@include('admin-views.partials._top-deliveryman',['top_deliveryman'=>$data['top_deliveryman']])
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100" id="top-restaurants-view">
|
||
|
|
@include('admin-views.partials._top-restaurants',['top_restaurants'=>$data['top_restaurants']])
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100" id="top-rated-foods-view">
|
||
|
|
@include('admin-views.partials._top-rated-foods',['top_rated_foods'=>$data['top_rated_foods']])
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-lg-6">
|
||
|
|
<!-- Card -->
|
||
|
|
<div class="card h-100" id="top-selling-foods-view">
|
||
|
|
@include('admin-views.partials._top-selling-foods',['top_sell'=>$data['top_sell']])
|
||
|
|
</div>
|
||
|
|
<!-- End Card -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
@else
|
||
|
|
<!-- Page Header -->
|
||
|
|
<div class="page-header">
|
||
|
|
<div class="row align-items-center">
|
||
|
|
<div class="col-sm mb-2 mb-sm-0">
|
||
|
|
<h1 class="page-header-title">{{translate('messages.welcome')}}, {{auth('admin')->user()->f_name}}.</h1>
|
||
|
|
<p class="page-header-text">{{translate('messages.employee_welcome_message')}}</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End Page Header -->
|
||
|
|
@endif
|
||
|
|
</div>
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@push('script')
|
||
|
|
<script src="{{asset('public/assets/admin')}}/vendor/chart.js/dist/Chart.min.js"></script>
|
||
|
|
<script src="{{asset('public/assets/admin')}}/vendor/chart.js.extensions/chartjs-extensions.js"></script>
|
||
|
|
<script src="{{asset('public/assets/admin')}}/vendor/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.min.js"></script>
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
|
||
|
|
@push('script_2')
|
||
|
|
<script>
|
||
|
|
// INITIALIZATION OF CHARTJS
|
||
|
|
// =======================================================
|
||
|
|
Chart.plugins.unregister(ChartDataLabels);
|
||
|
|
|
||
|
|
$('.js-chart').each(function () {
|
||
|
|
$.HSCore.components.HSChartJS.init($(this));
|
||
|
|
});
|
||
|
|
|
||
|
|
var updatingChart = $.HSCore.components.HSChartJS.init($('#updatingData'));
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var ctx = document.getElementById('user-overview');
|
||
|
|
var myChart = new Chart(ctx, {
|
||
|
|
type: 'doughnut',
|
||
|
|
data: {
|
||
|
|
datasets: [{
|
||
|
|
label: 'User',
|
||
|
|
data: ['{{$data['customer']}}', '{{$data['restaurants']}}', '{{$data['delivery_man']}}'],
|
||
|
|
backgroundColor: [
|
||
|
|
'#FFC960',
|
||
|
|
'#0661CB',
|
||
|
|
'#7ECAFF'
|
||
|
|
],
|
||
|
|
hoverOffset: 3
|
||
|
|
}],
|
||
|
|
labels: [
|
||
|
|
'{{translate('messages.customer')}}',
|
||
|
|
'{{translate('messages.restaurant')}}',
|
||
|
|
'{{ translate('messages.delivery_man')}}'
|
||
|
|
],
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
scales: {
|
||
|
|
y: {
|
||
|
|
beginAtZero: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
display: false,
|
||
|
|
position: 'chartArea',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function order_stats_update(type) {
|
||
|
|
$.ajaxSetup({
|
||
|
|
headers: {
|
||
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.post({
|
||
|
|
url: '{{route('admin.dashboard-stats.order')}}',
|
||
|
|
data: {
|
||
|
|
statistics_type: type
|
||
|
|
},
|
||
|
|
beforeSend: function () {
|
||
|
|
$('#loading').show()
|
||
|
|
},
|
||
|
|
success: function (data) {
|
||
|
|
insert_param('statistics_type',type);
|
||
|
|
$('#order_stats').html(data.view)
|
||
|
|
$('#order_stats_top').html(data.order_stats_top)
|
||
|
|
},
|
||
|
|
complete: function () {
|
||
|
|
$('#loading').hide()
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function fetch_data_zone_wise(zone_id) {
|
||
|
|
$.ajaxSetup({
|
||
|
|
headers: {
|
||
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.post({
|
||
|
|
url: '{{route('admin.dashboard-stats.zone')}}',
|
||
|
|
data: {
|
||
|
|
zone_id: zone_id
|
||
|
|
},
|
||
|
|
beforeSend: function () {
|
||
|
|
$('#loading').show()
|
||
|
|
},
|
||
|
|
success: function (data) {
|
||
|
|
insert_param('zone_id', zone_id);
|
||
|
|
$('#order_stats_top').html(data.order_stats_top);
|
||
|
|
$('#order_stats').html(data.order_stats);
|
||
|
|
$('#stat_zone').html(data.stat_zone);
|
||
|
|
$('#user-overview-board').html(data.user_overview);
|
||
|
|
$('#monthly-earning-graph').html(data.monthly_graph);
|
||
|
|
$('#popular-restaurants-view').html(data.popular_restaurants);
|
||
|
|
$('#top-deliveryman-view').html(data.top_deliveryman);
|
||
|
|
$('#top-rated-foods-view').html(data.top_rated_foods);
|
||
|
|
$('#top-restaurants-view').html(data.top_restaurants);
|
||
|
|
$('#top-selling-foods-view').html(data.top_selling_foods);
|
||
|
|
},
|
||
|
|
complete: function () {
|
||
|
|
$('#loading').hide()
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function user_overview_stats_update(type) {
|
||
|
|
$.ajaxSetup({
|
||
|
|
headers: {
|
||
|
|
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$.post({
|
||
|
|
url: '{{route('admin.dashboard-stats.user-overview')}}',
|
||
|
|
data: {
|
||
|
|
user_overview: type
|
||
|
|
},
|
||
|
|
beforeSend: function () {
|
||
|
|
$('#loading').show()
|
||
|
|
},
|
||
|
|
success: function (data) {
|
||
|
|
insert_param('user_overview',type);
|
||
|
|
$('#user-overview-board').html(data.view)
|
||
|
|
},
|
||
|
|
complete: function () {
|
||
|
|
$('#loading').hide()
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function insert_param(key, value) {
|
||
|
|
key = encodeURIComponent(key);
|
||
|
|
value = encodeURIComponent(value);
|
||
|
|
// kvp looks like ['key1=value1', 'key2=value2', ...]
|
||
|
|
var kvp = document.location.search.substr(1).split('&');
|
||
|
|
let i = 0;
|
||
|
|
|
||
|
|
for (; i < kvp.length; i++) {
|
||
|
|
if (kvp[i].startsWith(key + '=')) {
|
||
|
|
let pair = kvp[i].split('=');
|
||
|
|
pair[1] = value;
|
||
|
|
kvp[i] = pair.join('=');
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (i >= kvp.length) {
|
||
|
|
kvp[kvp.length] = [key, value].join('=');
|
||
|
|
}
|
||
|
|
// can return this or...
|
||
|
|
let params = kvp.join('&');
|
||
|
|
// change url page with new params
|
||
|
|
window.history.pushState('page2', 'Title', '{{url()->current()}}?' + params);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
@endpush
|