@extends('layouts.master')

@push('plugin-styles')
{!! Html::style('/assets/plugins/select2/select2.min.css') !!}
{!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
@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">Indikator Kinerja Utama SKPD</div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="form-group">
                            <select disabled class="js-example-basic-single w-100">
                                <option value="1" selected>2018-2023</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="form-group">
                            <select id="fiter_skpd" onchange="fil_skpd()" class="js-example-basic-single w-100">
                                <option value="0" selected>Pilih SKPD</option>
                                @foreach ($adminSkpdUnitKerja as $item)
                                <option value="{{$item->ekin_skpd_id}}">{{$item->nama}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <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="mb-0">
                                <a class="collapsed" data-toggle="collapse" href="#collapseOne" aria-expanded="false"
                                    aria-controls="collapseOne" style="color:#fff !important;" class="text-uppercase">
                                    INDIKATOR KINERJA PEJABAT ESELON II
                                </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-4">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100">
                                                <option>Filter Unir Kerja</option>
                                                <option>Nama Unit Kerja</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select id="filter_jab_esii" onchange="shown_iku_esii()" class="js-example-basic-single w-100">
                                                <option value="0">Pilih Jabatan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" width="100%" id="content_esii">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                    {{-- <table class="table table-bordered">
                                        <thead class="table">
                                            <tr>
                                                <th style="vertical-align:middle" class="text-center">NO</th>
                                                <th colspan="2" style="vertical-align:middle" class="text-center">SASARAN / INDIKATOR KINERJA SASARAN</th>
                                                <th style="vertical-align:middle" class="text-center">SATUAN</th>
                                                <th class="text-center">PENJELASAN</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center" style="vertical-align:top" width="5px"><small><b>1</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan Pelayanankesekretariatan untuk mendukung kinerja perangkat daerahdalam rangka mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center"><small>1</small></td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px"> <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item" style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi dan informasi </small></p>
                                                        </li>
                                                        <li class="list-group-item" style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi jumlah aplikasi e goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item" style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item" style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item" style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td rowspan="3" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>2</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>2</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Prosentase Meningkatnya Pelayanan
                                                        Administrasi
                                                        Perkantoran</small></td>
                                                <td style="vertical-align:top" class="text-center"><small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </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">
                                    INDIKATOR KINERJA PEJABAT ESELON III
                                </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-4">
                                        <div class="form-group">
                                            <select  class="js-example-basic-single w-100">
                                                <option>Filter Unir Kerja</option>
                                                <option>Nama Unit Kerja</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select id="filter_jab_esiii" onchange="shown_iku_esiii()" class="js-example-basic-single w-100">
                                                <option value="0">Pilih Jabatan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" width="100%" id="content_esiii">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                    {{-- <table class="table table-bordered">
                                        <thead class="table">
                                            <tr>
                                                <th style="vertical-align:middle" class="text-center">NO</th>
                                                <th colspan="2" style="vertical-align:middle" class="text-center">
                                                    Program / INDIKATOR KINERJA Program</th>
                                                <th style="vertical-align:middle" class="text-center">SATUAN</th>
                                                <th class="text-center">PENJELASAN</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>1</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td rowspan="3" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>2</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>2</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Prosentase Meningkatnya Pelayanan
                                                        Administrasi
                                                        Perkantoran</small></td>
                                                <td style="vertical-align:top" class="text-center"><small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                    </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">
                                    INDIKATOR KINERJA PEJABAT SUB KOORDINATOR
                                </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-4">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100">
                                                <option>Filter Unir Kerja</option>
                                                <option>Nama Unit Kerja</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select id="filter_jab_esiv" onchange="shown_iku_esiv()" class="js-example-basic-single w-100">
                                                <option value="0">Pilih Jabatan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" width="100%" id="content_esiv">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                    {{-- <table class="table table-bordered">
                                        <thead class="table">
                                            <tr>
                                                <th style="vertical-align:middle" class="text-center">NO</th>
                                                <th colspan="2" style="vertical-align:middle" class="text-center">
                                                    KEGIATAN / INDIKATOR KINERJA KEGIATAN</th>
                                                <th style="vertical-align:middle" class="text-center">SATUAN</th>
                                                <th class="text-center">PENJELASAN</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>1</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td rowspan="3" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>2</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>2</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Prosentase Meningkatnya Pelayanan
                                                        Administrasi
                                                        Perkantoran</small></td>
                                                <td style="vertical-align:top" class="text-center"><small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                    </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">
                                    INDIKATOR KINERJA PEJABAT PELAKSANA
                                </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-4">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100">
                                                <option>Filter Unir Kerja</option>
                                                <option>Nama Unit Kerja</option>
                                            </select>
                                        </div>
                                    </div> --}}
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select id="filter_jab_pelaksana" onchange="shown_iku_pel()" class="js-example-basic-single w-100">
                                                <option>Pilih Jabatan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" id="content_pelaksana" width="100%">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                    {{-- <table class="table table-bordered">
                                        <thead class="table">
                                            <tr>
                                                <th style="vertical-align:middle" class="text-center">NO</th>
                                                <th colspan="2" style="vertical-align:middle" class="text-center">
                                                    KINERJA / INDIKATOR KINERJA</th>
                                                <th style="vertical-align:middle" class="text-center">SATUAN</th>
                                                <th class="text-center">PENJELASAN</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>1</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td rowspan="3" class="text-center" style="vertical-align:top"
                                                    width="5px">
                                                    <small><b>2</b></small></td>
                                                <td colspan="4" style="vertical-align:top"><small><b>Meningkatkan
                                                            Pelayanan
                                                            kesekretariatan untuk mendukung kinerja perangkat daerah
                                                            dalam rangka
                                                            mewujudkan good governance</b></small></td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>1</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Indeks Survey kepuasan
                                                        Masyarakat</small></td>
                                                <td class="text-center" style="vertical-align:top" width="5px">
                                                    <small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:top" width="5px" class="text-center">
                                                    <small>2</small>
                                                </td>
                                                <td style="vertical-align:top"><small>Prosentase Meningkatnya Pelayanan
                                                        Administrasi
                                                        Perkantoran</small></td>
                                                <td style="vertical-align:top" class="text-center"><small>%</small></td>
                                                <td>
                                                    <ul class="list-group list-group-flush">
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Alasan
                                                                    Pemilihan Indikator : </b></small>
                                                            <p><small>Untuk mengetahui persentase pemanfaatan teknologi
                                                                    dan informasi
                                                                </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Formulasi
                                                                    Pengukuran :</b></small>
                                                            <p><small>Jumlah aplikasi e goverment yang tersedia dibagi
                                                                    jumlah aplikasi e
                                                                    goverment yang dibutuhkan dikali 100% </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Tipe
                                                                    Perhitungan :</b></small>
                                                            <p><small>Kumulatif </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Penanggungjawab :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                        <li class="list-group-item"
                                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                                            <small><b>Sumber
                                                                    Data :</b></small>
                                                            <p><small>Dinas Komunikasi dan informatika </small></p>
                                                        </li>
                                                    </ul>
                                                </td>
                                            </tr>
                                    </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">
                                    INDIKATOR KINERJA PEJABAT JFT
                                </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-4">
                                        <div class="form-group">
                                            <select id="filter_jab_jft" onchange="shown_iku_jft()" class="js-example-basic-single w-100">
                                                <option value="0">Pilih Jabatan</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" id="content_jft" width="100%">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <div id="accordion6" 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="#collapseSix" aria-expanded="false"
                                    aria-controls="collapseSix" style="color:#fff !important;" class="text-uppercase">
                                    INDIKATOR KINERJA PEJABAT ASISTEN
                                </a>
                            </h6>
                        </div>
                        <div id="collapseSix" class="collapse show" role="tabpanel" aria-labelledby="headingFive"
                            data-parent="#accordion6">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select id="filter_jab_asisten" onchange="shown_iku_asisten()" class="js-example-basic-single w-100">
                                                    <option value="0">Pilih Jabatan</option>
                                                @foreach ($asisten as $item)
                                                    <option value="{{$item['id']}}">{{$item['nama']}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" id="content_asisten" width="100%">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

                <div id="accordion7" 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="#collapse7" aria-expanded="false"
                                    aria-controls="collapse7" style="color:#fff !important;" class="text-uppercase">
                                    INDIKATOR KINERJA PEJABAT STAFF AHLI
                                </a>
                            </h6>
                        </div>
                        <div id="collapse7" class="collapse show" role="tabpanel" aria-labelledby="headingFive"
                            data-parent="#accordion7">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select id="filter_jab_staff" onchange="shown_iku_staff()" class="js-example-basic-single w-100">
                                                    <option value="0">Pilih Jabatan</option>
                                                @foreach ($staff as $item)
                                                    <option value="{{$item['id']}}">{{$item['nama']}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select disabled class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" id="content_staff" width="100%">
                                    <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span>
                                    Tidak Ada Data Yang Ditampilkan
                                </div>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection
@push('plugin-scripts')
{!! Html::script('/assets/plugins/jquery-validation/jquery.validate.min.js') !!}
{!! Html::script('/assets/plugins/select2/select2.min.js') !!}
{!! Html::script('/assets/plugins/moment/moment.min.js') !!}
{!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
{!! Html::script('/assets/plugins/promise-polyfill/polyfill.min.js') !!}
{!! Html::script('/js/iku/index.js') !!}
@endpush

@push('custom-scripts')
<script src="{{asset('js/adminKab/iku/skpd/main.js')}}"></script>
<script src="{{ url('https://unpkg.com/axios/dist/axios.min.js') }}"></script>
{!! Html::script('/assets/js/form-validation.js') !!}
{!! Html::script('/assets/js/select2.js') !!}
{!! Html::script('/assets/js/sweet-alert.js') !!}
@endpush