@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 Individu</div>
            <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 Periode</option>
                                <option>2018-2020</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="form-group">
                            <select class="js-example-basic-single w-100">
                                <option>Filter Berdasarkan SKPD</option>
                                <option selected>Dinas Komunikasi dan Informatika</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div id="accordion" class="accordion" role="tablist">
                    <div class="card" style="border-radius:8px !important;">
                        <div class="card-header bg-warning 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 PELAKSANA DINAS KOMUNIKASI DAN INFORMATIKA
                                    PERIODE 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>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 Berdasarkan 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 Berdasarkan Pegawai</option>
                                                <option>Nama - NIP</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;" width="100%">
                                    <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>
                                                        <div class="dropdown">
                                                            <button class="btn p-0" type="button"
                                                                id="dropdownMenuButton" data-toggle="dropdown"
                                                                aria-haspopup="true" aria-expanded="false">
                                                                <i class="icon-lg text-muted pb-3px"
                                                                    data-feather="settings" data-toggle="tooltip"
                                                                    title="Aksi"></i>
                                                            </button>
                                                            <div class="dropdown-menu"
                                                                aria-labelledby="dropdownMenuButton">
                                                                <a class="dropdown-item d-flex align-items-center"
                                                                    href="#" onclick="create(this)"><i
                                                                        data-feather="edit-2" class="icon-sm mr-2"></i>
                                                                    <span class="">Edit</span></a>
                                                                <a class="dropdown-item d-flex align-items-center"
                                                                    href="#" onclick="destroy(this)"><i
                                                                        data-feather="trash" class="icon-sm mr-2"></i>
                                                                    <span class="">Hapus</span></a>
                                                            </div>
                                                        </div>
                                                    </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>
                                                        <div class="dropdown">
                                                            <button class="btn p-0" type="button"
                                                                id="dropdownMenuButton" data-toggle="dropdown"
                                                                aria-haspopup="true" aria-expanded="false">
                                                                <i class="icon-lg text-muted pb-3px"
                                                                    data-feather="settings" data-toggle="tooltip"
                                                                    title="Aksi"></i>
                                                            </button>
                                                            <div class="dropdown-menu"
                                                                aria-labelledby="dropdownMenuButton">
                                                                <a class="dropdown-item d-flex align-items-center"
                                                                    href="#" onclick="create(this)"><i
                                                                        data-feather="edit-2" class="icon-sm mr-2"></i>
                                                                    <span class="">Edit</span></a>
                                                                <a class="dropdown-item d-flex align-items-center"
                                                                    href="#" onclick="destroy(this)"><i
                                                                        data-feather="trash" class="icon-sm mr-2"></i>
                                                                    <span class="">Hapus</span></a>
                                                            </div>
                                                        </div>
                                                    </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>
                                                        <div class="dropdown">
                                                            <button class="btn p-0" type="button"
                                                                id="dropdownMenuButton" data-toggle="dropdown"
                                                                aria-haspopup="true" aria-expanded="false">
                                                                <i class="icon-lg text-muted pb-3px"
                                                                    data-feather="settings" data-toggle="tooltip"
                                                                    title="Aksi"></i>
                                                            </button>
                                                            <div class="dropdown-menu"
                                                                aria-labelledby="dropdownMenuButton">
                                                                <a class="dropdown-item d-flex align-items-center"
                                                                    href="#" onclick="create(this)"><i
                                                                        data-feather="edit-2" class="icon-sm mr-2"></i>
                                                                    <span class="">Edit</span></a>
                                                                <a class="dropdown-item d-flex align-items-center"
                                                                    href="#" onclick="destroy(this)"><i
                                                                        data-feather="trash" class="icon-sm mr-2"></i>
                                                                    <span class="">Hapus</span></a>
                                                            </div>
                                                        </div>
                                                    </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>
        </div>
    </div>
</div>
<nav class="settings-sidebar">
    <div class="sidebar-body">
        <a href="#" class="settings-sidebar-toggler settings-open text-white" onclick="add(this)"
            style="border-radius: 25px;border-color:primary border:1px">
            <i data-feather="plus-circle" style="color:white"></i>
        </a>
    </div>
</nav>
@include('pages.pegawai.perencanaan.iku.pelaksana.form')
@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/pegawai/iku/index.js') !!}
@endpush

@push('custom-scripts')
<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