@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">
        @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-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="{{route($route.'.store')}}" 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 name="jumlah_peserta_didik" value="{{@$jumlah_peserta_didik ? @$jumlah_peserta_didik : old('jumlah_peserta_didik')}}" 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 name="jumlah_tenaga_pendidik" value="{{@$jumlah_tenaga_pendidik ? @$jumlah_tenaga_pendidik : old('jumlah_tenaga_pendidik')}}" 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 name="jumlah_tenaga_kependidikan" value="{{@$jumlah_tenaga_kependidikan ? @$jumlah_tenaga_kependidikan : old('jumlah_tenaga_kependidikan')}}" 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 name="jumlah_warga_sekolah_lainnya" value="{{@$jumlah_warga_sekolah_lainnya ? @$jumlah_warga_sekolah_lainnya : old('jumlah_warga_sekolah_lainnya')}}" 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 name="jumlah_biopori" value="{{@$jumlah_biopori ? @$jumlah_biopori : old('jumlah_biopori')}}" type="text" class="numberInput form-control form-control-sm" placeholder="jumlah biopori">
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <th scope="row"> Jumlah Sumur Resapan</th>
                                                        <td>
                                                          <input name="jumlah_sumur_resapan" value="{{@$jumlah_sumur_resapan ? @$jumlah_sumur_resapan : old('jumlah_sumur_resapan')}}" 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 name="jumlah_pohon" value="{{@$jumlah_pohon ? @$jumlah_pohon : old('jumlah_pohon')}}" 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 name="air_sebelum_pblhs" value="{{@$air_sebelum_pblhs ? @$air_sebelum_pblhs : old('air_sebelum_pblhs')}}" 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 name="air_setelah_pblhs" value="{{@$air_setelah_pblhs ? @$air_setelah_pblhs : old('air_setelah_pblhs')}}" 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 name="listrik_sebelum_pblhs" value="{{@$listrik_sebelum_pblhs ? @$listrik_sebelum_pblhs : old('listrik_sebelum_pblhs')}}" 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 name="listrik_setelah_pblhs" value="{{@$listrik_setelah_pblhs ? @$listrik_setelah_pblhs : old('listrik_setelah_pblhs')}}" 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 name="luas_ruangan_ac" value="{{@$luas_ruangan_ac ? @$luas_ruangan_ac : old('luas_ruangan_ac')}}" 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 name="luas_ruangan_non_ac" value="{{@$luas_ruangan_non_ac ? @$luas_ruangan_non_ac : old('luas_ruangan_non_ac')}}" 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 name="jumlah_kader" value="{{@$jumlah_kader ? @$jumlah_kader : old('jumlah_kader')}}" 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>&nbsp;&nbsp;Simpan Perubahan</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('page-js')

@endsection