@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 Realisasi Kinerja Pemerintah Kabupaten Tahunan</div>
                <!-- <div class="card-body">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100" disabled>
                                    <option>Dinas Komunikasi dan Informatika</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter Tahun</option>
                                    <option>2020</option>
                                    <option>2019</option>
                                    <option>2018</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter Berdasarkan Pejabat</option>
                                    <option>Jabatan - Nama</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 class="text-center text-white pt-3 pb-3" style="vertical-align:middle;">
                                        No</th>
                                    <th colspan="2" style="vertical-align:middle;" class="text-center text-white">Sasaran /
                                        Indikator Kinerja Sasaran
                                    </th>
                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                    </th>
                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                        2019</th>
                                    <th colspan="2" style="vertical-align:middle;" class="text-center text-white">Realisasi
                                        2019</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                        <small>
                                            <b>1.1</b>
                                        </small>
                                    </td>
                                    <td colspan="6" 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">
                                        <small>
                                            <a type="button" data-toggle="realisasi-sasaran" data-placement="left"
                                                title="Perbaharui Realisasi 2019">66,66%
                                            </a>
                                        </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;"></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>
                                            <a type="button" data-toggle="realisasi-sasaran" data-placement="left"
                                                title="Realisasi 2019">
                                                <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="edit-3" data-toggle="tooltip"
                                                    title="Buat analisis" style="color:orange !important;"></i>
                                            </a>
                                        </small>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div> -->
                <div class="card-body">

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

                    {{-- <div class="row">
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter Tahun Anggaran</option>
                                    <option>2020</option>
                                    <option>2019</option>
                                    <option>2018</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter PK</option>
                                    <option>PK Murni</option>
                                    <option>PK Perubahan</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-8">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter OPD/SKPD</option>
                                    <option>Pemerintah Kabupaten Hulu Sungai Selatan</option>
                                    <option>Dinas Komunikasi dan Informatika</option>
                                </select>
                            </div>
                        </div>
                    </div> --}}
                    <!-- 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 Kinerja Sasaran Pemerintah Kabupaten Hulu Sungai Selatan Tahun
                                        2019
                                    </a>
                                </h6>
                            </div>
                            <div id="collapseKab" class="collapse show" role="tabpanel" aria-labelledby="headingKab"
                                data-parent="#accordionKab">
                                <div class="card-body">
                                    <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 class="text-center text-white pt-3 pb-3"
                                                        style="vertical-align:middle;">
                                                        No</th>
                                                    <th colspan="2" style="vertical-align:middle;"
                                                        class="text-center text-white">Sasaran Strategis /
                                                        Indikator Kinerja Sasaran
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                                        2019</th>
                                                    <th colspan="3" style="vertical-align:middle;"
                                                        class="text-center text-white">Realisasi
                                                        2019</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                        <small>
                                                            <b>1.1</b>
                                                        </small>
                                                    </td>
                                                    <td colspan="7" 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">
                                                        <small>
                                                            <a type="button" data-toggle="realisasi-sasaran"
                                                                data-placement="left"
                                                                title="Perbaharui Realisasi 2019">66,66%
                                                            </a>
                                                        </small>
                                                    </td>
                                                    <td class="text-center">
                                                        <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>
                                                </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 colspan="2" class="text-center">
                                                        <small>
                                                            <a type="button" data-toggle="realisasi-sasaran"
                                                                data-placement="left" title="Realisasi 2019">
                                                                <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">
                                        Realiasi 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-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Unit Kerja</option>
                                                    <option selected>Nama Unit Kerja</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Jabatan</option>
                                                    <option>Nama Jabatan</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Pegawai</option>
                                                    <option>Nama Pegawai - NIP</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 class="text-center text-white pt-3 pb-3"
                                                        style="vertical-align:middle;">
                                                        No</th>
                                                    <th colspan="2" style="vertical-align:middle;"
                                                        class="text-center text-white">Sasaran /
                                                        Indikator Kinerja Sasaran
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                                        2019</th>
                                                    <th colspan="3" style="vertical-align:middle;"
                                                        class="text-center text-white">Realisasi
                                                        2019</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                        <small>
                                                            <b>1.1</b>
                                                        </small>
                                                    </td>
                                                    <td colspan="7" 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">
                                                        <small>
                                                            66,66%
                                                        </small>
                                                    </td>
                                                    <td class="text-center">
                                                        <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>
                                                </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 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 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-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Unit Kerja</option>
                                                    <option selected>Nama Unit Kerja</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Jabatan</option>
                                                    <option>Nama Jabatan</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Pegawai</option>
                                                    <option>Nama Pegawai - NIP</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 class="text-center text-white pt-3 pb-3"
                                                        style="vertical-align:middle;">
                                                        No</th>
                                                    <th colspan="2" style="vertical-align:middle;"
                                                        class="text-center text-white">Program /
                                                        Indikator Kinerja Program
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                                        2019</th>
                                                    <th colspan="3" style="vertical-align:middle;"
                                                        class="text-center text-white">Realisasi
                                                        2019</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                        <small>
                                                            <b>1.1</b>
                                                        </small>
                                                    </td>
                                                    <td colspan="7" 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">
                                                        <small>
                                                            66,66%
                                                        </small>
                                                    </td>
                                                    <td class="text-center">
                                                        <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>
                                                </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 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 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-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Unit Kerja</option>
                                                    <option selected>Nama Unit Kerja</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Jabatan</option>
                                                    <option>Nama Jabatan</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Pegawai</option>
                                                    <option>Nama Pegawai - NIP</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 class="text-center text-white pt-3 pb-3"
                                                        style="vertical-align:middle;">
                                                        No</th>
                                                    <th colspan="2" style="vertical-align:middle;"
                                                        class="text-center text-white">Kegiatan /
                                                        Indikator Kinerja Kegiatan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                                        2019</th>
                                                    <th colspan="3" style="vertical-align:middle;"
                                                        class="text-center text-white">Realisasi
                                                        2019</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                        <small>
                                                            <b>1.1</b>
                                                        </small>
                                                    </td>
                                                    <td colspan="7" 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">
                                                        <small>
                                                            66,66%
                                                        </small>
                                                    </td>
                                                    <td class="text-center">
                                                        <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>
                                                </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 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 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-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Unit Kerja</option>
                                                    <option selected>Nama Unit Kerja</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Jabatan</option>
                                                    <option>Nama Jabatan</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Pegawai</option>
                                                    <option>Nama Pegawai - NIP</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 class="text-center text-white pt-3 pb-3"
                                                        style="vertical-align:middle;">
                                                        No</th>
                                                    <th colspan="2" style="vertical-align:middle;"
                                                        class="text-center text-white">Kinerja /
                                                        Indikator Kinerja
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                                        2019</th>
                                                    <th colspan="3" style="vertical-align:middle;"
                                                        class="text-center text-white">Realisasi
                                                        2019</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                        <small>
                                                            <b>1.1</b>
                                                        </small>
                                                    </td>
                                                    <td colspan="7" 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">
                                                        <small>
                                                            66,66%
                                                        </small>
                                                    </td>
                                                    <td class="text-center">
                                                        <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>
                                                </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 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 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-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Unit Kerja</option>
                                                    <option selected>Nama Unit Kerja</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Jabatan</option>
                                                    <option>Nama Jabatan</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <select class="js-example-basic-single w-100">
                                                    <option>Filter Pegawai</option>
                                                    <option>Nama Pegawai - NIP</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 class="text-center text-white pt-3 pb-3"
                                                        style="vertical-align:middle;">
                                                        No</th>
                                                    <th colspan="2" style="vertical-align:middle;"
                                                        class="text-center text-white">Kinerja /
                                                        Indikator Kinerja
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Satuan
                                                    </th>
                                                    <th style="vertical-align:middle;" class="text-center text-white">Target
                                                        2019</th>
                                                    <th colspan="3" style="vertical-align:middle;"
                                                        class="text-center text-white">Realisasi
                                                        2019</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td rowspan="3" class="text-center" style="vertical-align:top;">
                                                        <small>
                                                            <b>1.1</b>
                                                        </small>
                                                    </td>
                                                    <td colspan="7" 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">
                                                        <small>
                                                            66,66%
                                                        </small>
                                                    </td>
                                                    <td class="text-center">
                                                        <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>
                                                </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 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.tahunan.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/kinerja/tahunan/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') !!}"></script>
    <script src="{!! asset('/js/adminKab/pengukuran/capaian/kab/tahunan/main.js') !!}"></script>
@endpush