@extends('layouts.master')

@push('plugin-styles')
    {!! Html::style('/assets/plugins/select2/select2.min.css') !!}
    {!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
    {!! Html::style('/assets/plugins/select2/css/select2-bootstrap4.css') !!}
    {!! Html::style('/assets/plugins/prismjs/prism.css') !!}
    {!! Html::style('/assets/plugins/simplemde/simplemde.min.css') !!}
    {!! Html::style('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css') !!}
<style>
    /* width */
    .card-body::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .card-body::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .card-body::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    .card-body::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
</style>
@endpush
@section('content')
<div class="row mb-3">
    <div class="col-lg-6">
        <h5 class="mb-3 mb-md-0">{{ENV('APP_TITLE')}}</h5>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header text-uppercase">Pengukuran Kinerja Sasaran</div>
            <div class="card-body">

                @include('pages.adminKab.pengukuran.capaian.kab.triwulan.include._filter')
                @include('pages.adminKab.pengukuran.capaian.kab.triwulan.include._content')

                <!-- if (is selected pemkab) -->
                {{-- <div id="accordionKab" class="accordion" role="tablist">
                            <div class="card" style="border-radius:8px !important;">
                                <div class="card-header bg-info p-3" role="tab" id="headingKab">
                                    <h6 class="text-uppercase">
                                        <a class="collapsed" data-toggle="collapse" href="#collapseKab" aria-expanded="false"
                                            aria-controls="collapseKab" style="color:#fff !important;" class="text-uppercase">
                                            Realiasi Triwulan Kinerja Sasaran Pemerintah Kabupaten Tanah Laut
                                            // 2019
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseKab" class="collapse show" role="tabpanel" aria-labelledby="headingKab"
                                    data-parent="#accordionKab">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Pejabat</option>
                                                        <option selected>Jabatan - Nama</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Index PK</option>
                                                        <option>PK #1</option>
                                                        <option>PK #2</option>
                                                        <option>PK #3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive" style="border-radius:2px !important;">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead class="table bg-secondary">
                                                    <tr>
                                                        <th rowspan="2" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            No</th>
                                                        <th rowspan="2" colspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Sasaran Strategis / Indikator Kinerja
                                                            Sasaran
                                                        </th>
                                                        <th rowspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Satuan
                                                        </th>
                                                        <th colspan="4" style="vertical-align:middle;"
                                                            class="text-center text-white">Target
                                                            Triwulan</th>
                                                        <th colspan="16" style="vertical-align:middle;"
                                                            class="text-center text-white">Realisasi
                                                            Triwulan</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            IV
                                                        </th>

                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            IV
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                            <small>
                                                                <b>1.1</b>
                                                            </small>
                                                        </td>
                                                        <td colspan="19" class="bg-info text-white">
                                                            <small>
                                                                <b>Ini Sasaran 1</b>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:top;" class="text-center">
                                                            <small>1.1</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya kemandirian pemuda dalam pembangunan
                                                                daerah</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Persen</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>

                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left"
                                                                    title="Perbaharui Realisasi 2019 TW I">66,66%
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="create(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left"
                                                                    title="Perbaharui Realisasi 2019 TW II">66,66%
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="create(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left"
                                                                    title="Perbaharui Realisasi 2019 TW III">66,66%
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="create(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center" width="10px">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left" title="Realisasi 2019 Triwulan IV">
                                                                    <i class="icon-md text-muted" data-feather="alert-circle"
                                                                        data-toggle="tooltip" title="Klik untuk Realiasi"
                                                                        style="color:red !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td id="a_4" class="text-center" width="5px"
                                                            style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="add_analisis(this)"
                                                                    title="Analisis Realisasi Indikator Sasaran">
                                                                    <i class="icon-md text-muted" data-feather="feather"
                                                                        data-toggle="tooltip" title="Buat analisis"
                                                                        style="color:orange !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td class="text-center">
                                                            <small>1.2</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya prestasi olahraga pelajar</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Peringkat</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left" title="Realisasi 2019 Triwulan I">
                                                                    <i class="icon-md text-muted" data-feather="alert-circle"
                                                                        data-toggle="tooltip" title="Klik untuk Realiasi"
                                                                        style="color:red !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <a type="button" onclick="add_analisis(this)"
                                                                    title="Analisis Realisasi Indikator Sasaran">
                                                                    <i class="icon-md text-muted" data-feather="feather"
                                                                        data-toggle="tooltip" title="Buat analisis"
                                                                        style="color:orange !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left" title="Realisasi 2019 Triwulan II">
                                                                    <i class="icon-md text-muted" data-feather="alert-circle"
                                                                        data-toggle="tooltip" title="Klik untuk Realiasi"
                                                                        style="color:red !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <a type="button" onclick="add_analisis(this)"
                                                                    title="Analisis Realisasi Indikator Sasaran">
                                                                    <i class="icon-md text-muted" data-feather="feather"
                                                                        data-toggle="tooltip" title="Buat analisis"
                                                                        style="color:orange !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left" title="Realisasi 2019 Triwulan III">
                                                                    <i class="icon-md text-muted" data-feather="alert-circle"
                                                                        data-toggle="tooltip" title="Klik untuk Realiasi"
                                                                        style="color:red !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <a type="button" onclick="add_analisis(this)"
                                                                    title="Analisis Realisasi Indikator Sasaran">
                                                                    <i class="icon-md text-muted" data-feather="feather"
                                                                        data-toggle="tooltip" title="Buat analisis"
                                                                        style="color:orange !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <a type="button" data-toggle="realisasi-sasaran"
                                                                    data-placement="left" title="Realisasi 2019 Triwulan IV">
                                                                    <i class="icon-md text-muted" data-feather="alert-circle"
                                                                        data-toggle="tooltip" title="Klik untuk Realiasi"
                                                                        style="color:red !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <a type="button" onclick="add_analisis(this)"
                                                                    title="Analisis Realisasi Indikator Sasaran">
                                                                    <i class="icon-md text-muted" data-feather="feather"
                                                                        data-toggle="tooltip" title="Buat analisis"
                                                                        style="color:orange !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
                <!-- else -->
                {{-- <div id="accordion" class="accordion" role="tablist">
                            <div class="card" style="border-radius:8px !important;">
                                <div class="card-header bg-danger p-3" role="tab" id="headingOne">
                                    <h6 class="text-uppercase">
                                        <a class="collapsed" data-toggle="collapse" href="#collapseOne" aria-expanded="false"
                                            aria-controls="collapseOne" style="color:#fff !important;" class="text-uppercase">
                                            REALISASI TRIWULAN KINERJA SASARAN DINAS KOMUNIKASI DAN INFORMATIKA TAHUN 2019
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Pejabat</option>
                                                        <option selected>Jabatan - Nama - NIP</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Index PK</option>
                                                        <option>PK #1</option>
                                                        <option>PK #2</option>
                                                        <option>PK #3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive" style="border-radius:2px !important;">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead class="table bg-secondary">
                                                    <tr>
                                                        <th rowspan="2" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            No</th>
                                                        <th rowspan="2" colspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Sasaran / Indikator Kinerja Sasaran
                                                        </th>
                                                        <th rowspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Satuan
                                                        </th>
                                                        <th colspan="4" style="vertical-align:middle;"
                                                            class="text-center text-white">Target
                                                            Triwulan</th>
                                                        <th colspan="16" style="vertical-align:middle;"
                                                            class="text-center text-white">Realisasi
                                                            Triwulan</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            IV
                                                        </th>

                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            IV
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                            <small>
                                                                <b>1.1</b>
                                                            </small>
                                                        </td>
                                                        <td colspan="19" class="bg-danger text-white">
                                                            <small>
                                                                <b>Ini Sasaran 1</b>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:top;" class="text-center">
                                                            <small>1.1</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya kemandirian pemuda dalam pembangunan
                                                                daerah</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Persen</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>

                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center" width="10px">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td id="a_4" class="text-center" width="5px"
                                                            style="vertical-align:middle;">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td class="text-center">
                                                            <small>1.2</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya prestasi olahraga pelajar</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Peringkat</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="accordion2" class="accordion" role="tablist">
                            <div class="card" style="border-radius:8px !important;">
                                <div class="card-header bg-primary p-3" role="tab" id="headingTwo">
                                    <h6 class="mb-0">
                                        <a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false"
                                            aria-controls="collapseTwo" style="color:#fff !important;" class="text-uppercase">
                                            REALISASI TRIWULAN KINERJA PROGRAM DINAS KOMUNIKASI DAN INFORMATIKA TAHUN 2019
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseTwo" class="collapse show" role="tabpanel" aria-labelledby="headingTwo"
                                    data-parent="#accordion2">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Pejabat</option>
                                                        <option selected>Jabatan - Nama - NIP</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Urutan PK</option>
                                                        <option>PK #1</option>
                                                        <option>PK #2</option>
                                                        <option>PK #3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive" style="border-radius:2px !important;">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead class="table bg-secondary">
                                                    <tr>
                                                        <th rowspan="2" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            No</th>
                                                        <th rowspan="2" colspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Program / Indikator Kinerja Program
                                                        </th>
                                                        <th rowspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Satuan
                                                        </th>
                                                        <th colspan="4" style="vertical-align:middle;"
                                                            class="text-center text-white">Target
                                                            Triwulan</th>
                                                        <th colspan="16" style="vertical-align:middle;"
                                                            class="text-center text-white">Realisasi
                                                            Triwulan</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            IV
                                                        </th>

                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            IV
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                            <small>
                                                                <b>1.1</b>
                                                            </small>
                                                        </td>
                                                        <td colspan="19" class="bg-primary text-white">
                                                            <small>
                                                                <b>Ini Program 1</b>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:top;" class="text-center">
                                                            <small>1.1</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya kemandirian pemuda dalam pembangunan
                                                                daerah</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Persen</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>

                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_program(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_program(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_program(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center" width="10px">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td id="a_4" class="text-center" width="5px"
                                                            style="vertical-align:middle;">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td class="text-center">
                                                            <small>1.2</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya prestasi olahraga pelajar</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Peringkat</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="accordion3" class="accordion" role="tablist">
                            <div class="card" style="border-radius:8px !important;">
                                <div class="card-header bg-success p-3" role="tab" id="headingThree">
                                    <h6 class="mb-0">
                                        <a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree" style="color:#fff !important;" class="text-uppercase">
                                            REALISASI TRIWULAN KINERJA KEGIATAN DINAS KOMUNIKASI DAN INFORMATIKA TAHUN 2019
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseThree" class="collapse show" role="tabpanel" aria-labelledby="headingThree"
                                    data-parent="#accordion3">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Pejabat</option>
                                                        <option selected>Jabatan - Nama - NIP</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Urutan PK</option>
                                                        <option>PK #1</option>
                                                        <option>PK #2</option>
                                                        <option>PK #3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive" style="border-radius:2px !important;">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead class="table bg-secondary">
                                                    <tr>
                                                        <th rowspan="2" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            No</th>
                                                        <th rowspan="2" colspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Kegiatan / Indikator Kinerja Kegiatan
                                                        </th>
                                                        <th rowspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Satuan
                                                        </th>
                                                        <th colspan="4" style="vertical-align:middle;"
                                                            class="text-center text-white">Target
                                                            Triwulan</th>
                                                        <th colspan="16" style="vertical-align:middle;"
                                                            class="text-center text-white">Realisasi
                                                            Triwulan</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            IV
                                                        </th>

                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            IV
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                            <small>
                                                                <b>1.1</b>
                                                            </small>
                                                        </td>
                                                        <td colspan="19" class="bg-success text-white">
                                                            <small>
                                                                <b>Ini Kegiatan 1</b>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:top;" class="text-center">
                                                            <small>1.1</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya kemandirian pemuda dalam pembangunan
                                                                daerah</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Persen</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>

                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_kegiatan(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_kegiatan(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_kegiatan(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center" width="10px">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td id="a_4" class="text-center" width="5px"
                                                            style="vertical-align:middle;">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td class="text-center">
                                                            <small>1.2</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya prestasi olahraga pelajar</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Peringkat</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="accordion4" class="accordion" role="tablist">
                            <div class="card" style="border-radius:8px !important;">
                                <div class="card-header bg-warning p-3" role="tab" id="headingFour">
                                    <h6 class="mb-0">
                                        <a class="collapsed" data-toggle="collapse" href="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour" style="color:#fff !important;" class="text-uppercase">
                                            REALISASI TRIWULAN KINERJA PELAKSANA DINAS KOMUNIKASI DAN INFORMATIKA TAHUN 2019
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseFour" class="collapse show" role="tabpanel" aria-labelledby="headingFour"
                                    data-parent="#accordion4">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Pejabat</option>
                                                        <option selected>Jabatan - Nama - NIP</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Urutan PK</option>
                                                        <option>PK #1</option>
                                                        <option>PK #2</option>
                                                        <option>PK #3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive" style="border-radius:2px !important;">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead class="table bg-secondary">
                                                    <tr>
                                                        <th rowspan="2" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            No</th>
                                                        <th rowspan="2" colspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Kinerja / Indikator Kinerja
                                                        </th>
                                                        <th rowspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Satuan
                                                        </th>
                                                        <th colspan="4" style="vertical-align:middle;"
                                                            class="text-center text-white">Target
                                                            Triwulan</th>
                                                        <th colspan="16" style="vertical-align:middle;"
                                                            class="text-center text-white">Realisasi
                                                            Triwulan</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            IV
                                                        </th>

                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            IV
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                            <small>
                                                                <b>1.1</b>
                                                            </small>
                                                        </td>
                                                        <td colspan="19" class="bg-warning text-white">
                                                            <small>
                                                                <b>Ini Kinerja 1</b>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:top;" class="text-center">
                                                            <small>1.1</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya kemandirian pemuda dalam pembangunan
                                                                daerah</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Persen</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>

                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_pelaksana(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_pelaksana(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_pelaksana(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center" width="10px">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td id="a_4" class="text-center" width="5px"
                                                            style="vertical-align:middle;">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td class="text-center">
                                                            <small>1.2</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya prestasi olahraga pelajar</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Peringkat</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="accordion5" class="accordion" role="tablist">
                            <div class="card" style="border-radius:8px !important;">
                                <div class="card-header bg-secondary p-3" role="tab" id="headingFive">
                                    <h6 class="mb-0">
                                        <a class="collapsed" data-toggle="collapse" href="#collapseFive" aria-expanded="false"
                                            aria-controls="collapseFive" style="color:#fff !important;" class="text-uppercase">
                                            REALISASI TRIWULAN KINERJA JFT DINAS KOMUNIKASI DAN INFORMATIKA TAHUN 2019
                                        </a>
                                    </h6>
                                </div>
                                <div id="collapseFive" class="collapse show" role="tabpanel" aria-labelledby="headingFive"
                                    data-parent="#accordion5">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Pejabat</option>
                                                        <option selected>Jabatan - Nama - NIP</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <select class="js-example-basic-single w-100">
                                                        <option>Filter Berdasarkan Urutan PK</option>
                                                        <option>PK #1</option>
                                                        <option>PK #2</option>
                                                        <option>PK #3</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive" style="border-radius:2px !important;">
                                            <table class="table table-bordered table-hover table-sm">
                                                <thead class="table bg-secondary">
                                                    <tr>
                                                        <th rowspan="2" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            No</th>
                                                        <th rowspan="2" colspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Kinerja / Indikator Kinerja
                                                        </th>
                                                        <th rowspan="2" style="vertical-align:middle;"
                                                            class="text-center text-white">Satuan
                                                        </th>
                                                        <th colspan="4" style="vertical-align:middle;"
                                                            class="text-center text-white">Target
                                                            Triwulan</th>
                                                        <th colspan="16" style="vertical-align:middle;"
                                                            class="text-center text-white">Realisasi
                                                            Triwulan</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th class="text-center text-white" style="vertical-align:middle;">
                                                            IV
                                                        </th>

                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            I
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            II
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            III
                                                        </th>
                                                        <th colspan="3" class="text-center text-white"
                                                            style="vertical-align:middle;">
                                                            IV
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                            <small>
                                                                <b>1.1</b>
                                                            </small>
                                                        </td>
                                                        <td colspan="19" class="bg-secondary text-white">
                                                            <small>
                                                                <b>Ini Kinerja 1</b>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:top;" class="text-center">
                                                            <small>1.1</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya kemandirian pemuda dalam pembangunan
                                                                daerah</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Persen</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>

                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_jft(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_jft(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                66,66%

                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="10px">
                                                            <small>
                                                                100%
                                                            </small>
                                                        </td>
                                                        <td class="text-center" width="5px" style="vertical-align:middle;">
                                                            <small>
                                                                <a type="button" onclick="analisis_skpd_jft(this)">
                                                                    <i class="fas fa-check-circle fas-md" data-toggle="tooltip"
                                                                        title="Lihat Analisis"
                                                                        style="color:green !important; font-size:0.75rem !important;"></i>
                                                                </a>
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center" width="10px">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td id="a_4" class="text-center" width="5px"
                                                            style="vertical-align:middle;">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td class="text-center">
                                                            <small>1.2</small>
                                                        </td>
                                                        <td>
                                                            <small>Meningkatnya prestasi olahraga pelajar</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>Peringkat</small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                5
                                                            </small>
                                                        </td>
                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>

                                                        <td colspan="2" class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Realiasi"
                                                                    style="color:red !important;"></i>
                                                            </small>
                                                        </td>
                                                        <td class="text-center">
                                                            <small>
                                                                <i class="icon-md text-muted" data-feather="alert-circle"
                                                                    data-toggle="tooltip" title="Belum Analisis"
                                                                    style="color:orange !important;"></i>
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}
            </div>
        </div>
    </div>
</div>
{{-- @include('pages.adminKab.pengukuran.capaian.kab.triwulan.form') --}}
@endsection

@push('plugin-scripts')
    {!! Html::script('/assets/plugins/select2/select2.min.js') !!}
    {!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
    {!! Html::script('/assets/plugins/prismjs/prism.js') !!}
    {{-- {!! Html::script('/assets/plugins/tinymce/tinymce.min.js') !!} --}}
    {!! Html::style('/assets/plugins/simplemde/simplemde.min.css') !!}
    {{-- {!! Html::script('/js/adminKab/pemkab/pengukuran/realisasi_sasaran/index.js') !!} --}}
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.4.1/tinymce.min.js') !!}
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
@endpush

@push('custom-scripts')
    <script src="{!! asset('/js/global.js?id=' . substr(md5(base64_encode(env('APP_JS_VERSION'))), 0, 20)) !!}"></script>
    <script src="{!! asset('/js/adminKab/pengukuran/capaian/kab/triwulan/main.js?id=' . substr(md5(base64_encode(env('APP_JS_VERSION'))), 0, 20)) !!}"></script>
@endpush