sekolah_adiwiyata/resources/views/modules/kuesioner/form.blade.php

305 lines
20 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-edit'></i> {{$title}}
</h1>
</div>
<div class="row">
<div class="col-lg-12">
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-12 p-3">
<table class="" border="0" style="width:100%">
<tr>
<td rowspan="5" width="5" style="vertical-align: middle; padding-right: 10px;">
<i class="fal fa-building fa-5x"></i>
</td>
</tr>
<tr>
<td colspan="2"><h5 class="text-success">NPSN: {{session('npsn')}}</h5></td>
<td rowspan="4" style="vertical-align: top;">
<div class="level rounded-plus bg-fusion-50 width-1 height-1 d-inline-block bg-success">
<h4>Level 4</h4>
</div>
</td>
</tr>
<tr>
<td colspan="2"><h4><b>{{session('name')}}</b></h4></td>
</tr>
<tr>
<td colspan="2"><span class="badge badge-primary">{{session('tingkat_sekolah')}}</span> <span class="badge badge-success">{{session('status_sekolah')}}</span></td>
</tr>
<tr>
<td colspan="2"><p>{{session('alamat_sekolah')}}</p></td>
</tr>
</table>
</div>
<div class="col-md-12">
<table class="table">
<tr class="bg-primary text-white">
<td>Apakah Sekolah anda sudah pernah mendapatkan penghargaan adiwiyata? </td>
</tr>
<tr>
<td>
<div class="form-group">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input radioPenghargaan" value="0" id="radioPenghargaanAdiwiyataBelum" name="radioPenghargaan">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataBelum">Belum</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="1" id="radioPenghargaanAdiwiyataKota" name="radioPenghargaan">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataKota">Adiwiyata Kab/Kota</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="2" id="radioPenghargaanAdiwiyataProvinsi" name="radioPenghargaan">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataProvinsi">Adiwiyata Provinsi</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="3" id="radioPenghargaanAdiwiyataNasional" name="radioPenghargaan">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataNasional">Adiwiyata Nasional</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input radioPenghargaan" value="4" id="radioPenghargaanAdiwiyataMandiri" name="radioPenghargaan">
<label class="custom-control-label" for="radioPenghargaanAdiwiyataMandiri">Adiwiyata Mandiri</label>
</div>
</div>
</td>
</tr>
<!-- Belum Pernah -->
<tr class="bg-primary text-white belumPernah d-none">
<td>Apakah sekolah anda sudah membentuk Tim Adiwiyata Sekolah?</td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioTimAdiwiyataBelum" name="defaultExampleRadios">
<label class="custom-control-label" for="radioTimAdiwiyataBelum">Belum</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input" id="radioTimAdiwiyataSudah" name="defaultExampleRadios">
<label class="custom-control-label" for="radioTimAdiwiyataSudah">Sudah</label>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah d-none">
<td>Apakah sekolah anda sudah pernah mendapatkan informasi tentang Gerakan Peduli dan Berbudaya Lingkungan Hidup di Sekolah (PBLHS) </td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioGerakanPeduliBelum" name="defaultExampleRadios">
<label class="custom-control-label" for="radioGerakanPeduliBelum">Belum Pernah</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input" id="radioGerakanPeduliSudah" name="defaultExampleRadios">
<label class="custom-control-label" for="radioGerakanPeduliSudah">Sudah Pernah</label>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah d-none">
<td>Jika pernah, dari media apa mendapatkannya, dan sebutkan nama instansi penyelenggaranya ? </td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkSosialisasi">
<label class="custom-control-label" for="checkSosialisasi">Sosialisasi</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkBimtek">
<label class="custom-control-label" for="checkBimtek">Bimtek</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkWebinar">
<label class="custom-control-label" for="checkWebinar">Webinar</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkYoutube">
<label class="custom-control-label" for="checkYoutube">Youtube</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkLain">
<label class="custom-control-label" for="checkLain">Lain-lain</label>
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah d-none">
<td>Materi apa saja yang masih kurang Anda pahami? </td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkMateriKebijakan">
<label class="custom-control-label" for="checkMateriKebijakan">Kebijakan Gerakan PBLHS</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkMateriPerencanaan">
<label class="custom-control-label" for="checkMateriPerencanaan">Perencanaan Gerakan PBLHS</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkMateriPelaksanaan">
<label class="custom-control-label" for="checkMateriPelaksanaan">Pelaksanaan Gerakan PBLHS</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkMateriPemantauan">
<label class="custom-control-label" for="checkMateriPemantauan">Pemantauan dan Evaluasi Gerakan PBLHS</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkMateriLain">
<label class="custom-control-label" for="checkMateriLain">Lain-lain</label>
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah d-none">
<td>Apakah sekolah anda bersedia untuk berkomitmen melaksanakan Gerakan PBLHS secara berkelanjutan? </td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="radioKomitmenBersedia" name="defaultExampleRadios">
<label class="custom-control-label" for="radioKomitmenBersedia">Bersedia</label>
</div>
<div class="custom-control custom-radio mt-2">
<input type="radio" class="custom-control-input" id="radioKomitmenTidakBersedia" name="defaultExampleRadios">
<label class="custom-control-label" for="radioKomitmenTidakBersedia">Tidak Bersedia</label>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah d-none">
<td>Kegiatan/aksi lingkungan yang pernah dilakukan oleh warga sekolah?</td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkPemilahanSampah">
<label class="custom-control-label" for="checkPemilahanSampah">Pemilahan Sampah</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkPenanamanPohon">
<label class="custom-control-label" for="checkPenanamanPohon">Penanaman Pohon</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkKegiatan1">
<label class="custom-control-label" for="checkKegiatan1">Kegiatan/aksi lainnya</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkKegiatan2">
<label class="custom-control-label" for="checkKegiatan2">Kegiatan/aksi lainnya</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkKegiatan3">
<label class="custom-control-label" for="checkKegiatan3">Kegiatan/aksi lainnya</label>
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white belumPernah d-none">
<td>Pihak yang terlibat dalam menjalankan kegiatan/aksi lingkungan </td>
</tr>
<tr class="belumPernah d-none">
<td>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkInternalWarga">
<label class="custom-control-label" for="checkInternalWarga">Internal warga sekolah</label>
</div>
<div class="custom-control custom-checkbox mt-2">
<input type="checkbox" class="custom-control-input" id="checkBekerjasama">
<label class="custom-control-label" for="checkBekerjasama">Bekerjasama dengan Pihak Lainnya</label>
</div>
</div>
</td>
</tr>
<tr class="bg-primary text-white sudahPernah d-none">
<td>Jika sudah pernah mendapatkan penghargaan adiwiyata, tahun berapa sekolah anda mendapatkan penghargaan adiwiyata? </td>
</tr>
<tr class="sudahPernah d-none">
<td>
<div class="form-group">
<label>Tahun perolehan penghargaaan (kosongkan jika belum adiwiyata)</label>
<select class="form-control form-control-sm">
<option value="">Pilih Tahun</option>
@for($i = (date('Y')-5); $i <= (date('Y')); $i++)
<option value="{{$i}}">{{$i}}</option>
@endfor
</select>
</div>
<div class="form-group">
<label>Link SK adiwiyata / perpanjangan (kosongkan jika belum mendapat adiwiyata)</label>
<input type="text" class="form-control form-control-sm" name="" placeholder="Link SK adiwiyata / perpanjangan (kosongkan jika belum mendapat adiwiyata)">
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('page-js')
<script type="text/javascript">
$('.radioPenghargaan').on('change',function(){
var value = $(this).val();
if(value == 0){
$('.belumPernah').removeClass('d-none');
$('.sudahPernah').addClass('d-none');
}else{
$('.belumPernah').addClass('d-none');
$('.sudahPernah').removeClass('d-none');
}
});
</script>
@endsection