@extends('indexlayout')

@section('title', 'detail')
@push('style')
@endpush
@section('content')
    <div class="row">
        <main id="js-page-content" role="main" class="page-content">
            <ol class="breadcrumb page-breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0);">CAPAIAN KINERJA DAN Anggaran DAN UKPD</a></li>
                <li class="breadcrumb-item active">Program Anggaran</li>
                <li class="breadcrumb-item active">Status</li>
                <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
            </ol>

            <div class="row">
                <div class="col-xl-12">
                    <div id="panel-1" class="panel">
                        <div class="panel-container show">
                            <div class="panel-content">

                            </div>
                        </div>
                        <div class="panel-container show">

                            <div class="panel-content">
                                <div class="col-xl-12" style="padding-block-end: 5px">
                                    <div class="demo">
                                        <dl class="row" style="padding: 5px 0 0 0 ">
                                            <dt class="col-sm-1">Sasaran </dt>
                                            <dd class="col-sm-11">: Optimalisasi Pengurangan dan Penanganan Sampah yang
                                                Kolaboratif serta Berwawasan Lingkungan</dd>
                                            <dt class="col-sm-1">Indikator Kinerja </dt>
                                            <dd class="col-sm-11">: PERSENTASE PENGURANGAN SAMPAH </dd>
                                        </dl>
                                    </div>
                                </div>
                                <!-- datatable start -->
                                <table id="dt-tusar-detail" class="table table-bordered table-hover table-striped w-100 "
                                    style="padding: -15px 0 0 0">
                                    <thead>
                                        <tr>
                                            <th>Triwulan</th>
                                            <th>Target</th>
                                            <th>Realisasi</th>
                                            <th>Capaian</th>
                                            <th>Keterangan/Evaluasi</th>
                                            <th>Validasi</th>
                                            <th>Keterangan Validasi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>TW 1</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>N/A</td>
                                            <td>
                                                <p>tidak ada target di tw.1</p>
                                            </td>
                                            <td>Valid</td>
                                            <td>tidak ada target di tw.1</td>
                                        <tr>
                                            <td>TW 2</td>
                                            <td>28</td>
                                            <td>28.02</td>
                                            <td>10007143%</td>
                                            <td>
                                                <p>Upaya yang dilakukan dalam hal pengurangan sampah yaitu mulai dari
                                                    pembatasan timbulan sampah. Sesuai dengan pergub 142/2019 tentang
                                                    kewajiab penggunaan KBRL pada pasar, toko dan pusat perbelanjaan. Telah
                                                    dilakukan pengawasan terhadap pelaku usaha seperti retail dan mall /
                                                    pusat perbelanjaan serta membuat aksi nyata seperti gerakan jakarta guna
                                                    ulang yang dimana mampu mengurangi timbulan sampah plastik, tidak hanya
                                                    di retail dan pusat perbelanjaan yang dilakukan Dinas Lingkungan Hidup
                                                    melakukan sosialisasi serta pembinaan terhadap lokasi-lokasi yang
                                                    berpotensi menghasilkan timbulan sampah seperti perkantoran, lembaga
                                                    pendidikan serta fasilitas tempat-tempat umum seperti tidak menggunakan
                                                    wadah sekali pakai. Selain pembatasan timbulan sampah juga dilakukan
                                                    program daur ulang sampah yang dilakukan oleh masyarakat melalui Bank
                                                    Sampah dan Biokonfersi magot, yang diman Dinas Lingkungan Hidup telah
                                                    membentuk koperasi magot untuk para pegiat magot guna mengurangi sampah
                                                    organik yang di bawa ke TPST Bantar Gebang.
                                                </p>
                                            </td>
                                            <td>Valid</td>
                                            <td>Target Tercapai</td>
                                        </tr>
                                        <tr>
                                            <td>TW 3</td>
                                            <td>28</td>
                                            <td>28.02</td>
                                            <td>10007143%</td>
                                            <td>
                                                <p>Tidak ada target di TW III tahun 2024</p>
                                            </td>
                                            <td>Valid</td>
                                            <td>Tidak ada target di tw.III</td>
                                        </tr>
                                        <tr>
                                            <td>TW 4</td>
                                            <td>28</td>
                                            <td>-</td>
                                            <td>-</td>
                                            <td>
                                                <p>-</p>
                                            </td>
                                            <td>Belum Valid</td>
                                            <td>-</td>
                                        </tr>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- datatable end -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </main>
    </div>

@endsection

@push('script')
    <!-- The order of scripts is irrelevant. Please check out the plugin pages for more details about these plugins below: -->
    <script src="{{ asset('layout/dist/js/statistics/peity/peity.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/flot/flot.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/easypiechart/easypiechart.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
    <script src="{{ asset('layout/dist/js/statistics/chartist/chartist.js') }}"></script>
    {{-- <script src="{{  asset('layout/dist/js/statistics/chartjs/chartjs.bundle.js') }}"></script> --}}
    {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
    {{-- <script src="{{ asset('layout/dist/js/grafik.js') }}"></script> --}}
    <script src="{{ asset('layout/dist/js/tusardetail.js') }}"></script>
    {{-- <script src="{{ asset('layout/dist/js/chart.js') }}"></script> --}}
@endpush