File manager - Edit - /var/www/payraty/lms_main/resources/views/admin/dashboard/index.blade.php
Back
@extends('layouts.admin') @push('title', get_phrase('Dashboard')) @push('meta')@endpush @push('css') @endpush @section('content') <div class="ol-card radius-8px"> <div class="ol-card-body my-3 py-4 px-20px"> <div class="d-flex align-items-center justify-content-between gap-3 flex-wrap flex-md-nowrap"> <h4 class="title fs-16px"> <i class="fi-rr-settings-sliders me-2"></i> {{ get_phrase('Dashboard') }} </h4> </div> </div> </div> <div class="row g-2 g-sm-3 my-3 row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5"> <div class="col"> <div class="ol-card card-hover bg-blue-1"> <div class="ol-card-body px-20px py-3"> <p class="title card-title-hover fs-18px my-2">{{App\Models\Course::count()}}</p> <p class="sub-title fs-14px">{{ get_phrase('Number of Courses') }}</p> </div> </div> </div> <div class="col"> <div class="ol-card card-hover bg-blue-2"> <div class="ol-card-body px-20px py-3"> <p class="title card-title-hover fs-18px my-2">{{App\Models\Lesson::count()}}</p> <p class="sub-title fs-14px">{{ get_phrase('Number of Lessons') }}</p> </div> </div> </div> <div class="col"> <div class="ol-card card-hover bg-blue-3"> <div class="ol-card-body px-20px py-3"> <p class="title card-title-hover fs-18px my-2">{{App\Models\Enrollment::count()}}</p> <p class="sub-title fs-14px">{{ get_phrase('Number of Enrollment') }}</p> </div> </div> </div> <div class="col"> <div class="ol-card card-hover bg-blue-4"> <div class="ol-card-body px-20px py-3"> <p class="title card-title-hover fs-18px my-2">{{App\Models\User::where('role', 'student')->count()}}</p> <p class="sub-title fs-14px">{{ get_phrase('Number of Students') }}</p> </div> </div> </div> <div class="col"> <div class="ol-card card-hover bg-blue-5"> <div class="ol-card-body px-20px py-3"> <p class="title card-title-hover fs-18px my-2">{{App\Models\User::where('role', 'instructor')->count()}}</p> <p class="sub-title fs-14px">{{ get_phrase('Number of Instructor') }}</p> </div> </div> </div> </div> <div class="row"> <div class="col-xl-12"> <div class="ol-card p-3"> <div class="row"> <div class="col-md-6"> <h2 class="title fs-14px">{{ get_phrase('Admin Revenue This Year') }}</h2> </div> <div class="col-md-6 text-end"> <a class="btn-link" href="{{route('admin.revenue')}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ get_phrase('Admin Revenue') }}"><i class="fi-rr-arrow-alt-right"></i></a> </div> </div> <div class="ol-card-body"> <canvas id="myChart" class="mw-100 w-100" height="320px"></canvas> </div> <!-- end card body--> </div> <!-- end card --> </div><!-- end col--> </div> {{-- <div class="row my-3"> <div class="col-md-5"> <div class="ol-card"> <div class="ol-card-body p-3"> <div class="row"> <div class="col-md-6"> <h4 class="title fs-14px">{{get_phrase('Course Status')}}</h4> </div> <div class="col-md-6 text-end"> <a class="btn-link" href="{{route('admin.courses')}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ get_phrase('Explore Courses') }}"><i class="fi-rr-arrow-alt-right"></i></a> </div> </div> <div class="d-flex align-items-center g-30px flex-wrap flex-xl-nowrap justify-content-center"> <div class="pie-chart-sm"> <canvas id="pie2"></canvas> </div> <div class="pie-chart-sm-details"> <ul class="color-info-list"> <li> <span class="info-list-color bg-active"></span> <span class="title2 fs-14px">{{get_phrase('Active')}}</span> </li> <li> <span class="info-list-color bg-upcoming"></span> <span class="title2 fs-14px">{{get_phrase('Upcoming')}}</span> </li> <li> <span class="info-list-color bg-pending"></span> <span class="title2 fs-14px">{{get_phrase('Pending')}}</span> </li> <li> <span class="info-list-color bg-private"></span> <span class="title2 fs-14px">{{get_phrase('Private')}}</span> </li> <li> <span class="info-list-color bg-draft"></span> <span class="title2 fs-14px">{{get_phrase('Draft')}}</span> </li> <li> <span class="info-list-color bg-inactive"></span> <span class="title2 fs-14px">{{get_phrase('Inactive')}}</span> </li> </ul> </div> </div> </div> </div> </div> <div class="col-md-7"> <div class="ol-card" id = 'unpaid-instructor-revenue'> <div class="ol-card-body p-3"> <div class="row"> <div class="col-md-6"> <h4 class="title text-14px mb-3">{{ get_phrase('Pending Requested withdrawal') }}</h4> </div> <div class="col-md-6 text-end"> <a class="btn-link" href="{{route('admin.instructor.payout')}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{ get_phrase('Instructor Payout') }}"><i class="fi-rr-arrow-alt-right"></i></a> </div> </div> <div class="table-responsive"> <table class="table table-centered table-hover mb-0"> <tbody> @php $payouts = App\Models\Payout::where('status', '!=', 1)->limit(20)->orderBy('id')->get(); @endphp @foreach($payouts as $payout) <tr> <td> <p class="title fs-14px">{{ get_phrase('Name') }}: {{$payout->user->name}}</p> <small>{{ get_phrase('Email') }}: <span class="text-muted font-13">{{$payout->user->email}}</span></small> </td> <td> <p class="title fs-14px">{{currency($payout->amount)}}</p> <small><span class="text-muted font-13">{{ get_phrase('Requested withdrawal amount') }}</span></small> </td> </tr> @endforeach </tbody> </table> </div> </div> </div> </div> </div> --}} @php $courses = App\Models\Course::get()->groupBy('status'); $active = isset($courses['active']) ? $courses['active']->count():0; $upcoming = isset($courses['upcoming']) ? $courses['upcoming']->count():0; $pending = isset($courses['pending']) ? $courses['pending']->count():0; $private = isset($courses['private']) ? $courses['private']->count():0; $draft = isset($courses['draft']) ? $courses['draft']->count():0; $inactive = isset($courses['inactive']) ? $courses['inactive']->count():0; @endphp @endsection @push('js') {{-- Oliv template start --}} <script src="{{ asset('assets/backend/vendors/apexcharts/apexcharts.min.js') }}"></script> <script src="{{ asset('assets/backend/vendors/chart-js/chart.js') }}"></script> {{-- Oliv template end --}} <script> "use strict"; const xValues = [0, "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; new Chart("myChart", { type: "line", data: { labels: xValues, datasets: [{ label: "{{get_phrase('Admin revenue')}}", fill: false, lineTension: 0, backgroundColor: "rgba(0,0,255,1.0)", borderColor: "rgba(0,0,255,0.1)", data: <?php print_r(json_encode($monthly_amount)); ?> }] }, options: { legend: { display: true }, } }); // Pie Chart 2 const project_progress2 = document.getElementById('pie2'); const progressData2 = { labels: ['Active', 'Upcoming', 'Pending', 'Private', 'Draft', 'Inactive'], data: [{{$active}}, {{$upcoming}}, {{$pending}}, {{$private}}, {{$draft}}, {{$inactive}}], }; var barColors = [ "#12c093", "#1b84ff", "#ff2583", "#000", "#878d97", "#dadada", ]; new Chart(project_progress2, { type: 'doughnut', data: { labels: progressData2.labels, datasets: [{ backgroundColor: barColors, label: ' {{get_phrase("Courses")}}', data: progressData2.data, }, ], }, options: { responsive: true, borderWidth: 5, hoverBorderColor: '#fff', plugins: { legend: { display: false, }, }, }, }); </script> @endpush
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings