⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.101
Server IP:
178.33.27.10
Server:
Linux cpanel.dev-unit.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
Server Software:
Apache/2.4.62 (Unix) OpenSSL/1.0.2k-fips
PHP Version:
8.2.25
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
id
/
taxi.dev-unit.com
/
resources
/
views
/
admin
/
View File Name :
dashboard.blade.php
@extends('admin.layouts.app') @section('content') <!-- Morris charts --> <link rel="stylesheet" href="{!! asset('assets/vendor_components/morris.js/morris.css') !!}"> <style> .text-red { color: red; } .demo-radio-button label { font-size: 15px; font-weight: 600 !important; margin-bottom: 5px !important; } .box-title { font-size: 15px; margin: 0 0 7px 0; margin-bottom: 7px; font-weight: 600; } .total-earnings-text { font-size: 15px; } .total-earnings { font-size: 30px; margin-bottom: 60px; } #map { height: 50vh; margin: 10px; } #legend { font-family: Arial, sans-serif; background: #fff; padding: 10px; margin: 10px; border: 3px solid #000; } #legend h3 { margin-top: 0; } #legend img { vertical-align: middle; } .g-3 h6 { font-weight: 600; } .g-3 a { font-weight: 600; } .g-3 .bg-holder { position: absolute; width: 100%; min-height: 100%; top: 0; left: 0; background-size: cover; background-position: center; overflow: hidden; will-change: transform, opacity, filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-repeat: no-repeat; z-index: 0; } .g-3 .bg-card { background-size: contain; background-position: right; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .g-3 .display-4 { font-size: 2.5rem; font-weight: 300; line-height: 1.2; } .badge { display: inline-block; padding: .35556em .71111em; font-size: .75em; font-weight: 600; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; background-image: var(--bs-gradient); } .badge-soft-warning { color: #9d5228; background-color: #fde6d8; } .badge-soft-success { color: #00864e; background-color: #ccf6e4; } .g-3 .dropdown-menu, .dropdown-grid { width: -webkit-fill-available; border: 1px solid #c5c5c5; } </style> <!-- Start Page content --> <section class="content"> <div class="row g-3"> <div class="col-sm-6 col-md-3"> <div class="card overflow-hidden" style="min-width: 12rem"> <div class="bg-holder bg-card" style="background-image:url({{ asset('assets/images/corner-3.png') }});"> </div> <!--/.bg-holder--> <div class="card-body position-relative"> <h6>@lang('view_pages.drivers_registered') </h6> <div class="display-4 fs-4 mb-2 font-weight-normal font-sans-serif text-warning" data-countup="{"endValue":58.386,"decimalPlaces":2,"suffix":"k"}"> {{ $total_drivers[0]['total'] }}</div><a class="font-weight-semi-bold fs--1 text-nowrap" href="{{url('drivers/waiting-for-approval')}}">@lang('view_pages.see_all')<span class="fa fa-angle-right ml-1" data-fa-transform="down-1"></span></a> </div> </div> </div> <div class="col-sm-6 col-md-3"> <div class="card overflow-hidden" style="min-width: 12rem"> <div class="bg-holder bg-card" style="background-image:url({{ asset('assets/images/corner-2.png') }});"> </div> <!--/.bg-holder--> <div class="card-body position-relative"> <h6>@lang('view_pages.drivers_approved')<span class="badge badge-soft-success rounded-pill ml-2">{{number_format($total_drivers[0]['approve_percentage'],2)}}%</span> </h6> <div class="display-4 fs-4 mb-2 font-weight-normal font-sans-serif text-success" data-countup="{"endValue":58.386,"decimalPlaces":2,"suffix":"k"}"> {{ $total_drivers[0]['approved'] }}</div><a class="font-weight-semi-bold fs--1 text-nowrap" href="{{url('drivers')}}">@lang('view_pages.see_all')<span class="fa fa-angle-right ml-1" data-fa-transform="down-1"></span></a> </div> </div> </div> <div class="col-sm-6 col-md-3"> <div class="card overflow-hidden" style="min-width: 12rem"> <div class="bg-holder bg-card" style="background-image:url({{ asset('assets/images/corner-2.png') }});"> </div> <!--/.bg-holder--> <div class="card-body position-relative"> <h6>@lang('view_pages.drivers_waiting_for_approval')<span class="badge badge-soft-success rounded-pill ml-2">{{number_format($total_drivers[0]['decline_percentage'],2)}}%</span> </h6> <div class="display-4 fs-4 mb-2 font-weight-normal font-sans-serif text-warning" data-countup="{"endValue":58.386,"decimalPlaces":2,"suffix":"k"}"> {{ $total_drivers[0]['declined'] }}</div><a class="font-weight-semi-bold fs--1 text-nowrap" href="{{url('drivers/waiting-for-approval')}}">@lang('view_pages.see_all')<span class="fa fa-angle-right ml-1" data-fa-transform="down-1"></span></a> </div> </div> </div> <div class="col-sm-6 col-md-3"> <div class="card overflow-hidden" style="min-width: 12rem"> <div class="bg-holder bg-card" style="background-image:url({{ asset('assets/images/corner-1.png') }});"> </div> <!--/.bg-holder--> <div class="card-body position-relative"> <h6> @lang('view_pages.users_registered') </h6> <div class="display-4 fs-4 mb-2 font-weight-normal font-sans-serif text-danger" data-countup="{"endValue":58.386,"decimalPlaces":2,"suffix":"k"}"> {{ $total_users }}</div><a class="font-weight-semi-bold fs--1 text-nowrap" href="{{url('users')}}">@lang('view_pages.see_all')<span class="fa fa-angle-right ml-1" data-fa-transform="down-1"></span></a> </div> </div> </div> </div> @if(!auth()->user()->hasRole('owner')) <div class="row g-3"> <div class="col-md-12"> <div class="row"> <div class="col-12"> <div class="box"> <div class="box-header with-border"> <h3 class="font-weight-600">@lang('view_pages.notified_sos')</h3> <ul class="box-controls pull-right"> <li><a class="box-btn-close" href="#"></a></li> <li><a class="box-btn-slide" href="#"></a></li> <li><a class="box-btn-fullscreen" href="#"></a></li> </ul> </div> <div class="box-body row"> <div id="js-request-partial-target" class="table-responsive"> <include-fragment> <p id="no_data" class="lead no-data text-center"> <img src="{{asset('assets/img/dark-data.svg')}}" style="width:150px;margin-top:25px;margin-bottom:25px;" alt=""> <h4 class="text-center" style="color:#333;font-size:25px;">@lang('view_pages.no_data_found')</h4> </p> </include-fragment> </div> </div> </div> </div> </div> </div> </div> <!-- <div class="row g-3"> <div class="col-md-12"> <div class="row"> <div class="col-12"> <div class="box"> <div class="box-header with-border"> <h3 class="font-weight-600">@lang('view_pages.trip_request')</h3> <ul class="box-controls pull-right"> <li><a class="box-btn-close" href="#"></a></li> <li><a class="box-btn-slide" href="#"></a></li> <li><a class="box-btn-fullscreen" href="#"></a></li> </ul> </div> <div class="box-body row"> <div id="js-request-partial-target-trip-request" class="table-responsive"> <include-fragment> <p id="no_data" class="lead no-data text-center"> <img src="{{asset('assets/img/dark-data.svg')}}" style="width:150px;margin-top:25px;margin-bottom:25px;" alt=""> <h4 class="text-center" style="color:#333;font-size:25px;">@lang('view_pages.no_data_found')</h4> </p> </include-fragment> </div> </div> </div> </div> </div> </div> </div> --> @endif <div class="row g-3"> <div class="col-md-12"> <div class="row"> <div class="col-12"> <div class="box"> <div class="box-header with-border"> <h3 class="font-weight-600">@lang('view_pages.todays_trips')</h3> <ul class="box-controls pull-right"> <li><a class="box-btn-close" href="#"></a></li> <li><a class="box-btn-slide" href="#"></a></li> <li><a class="box-btn-fullscreen" href="#"></a></li> </ul> </div> <div class="box-body row"> <div class="col-md-6"> <canvas id="trips" height="200"></canvas> </div> <div class="col-md-6 m-auto"> <div class="row"> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#7460ee"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$todayEarnings[0]['total']}} <br> @lang('view_pages.today_earnings') </h4> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#FC4B6C"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$todayEarnings[0]['cash']}} <br> @lang('view_pages.by_cash') </h4> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#26C6DA"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$todayEarnings[0]['wallet']}} <br> @lang('view_pages.by_wallet') </h4> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#7460ee"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$todayEarnings[0]['card']}} <br> @lang('view_pages.by_card_online') </h4> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#FC4B6C"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$todayEarnings[0]['admin_commision']}} <br> @lang('view_pages.admin_commision') </h4> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#26C6DA"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$todayEarnings[0]['driver_commision']}} <br> @lang('view_pages.driver_earnings') </h4> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 col-lg-12"> <!-- DONUT CHART --> <div class="box"> <div class="box-header with-border pb-0 mb-20"> <h3 class="font-weight-600">@lang('view_pages.overall_earnings')</h3> <ul class="box-controls pull-right"> <li><a class="box-btn-close" href="#"></a></li> <li><a class="box-btn-slide" href="#"></a></li> <li><a class="box-btn-fullscreen" href="#"></a></li> </ul> </div> <div class="row"> <div class="col-12 col-lg-6"> <div class="box-body chart-responsive"> <canvas id="chart_1" height="200"></canvas> </div> </div> <div class="col-md-6 m-auto pr-25"> <div class="row"> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#7460ee"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #455a80"> <h4 class="font-weight-600"> {{$currency}} {{$overallEarnings[0]['total']}} <br> @lang('view_pages.overall_earnings') </h4> </div> </div> </div> <div class="col-md-6"> <div class="box box-body"> <div class="font-size-18 flexbox align-items-center" style="color: #7460ee"> <span style="color: #455a80"> @lang('view_pages.by_cash')</span> <span>{{$currency}} {{$overallEarnings[0]['cash']}}</span> </div> <div class="progress progress-xxs mt-10 mb-0"> <div class="progress-bar" role="progressbar" style="width: {{ number_format($overallEarnings[0]['cash_percentage'], 2) }}%; height: 4px;background-color: #7460ee;" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="text-right"><small class="font-weight-300 mb-5"><i class="fa fa-sort-up text-success mr-1"></i> {{ $overallEarnings[0]['cash_percentage'] }} </small> </div> </div> </div> <div class="col-md-6"> <div class="box box-body"> <div class="font-size-18 flexbox align-items-center" style="color: #7460ee"> <span style="color: #455a80"> @lang('view_pages.by_wallet')</span> <span>{{$currency}} {{$overallEarnings[0]['wallet']}}</span> </div> <div class="progress progress-xxs mt-10 mb-0"> <div class="progress-bar" role="progressbar" style="width: {{ number_format($overallEarnings[0]['wallet_percentage'], 2) }}%; height: 4px;background-color: #7460ee" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="text-right"><small class="font-weight-300 mb-5"><i class="fa fa-sort-up text-success mr-1"></i> {{ number_format($overallEarnings[0]['wallet_percentage'], 2) }}%</small> </div> </div> </div> <div class="col-md-6"> <div class="box box-body"> <div class="font-size-18 flexbox align-items-center" style="color: #7460ee"> <span style="color: #455a80"> @lang('view_pages.by_card_online')</span> <span>{{$currency}} {{$overallEarnings[0]['card']}}</span> </div> <div class="progress progress-xxs mt-10 mb-0"> <div class="progress-bar" role="progressbar" style="width: {{ number_format($overallEarnings[0]['card_percentage'], 2) }}%; height: 4px;background-color: #7460ee" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="text-right"><small class="font-weight-300 mb-5"><i class="fa fa-sort-up text-success mr-1"></i> {{ number_format($overallEarnings[0]['card_percentage'], 2) }}%</small> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color: #fc4b6c"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #fc4b6c"> <h4 class="font-weight-600"> {{$currency}} {{$overallEarnings[0]['admin_commision']}} <br> @lang('view_pages.admin_commision') </h4> </div> </div> </div> <div class="col-md-6"> <div class="info-box"> <span class="info-box-icon rounded" style="background-color:#26c6da"><i class="ion ion-stats-bars text-white"></i></span> <div class="info-box-content" style="color: #26c6da"> <h4 class="font-weight-600"> {{$currency}} {{$overallEarnings[0]['driver_commision']}} <br> @lang('view_pages.driver_earnings') </h4> </div> </div> </div> </div> </div> </div> </div> <!-- /.box --> </div> <div class="col-12 col-lg-12"> <div class="box"> <div class="box-header with-border"> <h3 class="font-weight-600">@lang('view_pages.cancellation_chart')</h3> <ul class="box-controls pull-right"> <li><a class="box-btn-close" href="#"></a></li> <li><a class="box-btn-slide" href="#"></a></li> <li><a class="box-btn-fullscreen" href="#"></a></li> </ul> </div> <div class="box-body"> <div class="row"> <div class="col-md-6"> <div class="chart" id="bar-chart" style="height: 300px;"></div> </div> <div class="col-md-6 m-auto"> <div class="row"> <div class="col-md-6"> <div class="box box-body bg-primary"> <div class="flexbox"> <span class="ion ion-ios-person-outline font-size-50"></span> <span class="font-size-40 font-weight-200">{{$cancelled_trips[0]['total_cancelled']}}</span> </div> <div class="text-right">@lang('view_pages.total_request_cancelled')</div> </div> </div> <div class="col-md-6"> <div class="box box-body bg-primary" style="background-color: #1e88e5 !important"> <div class="flexbox"> <span class="ion ion-ios-person-outline font-size-50"></span> <span class="font-size-40 font-weight-200">{{$cancelled_trips[0]['auto_cancelled']}}</span> </div> <div class="text-right">@lang('view_pages.cancelled_due_to_no_drivers')</div> </div> </div> <div class="col-md-6"> <div class="box box-body bg-primary" style="background-color: #26c6da !important"> <div class="flexbox"> <span class="ion ion-ios-person-outline font-size-50"></span> <span class="font-size-40 font-weight-200">{{$cancelled_trips[0]['user_cancelled']}}</span> </div> <div class="text-right">@lang('view_pages.cancelled_by_user')</div> </div> </div> <div class="col-md-6"> <div class="box box-body bg-primary" style="background-color: #fc4b6c !important"> <div class="flexbox"> <span class="ion ion-ios-person-outline font-size-50"></span> <span class="font-size-40 font-weight-200">{{$cancelled_trips[0]['driver_cancelled']}}</span> </div> <div class="text-right">@lang('view_pages.cancelled_by_driver')</div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script src="{{ asset('assets/vendor_components/jquery.peity/jquery.peity.js') }}"></script> <script> $(function() { 'use strict'; // pie chart $("span.piee").peity("pie", { height: 220, width: 300, }); }); // End of use strict </script> <!-- Morris.js charts --> <script src="{{ asset('assets/vendor_components/raphael/raphael.min.js') }}"></script> <script src="{{ asset('assets/vendor_components/morris.js/morris.min.js') }}"></script> <script> $(document).ready(function() { "use strict"; var barData = JSON.parse('<?php echo json_encode($data); ?>'); var tripData = JSON.parse('<?php echo json_encode($trips); ?>'); var barChartData = barData?.cancel; var overallEarning = barData?.earnings; let cancelValues = []; for(var value in barChartData){ // console.log(barChartData[value]); } var bar = new Morris.Bar({ element: 'bar-chart', resize: true, data: barChartData, barColors: ['#1e88e5', '#26c6da', '#fc4b6c'], barSizeRatio: 0.5, barGap: 5, xkey: 'y', ykeys: ['a', 'd','u'], labels: ['Cancelled due to no Drivers', 'Cancelled by User', 'Cancelled by Driver'], hideHover: 'auto', color: '#666666' }); if ($('#chart_1').length > 0) { var ctx1 = document.getElementById("chart_1").getContext("2d"); var data1 = { labels: overallEarning['months'], datasets: [{ label: "Overall Earnings", backgroundColor: "#bdb5ed", borderColor: "#9080f1", pointBorderColor: "#ffffff", pointHighlightStroke: "#26c6da", data: overallEarning['values'] }, ] }; var areaChart = new Chart(ctx1, { type: "line", data: data1, options: { tooltips: { mode: "label" }, elements: { point: { hitRadius: 90 } }, scales: { yAxes: [{ stacked: true, gridLines: { color: "rgba(135,135,135,0)", }, ticks: { fontFamily: "Poppins", fontColor: "#878787" } }], xAxes: [{ stacked: true, gridLines: { color: "rgba(135,135,135,0)", }, ticks: { fontFamily: "Poppins", fontColor: "#878787" } }] }, animation: { duration: 3000 }, responsive: true, legend: { display: false, }, tooltip: { backgroundColor: 'rgba(33,33,33,1)', cornerRadius: 0, footerFontFamily: "'Poppins'" } } }); } tripData = Object.values(tripData); if ($('#trips').length > 0) { var ctx7 = document.getElementById("trips").getContext("2d"); var data7 = { labels: [ "Completed", "Cancelled", "Scheduled" ], datasets: [{ data: [tripData[0].today_completed,tripData[0].today_cancelled,tripData[0].today_scheduled], backgroundColor: [ "#7460ee", "#fc4b6c", "#26c6da" ], hoverBackgroundColor: [ "#7460ee", "#fc4b6c", "#26c6da" ] }] }; var doughnutChart = new Chart(ctx7, { type: 'doughnut', data: data7, options: { animation: { duration: 4000 }, responsive: true, legend: { labels: { fontFamily: "Poppins", fontColor: "#878787" } }, tooltip: { backgroundColor: 'rgba(33,33,33,1)', cornerRadius: 0, footerFontFamily: "'Poppins'" }, elements: { arc: { borderWidth: 0 } } } }); } }); </script> @endsection