@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