sekolah_adiwiyata/resources/views/modules/dashboard/sekolah.blade.php

347 lines
18 KiB
PHP

@extends('layouts.master')
@section('page-css')
@endsection
@section('content')
<div class="subheader">
<h1 class="subheader-title">
Dashboard
</h1>
</div>
<?php
$jumlah = json_decode(@$profile->data_jumlah);
?>
<div class="row mb-4">
<div class="col-md-12 mb-2">
<div class="card">
<div class="card-body">
<div class="d-flex gap-2">
<div class="d-flex justify-content-center align-items-center gap-3">
<img src="{{ asset('assets/school.jpg') }}" class="img-fluid" width="180" alt="">
<div class="d-flex flex-column">
<h3 class="fw-700">{{@$profile->sekolah->nama_sekolah}}</h3>
<div class="d-flex gap-1 align-items-start mb-2">
<span class="p-2 badge bg-primary text-white">{{session('tingkat_sekolah')}}</span>
<span class="p-2 badge bg-success text-white">{{session('status_sekolah')}}</span>
<h6 class="p-2 badge bg-warning text-white">Level {{@levelAdiwiyata(session('npsn'))}}</h6>
</div>
<h5 class="f14 text-primary">NPSN : {{@$profile->sekolah->npsn}}</h5>
<h5 class="f14">Kontak : <span class="text-muted">{{session('telp')}} ( {{session('kontak_person')}} )</span></h5>
<p>Alamat : <span class="text-muted">{{session('alamat_sekolah')}}</span></p>
</div>
</div>
@if(!@$sk)
@if(@$dok->status == 1)
@if($kuesioner->status == 3)
<div class="card mb-2 bg-primary-light text-primary">
<div class="card-body d-flex flex-column justify-content-center align-items-start">
<h4 class="fw-500"><i class="fal fa-info-circle"></i>&nbsp;Pemenuhan Kriteria</h4>
<p class="mb-0">Pemenuhan Kriteria Sedang Dilakukan Verifikasi Oleh Pihak Penilai.</p>
</div>
</div>
@elseif($kuesioner->status == 5)
<div class="card mb-2 bg-warning text-white">
<div class="card-body d-flex flex-column justify-content-center align-items-start">
<h4 class="fw-500"><i class="fal fa-info-circle"></i>&nbsp;Pemenuhan Kriteria</h4>
<p>Pemenuhan Kriteria Anda Dikembalikan Oleh Penilai Kota, Silahkan Lakukan Perbaikan Kembali.</p>
<a href="{{ url('usulan/adiwiyata/kriteria') }}" class="btn btn-danger">Pemenuhan Kriteria &nbsp; <i class="fal fa-arrow-right"></i></a>
</div>
</div>
@else
<div class="card mb-2 bg-success-light text-success">
<div class="card-body d-flex flex-column justify-content-center align-items-start">
<h4 class="fw-500"><i class="fal fa-info-circle"></i>&nbsp;Verifikasi Kuesioner Leveling</h4>
<p>Kuesioner Anda telah di-approve dan dinyatakan valid. Silakan melanjutkan ke tahapan berikutnya.</p>
<a href="{{ url('usulan/adiwiyata/kriteria') }}" class="btn btn-info">Pemenuhan Kriteria &nbsp; <i class="fal fa-arrow-right"></i></a>
</div>
</div>
@endif
@endif
@endif
</div>
<hr class="mt-0">
<div class="row mb-3">
<div class="d-flex flex-column col-6 col-md-3 col-lg-3 mb-2">
<div class="card border-left-primary border-left-primary text-primary h-100 shadow-none">
<div class="card-body d-flex flex-row justify-content-between align-items-center">
<div class="d-flex flex-column gap-2">
<span class="m-0 l-h-n text-primary">Jumlah Siswa</span>
<span class="f20 fw-700 text-primary">{{@$jumlah ? @$jumlah->jumlah_peserta_didik : 0}}</span>
</div>
<div>
<div class="p-2 bg-primary rounded-circle">
<i class="fal fa-users f16 text-white"></i>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column col-6 col-md-3 col-lg-3 mb-2">
<div class="card border-left-primary text-primary h-100">
<div class="card-body d-flex flex-row justify-content-between align-items-center">
<div class="d-flex flex-column gap-2">
<span class="m-0 l-h-n text-primary">Jumlah Guru</span>
<span class="f20 fw-700 text-primary">{{@$jumlah ? @$jumlah->jumlah_tenaga_pendidik : 0}}</span>
</div>
<div>
<div class="p-2 bg-primary rounded-circle">
<i class="fal fa-users f16 text-white"></i>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column col-6 col-md-3 col-lg-3 mb-2">
<div class="card border-left-primary text-primary h-100">
<div class="card-body d-flex flex-row justify-content-between align-items-center">
<div class="d-flex flex-column gap-2">
<span class="">Penghargaan Terakhir</span>
<span class="f10 fw-700 text-primary">{{@getPenghargaanTerakhir(session('sekolah_id'))}}</span>
</div>
<div>
<div class="p-2 bg-primary rounded-circle">
<i class="fal fa-trophy f16 text-white"></i>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column col-6 col-md-3 col-lg-3 mb-2">
<div class="card border-left-primary text-primary h-100">
<div class="card-body d-flex flex-row justify-content-between align-items-center">
<div class="d-flex flex-column gap-2">
<span class="m-0 l-h-n text-primary">Proses Usulan</span>
<span class="f10 fw-700 text-primary">
@if(@$kuesioner->KuesionerId)
{!!@kuesionerLogStatus(@$kuesioner->KuesionerId,'plain')!!}
@else
{!! StatusActivity(session('sekolah_id')) !!}
@endif
</span>
</div>
<div>
<div class="p-2 bg-primary rounded-circle">
<i class="fal fa-trophy f16 text-white"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="card h-100">
<div class="card-body">
<div class="">
@if(@$kuesioner || (@$kuesioner->status == 1))
<?php
if(@$kuesioner->level == 0){
$textLevel = 'Kabupaten/Kota';
}elseif(@$kuesioner->level == 1){
$textLevel = 'Provinsi';
}elseif(@$kuesioner->level == 2){
$textLevel = 'Nasional';
}elseif(@$kuesioner->level == 3){
$textLevel = 'Mandiri';
}
?>
<div class="alert bg-primary-light text-primary mb-3">
<i class="fal fa-info-circle"></i> Sekolah diusulan untuk menjadi CSA (Calon Sekolah Adiwiyata) {{@$textLevel}}
</div>
<h5 class="fw-500 mb-3"><i class="fal fa-trophy"></i>&nbsp;Riwayat Usulan</h5>
<div class="d-flex flex-column gap-2">
<div class="d-flex justify-content-between">
<div>Status Usulan</div>
<div>{!! kuesionerLogStatus(@$kuesioner->KuesionerId) !!}</div>
</div>
<div class="d-flex justify-content-between">
<div>Penghargaan Terakhir</div>
<div>
@if(@getPenghargaanTerakhir(session('sekolah_id')) == 'Belum Pernah')
<?php
if(@$sk->jenis_usulan == 0){
$penghargaan = '<span class="badge bg-success text-white">Belum Pernah</span>';
}elseif(@$sk->jenis_usulan == 1){
$penghargaan = '<span class="badge bg-success text-white">Adiwiyata Kab/Kota</span>';
}elseif(@$sk->jenis_usulan == 2){
$penghargaan = '<span class="badge bg-success text-white">Adiwiyata Provinsi</span>';
}elseif(@$sk->jenis_usulan == 3){
$penghargaan = '<span class="badge bg-success text-white">Adiwiyata Nasional</span>';
}elseif(@$sk->jenis_usulan == 4){
$penghargaan = '<span class="badge bg-success text-white">Adiwiyata Mandiri</span>';
}
?>
{!!$penghargaan!!}
@else
{{@getPenghargaanTerakhir(session('sekolah_id'))}}
@endif
</div>
</div>
<div class="d-flex justify-content-between">
<div>Tanggal Penetapan SK</div>
<div>{{@$sk ? @$sk->tanggal_penetapan : '-'}}</div>
</div>
<div class="d-flex justify-content-between">
<div>Lampiran SK</div>
<div>
@if(@$sk)
<a download href="{{ asset('uploads/'.@$sk->file) }}" class="btn btn-sm btn-warning" style="width: 100%;"><i class="fal fa-download"></i> SK Adiwiyata</a>
@else
-
@endif
</div>
</div>
</div>
@else
<div class="alert alert-danger text-danger">
<i class="fal fa-info-circle"></i> Belum ada data usulan
</div>
@endif
</div>
</div>
</div>
</div>
</div>
<div class="row mb-2">
<div class="col-md-12 mb-2">
<div class="row">
<div class="col-6 col-sm-3 col-xl-3 mb-2">
<div class="card bg-primary-light border-left-primary text-primary">
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center">
<div>
<span class="m-0 l-h-n fw-500">Total Sampah Organik</span> <br><br>
<h3 class="f20 fw-700 ">{{number_format(@$summary->organik)}} <span class="f12 fw-300">Kg</span> </h3>
</div>
<div>
<div class="p-2 bg-white rounded-circle">
<i class="fal fa-recycle f16 text-primary"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-xl-3 mb-2">
<div class="card bg-warning-light border-left-warning text-warning">
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center">
<div>
<span class="m-0 l-h-n fw-500">Total Sampah Anorganik</span> <br><br>
<h3 class="f20 fw-700 ">{{number_format(@$summary->anorganik)}} <span class="f12 fw-300">Kg</span> </h3>
</div>
<div>
<div class="p-2 bg-white rounded-circle">
<i class="fal fa-recycle f16 text-warning"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-xl-3 mb-2">
<div class="card bg-info-light border-left-info text-info">
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center">
<div>
<span class="m-0 l-h-n fw-500">Total Sampah B3</span> <br><br>
<h3 class="f20 fw-700 ">{{number_format(@$summary->b3)}} <span class="f12 fw-300">Kg</span> </h3>
</div>
<div>
<div class="p-2 bg-white rounded-circle">
<i class="fal fa-recycle f16 text-info"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-3 col-xl-3 mb-2">
<div class="card bg-success-light border-left-success text-success">
<div class="card-body">
<div class="d-flex flex-row justify-content-between align-items-center">
<div>
<span class="m-0 l-h-n fw-500">Total Sampah Minyak Jelantah</span> <br><br>
<h3 class="f20 fw-700 ">{{number_format(@$summary->minyak)}} <span class="f12 fw-300">Kg</span> </h3>
</div>
<div>
<div class="p-2 bg-white rounded-circle">
<i class="fal fa-tint f16 text-success"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 mb-2">
<div class="card h-100">
<div class="card-body">
<div id="container"></div>
</div>
</div>
</div>
</div>
@endsection
@section('page-js')
<script src="{{ asset('assets/js/highcharts.js') }}"></script>
<script>
let series = @json($series);
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Data Sampah Terkelola Tahun {{ date("Y") }}'
},
xAxis: {
categories: ["Jan",
"Feb",
"Mar",
"Apr",
"Mei",
"Jun",
"Jul",
"Agust",
"Sept",
"Okt",
"Nov",
"Des"],
crosshair: true,
accessibility: {
description: 'Countries'
}
},
yAxis: {
min: 0,
title: {
text: '(Kg)'
}
},
tooltip: {
valueSuffix: ' (Kg)'
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: series
});
</script>
@endsection