250 lines
16 KiB
PHP
250 lines
16 KiB
PHP
@extends('layouts.master')
|
|
|
|
@section('page-css')
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datagrid/datatables/datatables.bundle.css')}}">
|
|
<style type="text/css">
|
|
.listItem{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.listItem > li{
|
|
display: inline-block;
|
|
margin: 10px;
|
|
}
|
|
.listItem > li:hover{
|
|
cursor: pointer;
|
|
}
|
|
.listItem > li .number{
|
|
font-size: 14px;
|
|
color: #fff;
|
|
background: #0ba360 !important;
|
|
padding: 10px;
|
|
border-radius: 10%;
|
|
}
|
|
.level{
|
|
float: right;
|
|
color: #fff;
|
|
text-align: center;
|
|
width: 100px;
|
|
}
|
|
.nav-link{
|
|
border-radius: 0px!important;
|
|
}
|
|
</style>
|
|
@endsection
|
|
@section('content')
|
|
<div class="subheader">
|
|
<h1 class="subheader-title">
|
|
<i class='subheader-icon fal fa-building'></i> {{$title}}
|
|
</h1>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-4 mt-3">
|
|
<div class="row">
|
|
<div class="col-3 col-md-3 text-left">
|
|
<i class="fal fa-building fa-5x"></i>
|
|
</div>
|
|
<div class="col-9 col-md-9">
|
|
<div class="level rounded-plus bg-fusion-50 width-1 height-1 d-inline-block bg-success">
|
|
<h4>Level 4</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="mt-5"><b>{{session('name')}}</b></h4>
|
|
<h5 class="text-success">NPSN: {{session('npsn')}}</h5>
|
|
<span class="badge badge-primary">{{session('tingkat_sekolah')}}</span>
|
|
<span class="badge badge-success">{{session('status_sekolah')}}</span>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12 text-left">
|
|
<h5 class="mt-2"><b>ALAMAT</b></h5>
|
|
</div>
|
|
<div class="col-md-12 text-left">
|
|
<p>{{session('alamat_sekolah')}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 text-left">
|
|
<h5 class="mt-2"><b>KONTAK</b></h5>
|
|
</div>
|
|
<div class="col-md-2 text-left mb-2">
|
|
<i class="fal fa-mobile fa-2x"></i>
|
|
</div>
|
|
<div class="col-md-10 text-left">
|
|
<span class="text-muted">{{session('kontak_person')}}</span> <br>
|
|
<span class="text-muted">{{session('telp')}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 mt-3">
|
|
<form id="form" action="#" method="POST">
|
|
{{csrf_field()}}
|
|
<div id="panel-1" class="card">
|
|
<div class="card-body show">
|
|
<div class="panel-content">
|
|
<ul class="nav nav-tabs badge-primary" role="tablist">
|
|
<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#usulan" role="tab">Usulan</a></li>
|
|
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#jumlah" role="tab">Data Jumlah</a></li>
|
|
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#air" role="tab">Penghematan Air</a></li>
|
|
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#listrik" role="tab">Penghematan Listrik</a></li>
|
|
</ul>
|
|
<div class="tab-content pt-3">
|
|
<div class="tab-pane fade show active" id="usulan" role="tabpanel">
|
|
<table class="table table-bordered">
|
|
<tr class="bg-success text-white">
|
|
<th colspan="2"><b>Penghargaan Terakhir</b></th>
|
|
<th><b>Tanggal Penetapan SK</b></th>
|
|
<th><b>Lampiran SK</b></th>
|
|
</tr>
|
|
<tr>
|
|
<td style="vertical-align: middle;">
|
|
<i class="fal fa-trophy"></i>
|
|
</td>
|
|
<td style="vertical-align: middle;">
|
|
<h5><b>Adiwiyata Provinsi</b></h5>
|
|
<span>SK Gubernur DKI Nomor 276 Tahun 2023 </span>
|
|
</td>
|
|
<td style="vertical-align: middle;">2023-04-13 </td>
|
|
<td style="vertical-align: middle;">--</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="tab-pane fade" id="jumlah" role="tabpanel">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" class="bg-success text-white">Data Jumlah</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Peserta Didik</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah peserta didik">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Tenaga Pendidik</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah tenaga pendidik">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Tenaga kependidikan</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah tenaga kependidikan">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Warga Sekolah Lainnya</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah warga lainnya (cont:petugas kebersihan, petugas keamanan, petugas kantin, dll)">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Biopori</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah biopori">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Sumur Resapan</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah sumur resapan">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Jumlah Pohon/Tanaman yang ditanam dan tumbuh</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah pohon tanaman">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="tab-pane fade" id="air" role="tabpanel">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" scope="row" class="bg-success text-white">Penghematan air sebelum dan setelah melaksanakan gerakan PBLHS :</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Sebelum melaksanakan gerakan PBLHS <br> <small class="text-info">(Meter Kubik/Bulan)</small></th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam meter kubik">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Setelah melaksanakan gerakan PBLHS <br> <small class="text-info">(Meter Kubik/Bulan dalam Tahun ajaran 2022/2023)</small></th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam meter kubik">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="tab-pane fade" id="listrik" role="tabpanel">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" scope="row" class="bg-success text-white">Penghematan listrik sebelum dan setelah melaksanakan gerakan PBLHS :</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Sebelum melaksanakan gerakan PBLHS <br> <small class="text-info">(KWH/Bulan)</small><br> <small class="text-info"></small>
|
|
</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam kwh">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Setelah melaksanakan gerakan PBLHS <br> <small class="text-info">(KWH/Bulan dalam Tahun ajaran 2022/2023)</small></th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="rata-rata per bulan dalam kwh">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Luas ruangan ber AC</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="dalam satuan meter persegi">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row"> Luas ruangan non AC</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="dalam satuan meter persegi">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<th scope="row"> Jumlah Kader</th>
|
|
<td>
|
|
<input required="" type="text" class="numberInput form-control form-control-sm" placeholder="jml kader yang dibentuk dan diberdayakan selama pelaksanaan gerakan PBLHS">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div class="form-group text-right">
|
|
<button class="btn btn-success"><i class="fal fa-save"></i> Simpan Perubahan</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('page-js')
|
|
|
|
@endsection |