@extends('indexlayout')

@section('title', 'Dinas')
@push('style')
@endpush
@section('content')
    <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 UKPD</a></li>
            <li class="breadcrumb-item"> Sudin Pulau Seribu</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-lg-12">
                <div id="panel-6" class="panel">
                    <div class="panel-hdr">
                        <h2>
                            Realisasi dan SPS Update Per Entitas
                        </h2>
                    </div>
                    <div class="panel-container show">
                        <div id="kseribu">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <div id="panel-1" class="panel">
                    <div class="panel-hdr">
                        <h2>
                            Kepulauan Seribu
                        </h2>
                    </div>
                    <div class="panel-container show">
                        <div class="panel-content table">

                            <!-- datatable start -->
                            <table id="dt-kseribu" class="table table-bordered table-hover table-striped w-100">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Nama</th>
                                        <th>Bulan</th>
                                        <th>Target Fisik</th>
                                        <th>Target Keuangan</th>
                                        <th>Realisasi Fisik</th>
                                        <th>Realisasi Keuangan</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td>1</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Januari</td>
                                        <td>4.12%</td>
                                        <td>0.00%</td>
                                        <td>4.59%</td>
                                        <td>0.01% </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Februari</td>
                                        <td>6.76%</td>
                                        <td>4.67%</td>
                                        <td>11.88%</td>
                                        <td>5.38% </td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Maret</td>
                                        <td>15.59%</td>
                                        <td>9.35%</td>
                                        <td>18.09%</td>
                                        <td>14.98% </td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>April</td>
                                        <td>28.41%</td>
                                        <td>18.06%</td>
                                        <td>35.47%</td>
                                        <td>21.38% </td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Mei</td>
                                        <td>33.06%</td>
                                        <td>22.92%</td>
                                        <td>35.47%</td>
                                        <td>29.22% </td>
                                    </tr>
                                    <tr>
                                        <td>6</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Juni</td>
                                        <td>42.53%</td>
                                        <td>30.62%</td>
                                        <td>47.99%</td>
                                        <td>35.51% </td>
                                    </tr>
                                    <tr>
                                        <td>7</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Juli</td>
                                        <td>64.29%</td>
                                        <td>43.37%</td>
                                        <td>58.87%</td>
                                        <td>41.66% </td>
                                    </tr>
                                    <tr>
                                        <td>8</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Agustus</td>
                                        <td>65.76%</td>
                                        <td>48.35%</td>
                                        <td>59.75%</td>
                                        <td>48.92% </td>
                                    </tr>
                                    <tr>
                                        <td>9</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>September</td>
                                        <td>76.18%</td>
                                        <td>56.43%</td>
                                        <td>59.75%</td>
                                        <td>61.54% </td>
                                    </tr>
                                    <tr>
                                        <td>10</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Oktober</td>
                                        <td>81.29%</td>
                                        <td>61.17%</td>
                                        <td>59.75%</td>
                                        <td>- </td>
                                    </tr>
                                    <tr>
                                        <td>11</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>November</td>
                                        <td>-</td>
                                        <td>65.97%</td>
                                        <td>-</td>
                                        <td>- </td>
                                    </tr>
                                    <tr>
                                        <td>12</td>
                                        <td>Sudin Pulau Seribu</td>
                                        <td>Desember</td>
                                        <td>100%</td>
                                        <td>100%</td>
                                        <td>-</td>
                                        <td>- </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- datatable end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection

@push('script')
    <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
    {{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
    <script src="{{ asset('layout/dist/js/linechart.js') }}"></script>
    <script src="{{ asset('layout/dist/js/kseribu.js') }}"></script>
@endpush
