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.
136 lines
6.3 KiB
136 lines
6.3 KiB
|
|
<div class="card-body">
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
@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="d-flex flex-wrap justify-content-center align-items-center">
|
|
<span class="h5 m-0 mr-3 fz--11 d-flex align-items-center mb-2 mb-md-0">
|
|
<span class="legend-indicator bg-7ECAFF"></span>
|
|
<span>{{translate('messages.admin_commission')}}</span> <span>:</span> <span>{{\App\CentralLogics\Helpers::format_currency(array_sum($commission))}}</span>
|
|
</span>
|
|
<span class="h5 m-0 fz--11 d-flex align-items-center mb-2 mb-md-0">
|
|
<span class="legend-indicator bg-0661CB"></span>
|
|
<span>{{translate('messages.total_sell')}}</span> <span>:</span> <span>{{\App\CentralLogics\Helpers::format_currency(array_sum($total_sell))}}</span>
|
|
</span>
|
|
@if (\App\CentralLogics\Helpers::subscription_check())
|
|
<span class="h5 m-0 fz--11 d-flex align-items-center mb-2 mb-md-0">
|
|
<span class="legend-indicator bg-dddd"></span>
|
|
<span>{{translate('Subscription')}}</span> <span>:</span> <span>{{\App\CentralLogics\Helpers::format_currency(array_sum($total_subs))}}</span>
|
|
</span>
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="text-right mt--xl--10"><span class="badge badge-soft--info">{{translate('messages.zone')}} : {{$zone_name}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Row -->
|
|
|
|
<!-- Bar Chart -->
|
|
<div class="d-flex align-items-center">
|
|
<div class="chart--extension">
|
|
{{ \App\CentralLogics\Helpers::currency_symbol() }}({{translate('messages.currency')}})
|
|
</div>
|
|
<div class="chartjs-custom w-75 flex-grow-1">
|
|
<canvas id="updatingData" class="h-20rem"
|
|
data-hs-chartjs-options='{
|
|
"type": "bar",
|
|
"data": {
|
|
"labels": ["Jan","Feb","Mar","April","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
|
|
"datasets": [{
|
|
"data": [{{$commission[1]}},{{$commission[2]}},{{$commission[3]}},{{$commission[4]}},{{$commission[5]}},{{$commission[6]}},{{$commission[7]}},{{$commission[8]}},{{$commission[9]}},{{$commission[10]}},{{$commission[11]}},{{$commission[12]}}],
|
|
"backgroundColor": "#7ECAFF",
|
|
"hoverBackgroundColor": "#7ECAFF",
|
|
"borderColor": "#7ECAFF"
|
|
},
|
|
@if (\App\CentralLogics\Helpers::subscription_check())
|
|
{
|
|
"data": [{{$total_subs[1]}},{{$total_subs[2]}},{{$total_subs[3]}},{{$total_subs[4]}},{{$total_subs[5]}},{{$total_subs[6]}},{{$total_subs[7]}},{{$total_subs[8]}},{{$total_subs[9]}},{{$total_subs[10]}},{{$total_subs[11]}},{{$total_subs[12]}}],
|
|
"backgroundColor": "#44f279",
|
|
"borderColor": "#44f279"
|
|
},
|
|
@endif
|
|
{
|
|
"data": [{{$total_sell[1]}},{{$total_sell[2]}},{{$total_sell[3]}},{{$total_sell[4]}},{{$total_sell[5]}},{{$total_sell[6]}},{{$total_sell[7]}},{{$total_sell[8]}},{{$total_sell[9]}},{{$total_sell[10]}},{{$total_sell[11]}},{{$total_sell[12]}}],
|
|
"backgroundColor": "#0661CB",
|
|
"borderColor": "#0661CB"
|
|
}
|
|
|
|
|
|
]
|
|
},
|
|
"options": {
|
|
"scales": {
|
|
"yAxes": [{
|
|
"gridLines": {
|
|
"color": "#e7eaf3",
|
|
"drawBorder": false,
|
|
"zeroLineColor": "#e7eaf3"
|
|
},
|
|
"ticks": {
|
|
"beginAtZero": true,
|
|
"stepSize": {{ceil((array_sum($total_sell)/10000))*2000}},
|
|
"fontSize": 12,
|
|
"fontColor": "#373D3F",
|
|
"fontFamily": "Open Sans, sans-serif",
|
|
"padding": 10
|
|
}
|
|
}],
|
|
"xAxes": [{
|
|
"gridLines": {
|
|
"display": false,
|
|
"drawBorder": false
|
|
},
|
|
"ticks": {
|
|
"fontSize": 12,
|
|
"fontColor": "#373D3F",
|
|
"fontFamily": "Open Sans, sans-serif",
|
|
"padding": 5
|
|
},
|
|
"categoryPercentage": 0.3,
|
|
"maxBarThickness": "10"
|
|
}]
|
|
},
|
|
"cornerRadius": 5,
|
|
"tooltips": {
|
|
"prefix": " ",
|
|
"hasIndicator": true,
|
|
"mode": "index",
|
|
"intersect": false
|
|
},
|
|
"hover": {
|
|
"mode": "nearest",
|
|
"intersect": true
|
|
}
|
|
}
|
|
}'>
|
|
</canvas>
|
|
</div>
|
|
</div>
|
|
<!-- End Bar Chart -->
|
|
</div>
|
|
|
|
@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
|
|
|
|
<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>
|
|
|