|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/leadai/leadai.co.in/resources/views/superadmin/dashboard/ |
Upload File : |
@extends('superadmin.layout')
@section('content')
<style>
.apexcharts-menu-item.exportCSV {
display: none;
}
</style>
<?php
$actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$url = explode('?', $actual_link);
$queryUrl = '';
if (isset($url[1])) {
$queryUrl = '?' . $url[1];
}
?>
<main class="main-content">
<div class="container">
<!-- begin::page header -->
<div class="page-header d-md-flex align-items-center justify-content-between">
<div>
<h3>Dashboard</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Admin</a></li>
<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
</ol>
</nav>
</div>
</div>
<!-- end::page header -->
<x-flashMessage />
{{-- Main --}}
<div class="card">
{{-- Filters --}}
<div class="card-header">
<form method="get" action="{{ asset('/superadmin/dashboard') }}">
{{-- Date Filter --}}
<div class="row">
<div class="col-md-6">
<label>Start Date</label>
<input type="date" class="form-control"
value="{{ isset($_GET['from_date']) && !empty($_GET['from_date']) ? $_GET['from_date'] : '' }}"
name="from_date">
</div>
<div class="col-md-6">
<label>End Date</label>
<input type="date" class="form-control"
value="{{ isset($_GET['to_date']) && !empty($_GET['to_date']) ? $_GET['to_date'] : '' }}"
name="to_date">
</div>
{{-- <div class="col-md-4">
<label>Year</label>
<select class="form-control" name="year">
<option value="" disabled selected>--select-year--</option>
/* @if (!empty($years))
@foreach ($years as $year)
<option value="{{ $year->year }}" <?php
if (isset($_GET['year'])) {
if ($_GET['year'] == $year->year) {
echo 'selected';
}
}
?>>{{ $year->year }}
</option>
@endforeach
@endif */
</select>
</div> --}}
</div>
{{-- State --}}
<br>
<div class="row">
<div class="col-md-3">
<label>State</label>
<select class="form-control" id="state" name="state_id">
<option value="" disabled selected>--select-state--</option>
/* @if (!empty($states))
@foreach ($states as $state)
<option value="{{ $state->id }}" <?php
if (isset($_GET['state_id']) && !empty($_GET['state_id'])) {
if ($_GET['state_id'] == $state->id) {
echo 'selected';
}
}
?>>{{ $state->state }}
</option>
@endforeach
@endif */
</select>
</div>
<div class="col-md-3">
<label>District</label>
<select class="form-control" id="district" name="district_id">
<option value="" disabled selected>--select-district--</option>
</select>
</div>
<div class="col-md-3">
<label>Block</label>
<select class="form-control" id="block" name="block_id">
<option value="" disabled selected>--select-block--</option>
</select>
</div>
<div class="col-md-3">
<label>GP</label>
<select class="form-control" id="gp" name="gp_id">
<option value="" disabled selected>--select-gp--</option>
</select>
</div>
</div>
{{-- School/class/carry --}}
<br>
<div class="row">
<div class="col-md-2">
<label>Organisation</label>
/* <select class="form-control" id="type" name="type">
<option value="" disabled selected>--select-type--</option>
<option value="community" <?php
if (isset($_GET['type'])) {
if ($_GET['type'] == 'community') {
echo 'selected';
}
}
?>>Community</option>
<option value="school" <?php
if (isset($_GET['type'])) {
if ($_GET['type'] == 'school') {
echo 'selected';
}
}
?>>School</option>
</select> */
</div>
{{-- School --}}
<div class="col-md-3">
<label>School</label>
<select class="form-control" id="school" name="school_id">
<option value="" disabled selected>--select-school--</option>
</select>
</div>
<div class="col-md-2">
<label>Class</label>
<select class="form-control" id="class" name="class_id">
<option value="" disabled selected>--select-class--</option>
/* @if (!empty($classes))
@foreach ($classes as $class)
<option value="{{ $class->id }}" <?php
if (isset($_GET['class_id'])) {
if ($_GET['class_id'] == $class->id) {
echo 'selected';
}
}
?>>{{ $class->class }}
</option>
@endforeach
@endif */
</select>
</div>
{{-- Gender --}}
<div class="col-md-2">
<label>Gender</label>
<select class="form-control" id="gender" name="gender">
<option value="">--select-gender--</option>
<option {{ isset($_GET['gender']) && $_GET['gender'] == 'male' ? 'selected' : '' }}
value="male">Male</option>
<option {{ isset($_GET['gender']) && $_GET['gender'] == 'female' ? 'selected' : '' }}
value="female">Female</option>
<option {{ isset($_GET['gender']) && $_GET['gender'] == 'other' ? 'selected' : '' }}
value="other">Other</option>
</select>
</div>
<div class="col-md-3">
<label>Carry Forward Status</label>
<select class="form-control" name="status">
<option value="" disabled selected>--select-status--</option>
<option
{{ isset($_GET['status']) && $_GET['status'] == 'continued' ? 'selected' : '' }}
value="continued">Continued</option>
<option {{ isset($_GET['status']) && $_GET['status'] == 'dropout' ? 'selected' : '' }}
value="dropout">Dropout</option>
<option {{ isset($_GET['status']) && $_GET['status'] == 'newentry' ? 'selected' : '' }}
value="newentry">New Entry</option>
</select>
</div>
</div>
{{-- Search --}}
<br>
<div class="row">
<div class="col-md-6">
{{-- submit --}}
<button type="submit" class="btn btn-success pull-left m-r-10">
<i class="fa fa-search"></i> Search</button>
{{-- reload --}}
<a href="{{ asset('superadmin/dashboard') }}"
class="btn btn-primary pull-left text-white m-r-10">Reset</a>
</div>
</div>
</form>
</div>
{{-- Card total --}}
<div class="card-body">
<div class="row row-sm">
{{-- Total --}}
<div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="text-uppercase font-size-11 m-b-15">Total Students</h6>
<h4 class="m-b-0">
<span id="total_student">0</span>
</h4>
</div>
</div>
</div>
</div>
</div>
{{-- Dropouts --}}
<div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="text-uppercase font-size-11 m-b-15">Dropouts</h6>
<h4 class="m-b-0">
<span id="total_dropout">0</span>
</h4>
</div>
</div>
</div>
</div>
</div>
{{-- Continued --}}
<div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="text-uppercase font-size-11 m-b-15">Continued</h6>
<h4 class="m-b-0">
<span id="total_continued">0</span>
</h4>
</div>
</div>
</div>
</div>
</div>
{{-- New --}}
<div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<div>
<h6 class="text-uppercase font-size-11 m-b-15">New Students</h6>
<h4 class="m-b-0">
<span id="total_newentry">0</span>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- Carts --}}
<div class="card-body">
<div class="row">
{{-- Enrollment --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="pull-left">Enrollments</h5>
<div class="pull-right">
<a href="{{ asset('/superadmin/download-csv-enrollment') . $queryUrl }}"
class="btn btn-light btn-sm">
<i class="fa fa-download"></i>
</a>
</div>
</div>
{{-- Enrollment PIE --}}
<div class="card-body apex_chart_enrollment_pie">
<div id="apex_chart_enrollment_pie"></div>
</div>
{{-- Enrollment BAR --}}
<div style="display: none;" class="card-body apex_chart_enrollment_bar">
<div id="apex_chart_enrollment_bar"></div>
</div>
<div class="card-footer">
<div class="form-check form-check-inline">
<input checked="checked" name="entollment_chart_radio"
class="form-check-input change-chart-radio" type="radio" id="e_chart_op_1"
data-show="apex_chart_enrollment_pie" data-hide="apex_chart_enrollment_bar"
value="pie">
<label class="form-check-label" for="e_chart_op_1">PIE</label>
</div>
<div class="form-check form-check-inline">
<input name="entollment_chart_radio" class="form-check-input change-chart-radio"
type="radio" id="e_chart_op_2" data-show="apex_chart_enrollment_bar"
data-hide="apex_chart_enrollment_pie" value="bar">
<label class="form-check-label" for="e_chart_op_2">BAR</label>
</div>
</div>
</div>
</div>
{{-- Gender --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="pull-left">Gender Wise</h5>
<div class="pull-right">
<a href="{{ asset('/superadmin/download-csv-gender') . $queryUrl }}"
class="btn btn-light btn-sm">
<i class="fa fa-download"></i>
</a>
</div>
</div>
<div class="card-body apex_chart_gender_pie">
<div id="apex_chart_gender_pie"></div>
</div>
<div style="display: none" class="card-body apex_chart_gender_bar">
<div id="apex_chart_gender_bar"></div>
</div>
<div class="card-footer">
<div class="form-check form-check-inline">
<input checked data-show="apex_chart_gender_pie" data-hide="apex_chart_gender_bar"
name="gender_chart_radio" class="form-check-input change-chart-radio"
type="radio" id="g_chart_op_1" value="pie">
<label class="form-check-label" for="g_chart_op_1">PIE</label>
</div>
<div class="form-check form-check-inline">
<input data-show="apex_chart_gender_bar" data-hide="apex_chart_gender_pie"
name="gender_chart_radio" class="form-check-input change-chart-radio"
type="radio" id="g_chart_op_2" value="bar">
<label class="form-check-label" for="g_chart_op_2">BAR</label>
</div>
</div>
</div>
</div>
{{-- State --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="pull-left">State Wise</h5>
<div class="pull-right">
<a href="{{ asset('/superadmin/download-csv-state') . $queryUrl }}"
class="btn btn-light btn-sm">
<i class="fa fa-download"></i>
</a>
</div>
</div>
<div class="card-body apex_chart_state_line">
<div id="apex_chart_state_line" style="height: 300px"></div>
</div>
<div style="display: none;" class="card-body apex_chart_state_pie">
<div id="apex_chart_state_pie" style="height: 300px"></div>
</div>
<div class="card-footer">
<div class="form-check form-check-inline">
<input checked="checked" data-show="apex_chart_state_line"
data-hide="apex_chart_state_pie" name="state_state_radio"
class="form-check-input change-chart-radio" type="radio" id="s_chart_op_2">
<label class="form-check-label" for="s_chart_op_2">BAR</label>
</div>
<div class="form-check form-check-inline">
<input data-show="apex_chart_state_pie" data-hide="apex_chart_state_line"
name="state_state_radio" class="form-check-input change-chart-radio"
type="radio" id="s_chart_op_1">
<label class="form-check-label" for="s_chart_op_1">PIE</label>
</div>
</div>
</div>
</div>
{{-- Year PIE --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="pull-left">Year Wise</h5>
<div class="pull-right">
<a href="{{ asset('/superadmin/download-csv-year') . $queryUrl }}"
class="btn btn-light btn-sm csv-download">
<i class="fa fa-download"></i>
</a>
</div>
</div>
<div class="card-body apex_chart_year_pie">
<div id="apex_chart_year_pie" style="height: 300px"></div>
</div>
<div style="display: none;" class="card-body apex_chart_year_line">
<div id="apex_chart_year_line" style="height: 300px"></div>
</div>
<div class="card-footer">
<div class="form-check form-check-inline">
<input checked="checked" data-show="apex_chart_year_pie"
data-hide="apex_chart_year_line" name="state_year_radio"
class="form-check-input change-chart-radio" type="radio" id="y_chart_op_1">
<label class="form-check-label" for="y_chart_op_1">PIE</label>
</div>
<div class="form-check form-check-inline">
<input data-show="apex_chart_year_line" data-hide="apex_chart_year_pie"
name="state_year_radio" class="form-check-input change-chart-radio"
type="radio" id="y_chart_op_2">
<label class="form-check-label" for="y_chart_op_2">BAR</label>
</div>
</div>
</div>
</div>
{{-- District --}}
{{-- @if (isset($_GET['state_id']) && !empty($_GET['state_id'])) --}}
<div class="col-md-12">
<div class="card">
<div class="card-header">
<h5 class="pull-left">District Wise</h5>
<div class="pull-right">
<a href="{{ asset('/superadmin/download-csv-district') . $queryUrl }}"
class="btn btn-light btn-sm csv-download">
<i class="fa fa-download"></i>
</a>
</div>
</div>
<div class="card-body">
<div id="apex_chart_district_line" style="height: 300px"></div>
</div>
</div>
</div>
{{-- @endif --}}
{{-- State --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="pull-left">State Data</h5>
</div>
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>No.</th>
<th>IN (%)</th>
</tr>
</thead>
<tbody id="table_state"></tbody>
</table>
</div>
</div>
</div>
{{-- District --}}
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h5 class="pull-left">District Data</h5>
</div>
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>No.</th>
<th>(%)</th>
</tr>
</thead>
<tbody id="table_district"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
@endsection
@push('footer-script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/canvas2image@1.0.5/canvas2image.js"></script>
<script>
$(document).ready(function() {
/* var queryString = window.location.href.slice(window.location.href.indexOf('?') + 1); */
// fetch district by state ID ajax
/* $(document).on('change', '#state', function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var state_id = $(this).val();
var district = "<?php echo isset($_GET['district_id']) ? $_GET['district_id'] : ''; ?>";
$.ajax({
type: "post",
data: {
"state_id": state_id,
"district": district
},
url: "{{ asset('superadmin/fetch-district') }}",
dataType: "html",
success: function(result) {
$('#district').html(result);
$('#district').trigger("change");
}
});
}); */
// fetch block by district ID ajax
/* $(document).on('change', '#district', function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var districtId = $(this).val();
var block_id = "<?php echo isset($_GET['block_id']) ? $_GET['block_id'] : ''; ?>";
$.ajax({
type: "post",
data: {
"districtId": districtId,
"block_id": block_id,
},
url: "{{ asset('superadmin/fetch-block') }}",
dataType: "html",
success: function(result) {
$('#block').html(result);
$('#block').trigger("change");
}
});
});
*/
// fetch gp by id
/* $(document).on('change', '#block', function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var blockId = $(this).val();
var gp_id = "<?php echo isset($_GET['gp_id']) ? $_GET['gp_id'] : ''; ?>";
$.ajax({
type: "post",
data: {
"blockId": blockId,
"gp_id": gp_id
},
url: "{{ asset('superadmin/fetch-gp/') }}",
dataType: "html",
success: function(result) {
$('#gp').html(result);
$('#gp').trigger("change");
}
});
}); */
// fetch gp by id
/* $(document).on('change', '#gp', function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var state_id = $('#state').val();
var district_id = $('#district').val();
var block_id = $('#block').val();
var type = $('#type').val();
var zilapanchayat_id = $(this).val();
var school_id = "<?php echo isset($_GET['school_id']) ? $_GET['school_id'] : ''; ?>";
$.ajax({
type: "post",
data: {
"state_id": state_id,
"district_id": district_id,
"block_id": block_id,
"zilapanchayat_id": zilapanchayat_id,
"type": type,
"school_id": school_id
},
url: "{{ asset('superadmin/fetch-school/') }}",
dataType: "html",
success: function(result) {
// console.log(result);
$('#school').html(result);
}
});
}); */
/* $(document).on('change', '#type', function() {
$('#gp').trigger("change");
}); */
/* $('#state').trigger("change");
$('.change-chart-radio').trigger("change"); */
// Chart
/* $(document).on('change', '.change-chart-radio', function() {
var _show = $(this).data('show');
var _hide = $(this).data('hide');
$('.' + _show).show();
$('.' + _hide).hide();
//alert(cls);
// alert($(this).val());
}); */
// Get query string
// District AJAX
/* $.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
type: "GET",
url: _base_url + '/superadmin/get-total-value?' + queryString,
dataType: "JSON",
success: function(result) {
console.log(result.total);
$('#total_student').text(result.total);
$('#total_dropout').text(result.dropout);
$('#total_continued').text(result.continued);
$('#total_newentry').text(result.newentry);
}
}); */
});
</script>
<!-- begin::chart -->
/*
<script src="{{ asset('public/admin/vendors/charts/apex/apexcharts.min.js') }}"></script> */
{{-- Chart data --}}
/*
<script src="{{ asset('public/admin/js/examples/charts/apex.js') }}"></script> */
<!-- end::chart -->
@endpush