@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-2">
    <div class="col-sm-6 col-xl-3 mb-2">
        <div class="card bg-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 text-white">Jumlah Siswa</span> <br><br>
                        <h3 class="f20 fw-700 text-white">{{@$jumlah ? @$jumlah->jumlah_peserta_didik : 0}} <span class="f12 fw-300">Siswa</span> </h3>
                    </div>
                    <div>
                        <div class="p-2 bg-white rounded-circle">
                            <i class="fal fa-users f16 text-primary"></i>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3 mb-2">
        <div class="card bg-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 text-white">Jumlah Guru</span> <br><br>
                        <h3 class="f20 fw-700 text-white">{{@$jumlah ? @$jumlah->jumlah_tenaga_pendidik : 0}} <span class="f12 fw-300">Guru</span> </h3>
                    </div>
                    <div>
                        <div class="p-2 bg-white rounded-circle">
                            <i class="fal fa-users f16 text-success"></i>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3 mb-2">
        <div class="card bg-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 text-white">Penghargaan Terakhir</span> <br><br>
                        <h3 class="f20 fw-700 text-white"><span class="f12 fw-500">{{@getPenghargaanTerakhir(session('sekolah_id'))}}</span> </h3>
                    </div>
                    <div>
                        <div class="p-2 bg-white rounded-circle">
                            <i class="fal fa-trophy f16 text-warning"></i>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3 mb-2">
        <div class="card bg-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 text-white">Proses Usulan</span> <br><br>
                        <h3 class="f20 fw-700 text-white"><span class="f12 fw-500">{!!kuesionerLogStatus(@$kuesioner->KuesionerId,'plain')!!}</span> </h3>
                    </div>
                    <div>
                        <div class="p-2 bg-white rounded-circle">
                            <i class="fal fa-chart-line f16 text-info"></i>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row mb-4">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-primary-light border-none">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-flex flex-row align-items-center gap-3">
                        <div class="">
                            <div class="p-2 bg-white rounded-circle">
                                <i class="fal fa-home f16 text-primary"></i>
                            </div>
                        </div>
                        <div>
                            <h5 class="f12 fw-700 text-primary">{{@$profile->sekolah->nama_sekolah}}</h5>
                            <h5 class="f12 text-primary">NPSN : {{@$profile->sekolah->npsn}}</h5>
                            <span class="badge bg-warning-light text-warning">{{session('tingkat_sekolah')}}</span>
                            <span class="badge bg-success-light text-success">{{session('status_sekolah')}}</span>
                        </div>
                    </div>
                    <div>
                        <h6 class="rounded-plus px-2 py-1 bg-success-light text-success">Level {{levelAdiwiyata(session('npsn'))}}</h6>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <h6 class="fw-500">KONTAK</h6>
                        <div class="d-flex flex-row gap-3 justify-content-start mt-3">
                            <div>
                                <div class="p-3 bg-secondary rounded">
                                    <i class="fal fa-mobile f20"></i>  
                                </div>
                            </div>
                            <div class="d-flex flex-column align-items-left justify-content-center">
                                <span class="text-muted">{{session('kontak_person')}}</span>
                                <span class="text-muted">{{session('telp')}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h6 class="fw-500">ALAMAT</h6>
                        <p class="text-muted">{{session('alamat_sekolah')}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6 pr-0 mt-2 d-none">
        <div class="card h-100">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="d-flex justify-content-between flex-row align-items-center">
                            <div class="d-flex gap-3 justify-content-start">
                                <div class="p-3 bg-secondary rounded">
                                    <i class="fal fa-home fa-2x"></i>
                                </div>
                                <div>
                                    <h5 class="fw-700">{{session('name')}}</h5>
                                    <p class="mb-0">NPSN: {{session('npsn')}}</p>
                                    <span class="badge bg-primary-light text-primary">{{session('tingkat_sekolah')}}</span>
                                    <span class="badge bg-success-light text-success">{{session('status_sekolah')}}</span>
                                </div>
                            </div>
                            
                            <div class="d-flex justify-content-end">
                                <h6 class="rounded-plus px-2 py-1 bg-fusion-50 bg-success">Level {{levelAdiwiyata(session('npsn'))}}</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mt-5">
                        <h6 class="fw-500">KONTAK</h6>
                        <div class="d-flex flex-row gap-3 justify-content-start mt-3">
                            <div>
                                <div class="p-3 bg-secondary rounded">
                                    <i class="fal fa-mobile f20"></i>  
                                </div>
                            </div>
                            <div class="d-flex flex-column align-items-left justify-content-center">
                                <span class="text-muted">{{session('kontak_person')}}</span>
                                <span class="text-muted">{{session('telp')}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mt-5">
                        <h6 class="fw-500">ALAMAT</h6>
                        <p class="text-muted">{{session('alamat_sekolah')}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-12 pr-0 mt-2">
        <div class="card h-100">
            <div class="card-header bg-white">
                <h5 class="fw-500 mb-0">Status Usulan</h5>
            </div>
            <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">
                            Sekolah diusulan untuk menjadi CSA (Calon Sekolah Adiwiyata) {{@$textLevel}}
                        </div>
                    @else
                        <div class="alert alert-danger">
                            Belum ada data usulan
                        </div>
                    @endif
                </div>
                <div>
                    <ul class="liststyle">
                        <li>
                            <div class="d-flex gap-2 flex-row">
                                <div class="bg-success-light rounded-circle p-1"><i class="fal fa-check text-success"></i></div>
                                <div>Pendaftaran</div>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex gap-2 flex-row">
                                <div class="bg-primary-light rounded-circle p-1"><i class="fal fa-recycle text-primary"></i></div>
                                <div>Pengajuan</div>
                            </div>
                        </li>
                        <li>
                            <div class="d-flex gap-2 flex-row">
                                <div class="bg-secondary rounded-circle p-1"><i class="fal fa-clock"></i></div>
                                <div class="text-muted">Verifikasi</div>
                            </div>
                        </li>
                    </ul>
                </div>
                @if(@$kuesioner)
                <table class="table table-bordered d-none">
                    <tr class="bg-success text-white">
                        <th><b>Status Usulan</b></th>
                        <th><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;">
                            <span class="badge badge-warning">{{str_replace('_',' ',\Str::title($log->step))}}</span>
                        </td>
                        <td style="vertical-align: middle;">
                            <?php
                            if(@$sk->jenis_usulan == 0){
                                $penghargaan = '<h5>Belum Pernah</h5>';
                            }elseif(@$sk->jenis_usulan == 1){
                                $penghargaan = '<h5>Adiwiyata Kab/Kota</h5>';
                            }elseif(@$sk->jenis_usulan == 2){
                                $penghargaan = '<h5>Adiwiyata Provinsi</h5>';
                            }elseif(@$sk->jenis_usulan == 3){
                                $penghargaan = '<h5>Adiwiyata Nasional</h5>';
                            }elseif(@$sk->jenis_usulan == 4){
                                $penghargaan = '<h5>Adiwiyata Mandiri</h5>';
                            }
                            ?>
                            {!!$penghargaan!!}
                        </td>
                        <td style="vertical-align: middle;">{{@$sk->tanggal_penetapan}}</td>
                        <td style="vertical-align: middle;">
                            @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>
                            @endif
                        </td>
                    </tr>
                </table>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection
@section('page-js')

@endsection