Your IP : 216.73.217.77
@extends('layouts.admin.app')
@section('title',\App\Models\BusinessSetting::where(['key'=>'business_name'])->first()->value??translate('messages.dashboard'))
@push('css_or_js')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush
@section('content')
<div class="content container-fluid">
@if(auth('admin')->user()->role_id == 1)
@php($mod = \App\Models\Module::find(Config::get('module.current_module_id')))
<!-- Page Header -->
<div class="page-header">
<div class="row align-items-center py-2">
<div class="col-sm mb-2 mb-sm-0">
<div class="d-flex align-items-center">
<img class="onerror-image" data-onerror-image="{{asset('/public/assets/admin/img/grocery.svg')}}" src="{{$mod->icon_full_url }}"
width="38" alt="img">
<div class="w-0 flex-grow pl-2">
<h1 class="page-header-title mb-0">{{translate($mod->module_name)}} {{translate('messages.Dashboard')}}.</h1>
<p class="page-header-text m-0">{{translate('Hello, Here You Can Manage Your')}} {{translate($mod->module_name)}} {{translate('orders by Zone.')}}</p>
</div>
</div>
</div>
<div class="col-sm-auto min--280">
<select name="zone_id" class="form-control js-select2-custom fetch_data_zone_wise">
<option value="all">{{ translate('messages.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 class="d-flex flex-wrap align-items-center justify-content-end">
<div class="status-filter-wrap">
<div class="statistics-btn-grp">
<label>
<input type="radio" name="statistics" value="this_year" {{$params['statistics_type'] == 'this_year'?'checked':''}} class="order_stats_update" hidden>
<span>{{ translate('This_Year') }}</span>
</label>
<label>
<input type="radio" name="statistics" value="this_month" {{$params['statistics_type'] == 'this_month'?'checked':''}} class="order_stats_update" hidden>
<span>{{ translate('This_Month') }}</span>
</label>
<label>
<input type="radio" name="statistics" value="this_week" {{$params['statistics_type'] == 'this_week'?'checked':''}} class="order_stats_update" hidden>
<span>{{ translate('This_Week') }}</span>
</label>
</div>
</div>
</div>
<div class="row g-2" id="order_stats">
<div class="col-sm-6 col-lg-3">
<div class="__dashboard-card-2">
<img src="{{asset('/public/assets/admin/img/dashboard/food/items.svg')}}" alt="dashboard/grocery">
<h6 class="name">{{ translate('messages.foods') }}</h6>
<h3 class="count">{{ $data['total_items'] }}</h3>
<div class="subtxt">{{ $data['new_items'] }} {{ translate('newly added') }}</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="__dashboard-card-2">
<img src="{{asset('/public/assets/admin/img/dashboard/food/orders.svg')}}" alt="dashboard/grocery">
<h6 class="name">{{ translate('messages.orders') }}</h6>
<h3 class="count">{{ $data['total_orders'] }}</h3>
<div class="subtxt">{{ $data['new_orders'] }} {{ translate('newly added') }}</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="__dashboard-card-2">
<img src="{{asset('/public/assets/admin/img/dashboard/food/stores.svg')}}" alt="dashboard/grocery">
<h6 class="name">{{ translate('messages.restaurants') }}</h6>
<h3 class="count">{{ $data['total_stores'] }}</h3>
<div class="subtxt">{{ $data['new_stores'] }} {{ translate('newly added') }}</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="__dashboard-card-2">
<img src="{{asset('/public/assets/admin/img/dashboard/food/customers.svg')}}" alt="dashboard/grocery">
<h6 class="name">{{ translate('messages.customers') }}</h6>
<h3 class="count">{{ $data['total_customers'] }}</h3>
<div class="subtxt">{{ $data['new_customers'] }} {{ translate('newly added') }}</div>
</div>
</div>
<div class="col-12">
<div class="row g-2">
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['searching_for_deliverymen'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/dashboard/grocery/unassigned.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('messages.unassigned_orders')}}</span>
</h6>
<span class="card-title text-3F8CE8">
{{$data['searching_for_dm']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['accepted'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/dashboard/grocery/accepted.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('Accepted by Delivery Man')}}</span>
</h6>
<span class="card-title text-success">
{{$data['accepted_by_dm']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['processing'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/dashboard/grocery/packaging.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('Cooking')}}</span>
</h6>
<span class="card-title text-FFA800">
{{$data['preparing_in_rs']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['item_on_the_way'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/dashboard/grocery/out-for.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('Out for Delivery')}}</span>
</h6>
<span class="card-title text-success">
{{$data['picked_up']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['delivered'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/dashboard/grocery/delivered.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('messages.delivered')}}</span>
</h6>
<span class="card-title text-success">
{{$data['delivered']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['canceled'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/order-status/canceled.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('messages.canceled')}}</span>
</h6>
<span class="card-title text-danger">
{{$data['canceled']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['refunded'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/order-status/refunded.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('messages.refunded')}}</span>
</h6>
<span class="card-title text-danger">
{{$data['refunded']}}
</span>
</div>
</a>
</div>
<div class="col-sm-6 col-lg-3">
<a class="order--card h-100" href="{{route('admin.order.list',['failed'])}}">
<div class="d-flex justify-content-between align-items-center">
<h6 class="card-subtitle d-flex justify-content-between m-0 align-items-center">
<img src="{{asset('/public/assets/admin/img/order-status/payment-failed.svg')}}" alt="dashboard" class="oder--card-icon">
<span>{{translate('messages.payment_failed')}}</span>
</h6>
<span class="card-title text-danger">
{{$data['refund_requested']}}
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Stats -->
<div class="row g-2">
<div class="col-lg-8 col--xl-8">
<div class="card h-100">
<div class="card-body">
<div class="d-flex flex-wrap justify-content-between align-items-center __gap-12px">
<div class="__gross-amount" id="gross_sale">
<h6>{{\App\CentralLogics\Helpers::format_currency(array_sum($total_sell))}}</h6>
<span>{{ translate('messages.Gross Sale') }}</span>
</div>
<div class="chart--label __chart-label p-0 move-left-100 ml-auto">
<span class="indicator chart-bg-2"></span>
<span class="info">
{{ translate('sale') }} ({{ date("Y") }})
</span>
</div>
<select class="custom-select border-0 text-center w-auto ml-auto commission_overview_stats_update" name="commission_overview">
<option
value="this_year" {{$params['commission_overview'] == 'this_year'?'selected':''}}>
{{translate('This year')}}
</option>
<option
value="this_month" {{$params['commission_overview'] == 'this_month'?'selected':''}}>
{{translate('This month')}}
</option>
<option
value="this_week" {{$params['commission_overview'] == 'this_week'?'selected':''}}>
{{translate('This week')}}
</option>
</select>
</div>
<div id="commission-overview-board">
<div id="grow-sale-chart"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col--xl-4">
<!-- Card -->
<div class="card h-100">
<!-- Header -->
<div class="card-header border-0">
<h5 class="card-header-title">
{{translate('User Statistics')}}
</h5>
<div id="stat_zone">
@include('admin-views.partials._zone-change',['data'=>$data])
</div>
<select class="custom-select border-0 text-center w-auto user_overview_stats_update" name="user_overview">
<option
value="this_year" {{$params['user_overview'] == 'this_year'?'selected':''}}>
{{translate('This year')}}
</option>
<option
value="this_month" {{$params['user_overview'] == 'this_month'?'selected':''}}>
{{translate('This month')}}
</option>
<option
value="this_week" {{$params['user_overview'] == 'this_week'?'selected':''}}>
{{translate('This week')}}
</option>
<option
value="overall" {{$params['user_overview'] == 'overall'?'selected':''}}>
{{translate('messages.Overall')}}
</option>
</select>
</div>
<!-- End Header -->
<!-- Body -->
<div class="card-body" id="user-overview-board">
<div class="position-relative pie-chart">
<div id="dognut-pie"></div>
<!-- Total Orders -->
<div class="total--orders">
<h3 class="text-uppercase mb-xxl-2">{{ $data['customer'] + $data['stores'] + $data['delivery_man'] }}</h3>
<span class="text-capitalize">{{translate('messages.total_users')}}</span>
</div>
<!-- Total Orders -->
</div>
<div class="d-flex flex-wrap justify-content-center mt-4">
<div class="chart--label">
<span class="indicator chart-bg-1"></span>
<span class="info">
{{translate('messages.customer')}} {{$data['customer']}}
</span>
</div>
<div class="chart--label">
<span class="indicator chart-bg-2"></span>
<span class="info">
{{translate('messages.store')}} {{$data['stores']}}
</span>
</div>
<div class="chart--label">
<span class="indicator chart-bg-3"></span>
<span class="info">
{{translate('messages.delivery_man')}} {{$data['delivery_man']}}
</span>
</div>
</div>
</div>
<!-- End Body -->
</div>
</div>
<div class="col-lg-4 col-md-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-4 col-md-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-4 col-md-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 class="col-lg-4 col-md-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-4 col-md-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-4 col-md-6">
<!-- Card -->
<div class="card h-100" id="top-customer-view">
@include('admin-views.partials._top-customer',['top_customers'=>$data['top_customers']])
</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>
<!-- Apex Charts -->
<script src="{{asset('/public/assets/admin/js/apex-charts/apexcharts.js')}}"></script>
<!-- Apex Charts -->
@endpush
@push('script_2')
<!-- Dognut Pie Chart -->
<script>
"use strict";
let options;
let chart;
options = {
series: [{{ $data['customer']}}, {{$data['stores']}}, {{$data['delivery_man']}}],
chart: {
width: 320,
type: 'donut',
},
labels: ['{{ translate('Customer') }}', '{{ translate('Store') }}', '{{ translate('Delivery man') }}'],
dataLabels: {
enabled: false,
style: {
colors: ['#005555', '#00aa96', '#b9e0e0',]
}
},
responsive: [{
breakpoint: 1650,
options: {
chart: {
width: 250
},
}
}],
colors: ['#005555','#00aa96', '#111'],
fill: {
colors: ['#005555','#00aa96', '#b9e0e0']
},
legend: {
show: false
},
};
chart = new ApexCharts(document.querySelector("#dognut-pie"), options);
chart.render();
options = {
series: [{
name: '{{ translate('Gross Sale') }}',
data: [{{ implode(",",$total_sell) }}]
},{
name: '{{ translate('Admin Comission') }}',
data: [{{ implode(",",$commission) }}]
},{
name: '{{ translate('Delivery Comission') }}',
data: [{{ implode(",",$delivery_commission) }}]
}],
chart: {
height: 350,
type: 'area',
toolbar: {
show:false
},
colors: ['#76ffcd','#ff6d6d', '#005555'],
},
colors: ['#76ffcd','#ff6d6d', '#005555'],
dataLabels: {
enabled: false,
colors: ['#76ffcd','#ff6d6d', '#005555'],
},
stroke: {
curve: 'smooth',
width: 2,
colors: ['#76ffcd','#ff6d6d', '#005555'],
},
fill: {
type: 'gradient',
colors: ['#76ffcd','#ff6d6d', '#005555'],
},
xaxis: {
// type: 'datetime',
categories: [{!! implode(",",$label) !!}]
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm'
},
},
};
chart = new ApexCharts(document.querySelector("#grow-sale-chart"), options);
chart.render();
<!-- Dognut Pie Chart -->
// INITIALIZATION OF CHARTJS
// =======================================================
Chart.plugins.unregister(ChartDataLabels);
$('.js-chart').each(function () {
$.HSCore.components.HSChartJS.init($(this));
});
let updatingChart = $.HSCore.components.HSChartJS.init($('#updatingData'));
$('.order_stats_update').on('change', function (){
let type = $(this).val();
order_stats_update(type);
})
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)
},
complete: function () {
$('#loading').hide()
}
});
}
$('.fetch_data_zone_wise').on('change', function (){
let zone_id = $(this).val();
fetch_data_zone_wise(zone_id);
})
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').html(data.order_stats);
$('#user-overview-boarde').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);
$('#stat_zone').html(data.stat_zone);
},
complete: function () {
$('#loading').hide()
}
});
}
$('.user_overview_stats_update').on('change', function (){
let type = $(this).val();
user_overview_stats_update(type);
})
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()
}
});
}
$('.commission_overview_stats_update').on('change', function (){
let type = $(this).val();
commission_overview_stats_update(type);
})
function commission_overview_stats_update(type) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.post({
url: '{{route('admin.dashboard-stats.commission-overview')}}',
data: {
commission_overview: type
},
beforeSend: function () {
$('#loading').show()
},
success: function (data) {
insert_param('commission_overview',type);
$('#commission-overview-board').html(data.view)
$('#gross_sale').html(data.gross_sale)
},
complete: function () {
$('#loading').hide()
}
});
}
function insert_param(key, value) {
key = encodeURIComponent(key);
value = encodeURIComponent(value);
// kvp looks like ['key1=value1', 'key2=value2', ...]
let 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