@extends('indexlayout')

@section('title', 'tujuan')
@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);">Realisasi Kinerja</a></li>
                <li class="breadcrumb-item active">Tujuan</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 class="col-xl-3">
                                    <div id="js_default_list ">
                                        <div class="input-group mb-g">
                                            <input type="text" class="form-control form-control-lg shadow-inset-2"
                                                onkeyup="searchTable()" id="searchInput" placeholder="Filter list">
                                            <div class="input-group-append">
                                                <div class="input-group-text">
                                                    <i class="fal fa-search fs-xl"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- datatable start -->
                                <table id="dt-tujuan" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Tujuan</th>
                                            <th>Indikator Kinerja</th>
                                            <th>Satuan</th>
                                            <th>Konsolidasi</th>
                                            <th>Polarisasi</th>
                                            <th>Target Tahunan</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>
                                                <p>Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan </p>
                                            </td>
                                            <td>
                                                <p>PERSENTASE PENGELOLAAN SAMPAH</p>
                                            </td>
                                            <td>
                                                <p>%</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>100</p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detail') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        </tr>
                                        <tr>
                                            <td rowspan="3">2</td>
                                            <td rowspan="3">
                                                <p>Perbaikan Kualitas Lingkungan Hidup</p>
                                            </td>
                                            <td>
                                                <p>INDEKS KUALITAS AIR </p>
                                            </td>
                                            <td>
                                                <p>Indeks</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>45.19</p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detailair') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        <tr>
                                            <td>
                                                <p>INDEKS KUALITAS UDARA </p>
                                            </td>
                                            <td>
                                                <p>Indeks</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>67.52 </p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detailudara') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p>PERSENTASE PENURUNAN EMISI GRK PADA SEKTOR LIMBAH</p>
                                            </td>
                                            <td>
                                                <p>Persen</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>0.38 </p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detailgrk') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        </tr>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- datatable end -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            {{-- Tabel Sasaran --}}
            <div class="row">
                <div class="col-xl-12">
                    <div id="panel-1" class="panel">

                        <div class="panel-container show">

                            <div class="panel-content">

                                <div class="col-xl-3">
                                    <div id="js_default_list ">
                                        <div class="input-group mb-g">
                                            <input type="text" class="form-control form-control-lg shadow-inset-2"
                                                onkeyup="searchTable()" id="searchInput" placeholder="Filter list">
                                            <div class="input-group-append">
                                                <div class="input-group-text">
                                                    <i class="fal fa-search fs-xl"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- datatable start -->
                                <table id="dt-tujuan" class="table table-bordered table-hover table-striped w-100">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Sasaran</th>
                                            <th>Indikator Kinerja</th>
                                            <th>Satuan</th>
                                            <th>Konsolidasi</th>
                                            <th>Polarisasi</th>
                                            <th>Target Tahunan</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td rowspan="2">1</td>
                                            <td rowspan="2">
                                                <p>Optimalisasi Pengurangan dan Penanganan Sampah yang Kolaboratif serta
                                                    Berwawasan Lingkungan</p>
                                            </td>
                                            <td>
                                                <p>PERSENTASE PENGURANGAN SAMPAH</p>
                                            </td>
                                            <td>
                                                <p>Persen</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>28</p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detail') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        <tr>
                                            <td>
                                                <p>PERSENTASE PENANGANAN SAMPAH</p>
                                            </td>
                                            <td>
                                                <p>Persen</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>72</p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detail') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        </tr>
                                        </tr>
                                        <tr>
                                            <td rowspan="3">2</td>
                                            <td rowspan="3">
                                                <p>Pengurangan Pencemaran Lingkungan melalui Upaya Preventif dan
                                                    Pengendalian yang Intensif</p>
                                            </td>
                                            <td>
                                                <p>PERSENTASE PENINGKATAN STATUS INDEKS PENCEMAR (IP)</p>
                                            </td>
                                            <td>
                                                <p>Persen</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>25</p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detailair') }}"
                                                    class="btn btn-primary">Detail</a></td>
                                        <tr>
                                            <td>
                                                <p>

                                                    PERSENTASE PENINGKATAN STATUS INDEKS STANDAR PENCEMARAN UDARA (ISPU)</p>
                                            </td>
                                            <td>
                                                <p>Persen</p>
                                            </td>
                                            <td>
                                                <p>Take Last Known </p>
                                            </td>
                                            <td>
                                                <p>Maximize</p>
                                            </td>
                                            <td>
                                                <p>65.5</p>
                                            </td>
                                            <td><a href="{{ route('sadmin.tusar.detailudara') }}"
                                                    class="btn btn-primary">Detail</a></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/tabeltujuan.js') }}"></script>
@endpush