@extends('layoutsV2.master')

@push('plugin-styles')
    {!! Html::style('/assets/plugins/select2/select2.min.css') !!}
    {!! Html::style('/assets/plugins/select2/css/select2-bootstrap4.css') !!}
    {!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
    {!! Html::style('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.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 Staff Ahli Sekretariat Daerah
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select id="filter_year" onchange="filterd_content()" class="js-example-basic-single w-100" style="width: 100% !important;">
                                    @foreach($year as $item)
                                        <option value="{{$item->tahun}}"
                                                @if($item->tahun==$now->format('Y'))
                                                selected
                                            @endif
                                        >{{$item->tahun}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select id="filter_jenis" onchange="filterd_content()" class="js-example-basic-single w-100" style="width: 100% !important;">
                                    <option value="murni">Murni</option>
                                    <option value="perubahan">Perubahan</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="form-group">
                                <select id="filter_organisasi" onchange="f_filter_organisasi()" class="js-example-basic-single w-100">
                                    <option value="0">PILIH SKPD</option>
                                    @foreach($organisasi as $or)
                                        <option value="{{$or->kode_organisasi}}">{{strtoupper($or->aktif->last()->pivot->nama)}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <select id="filter_jabatan" onchange="filterd_content()"
                                        class="js-example-basic-single w-100" style="width: 100% !important;">
                                    <option value="0">PILIH JABATAN</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive" id="show_content" style="border-radius:2px !important;" width="100%">
                        <table class="table table-bordered">
                            <thead class="table-dark">
                            <tr>
                                <th style="vertical-align:middle" class="text-center text-white">NO</th>
                                <th colspan="2" style="vertical-align:middle" class="text-center text-white">
                                    SASARAN KINERJA / INDIKATOR KINERJA
                                </th>
                                <th style="vertical-align:middle" class="text-center text-white">SATUAN</th>
                                <th class="text-center text-white">PENJELASAN</th>
                            </tr>
                            </thead>
                            <tbody id="content">
                            <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
                                        class="d-flex justify-content-between align-items-center flex-wrap">
                                        <b>Meningkatkan Pelayanan kesekretariatan untuk mendukung kinerja perangkat
                                            daerah dalam rangka mewujudkan good governance</b>
                                        <div class="dropdown">
                                            <button class="btn" type="button" id="dropdownMenuButton"
                                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="icon-lg text-muted" 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="add_indikator(this)">
                                                    <i data-feather="plus-circle" class="icon-sm mr-2"></i>
                                                    <span class="">Tambah Indikator</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>
                            </tr>
                            <tr>
                                <td style="vertical-align:top" width="5px" class="text-center">
                                    <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="destroyIndikator(this)">
                                                <i data-feather="trash" class="icon-sm mr-2"></i>
                                                <span class="">Hapus</span></a>
                                        </div>
                                    </div>
                                </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>Jenis Perhitungan :</b>
                                            </small>
                                            <p>
                                                <small>Positif
                                                </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 class="d-flex justify-content-between align-items-center flex-wrap">
                                        <b>Meningkatkan Pelayanan kesekretariatan untuk mendukung kinerja perangkat
                                            daerah dalam rangka mewujudkan good governance</b>

                                        <div class="dropdown">
                                            <button
                                                class="btn"
                                                type="button"
                                                id="dropdownMenuButton"
                                                data-toggle="dropdown"
                                                aria-haspopup="true"
                                                aria-expanded="false">
                                                <i
                                                    class="icon-lg text-muted"
                                                    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="add_indikator(this)">
                                                    <i data-feather="plus-circle" class="icon-sm mr-2"></i>
                                                    <span class="">Tambah Indikator</span></a>
                                                <a
                                                    class="dropdown-item d-flex align-items-center"
                                                    href="#"
                                                    onclick="destroyIndikator(this)">
                                                    <i data-feather="trash" class="icon-sm mr-2"></i>
                                                    <span class="">Hapus</span></a>
                                            </div>
                                        </div>
                                    </small>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:top" width="5px" class="text-center">
                                    <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="destroyIndikator(this)">
                                                <i data-feather="trash" class="icon-sm mr-2"></i>
                                                <span class="">Hapus</span></a>
                                        </div>
                                    </div>
                                </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>Jenis Perhitungan :</b>
                                            </small>
                                            <p>
                                                <small>Positif
                                                </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">
                                    <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>
                                </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>Jenis Perhitungan :</b>
                                            </small>
                                            <p>
                                                <small>Positif
                                                </small>
                                            </p>
                                        </li>
                                        <li
                                            class="list-group-item"
                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                            <small>
                                                <b>Penanggungjawab :</b>
                                            </small>
                                            <p>
                                                <small>Dinas Komunikasi dan informatika
                                                </small>
                                            </p>
                                        </li>
                                        <li
                                            class="list-group-item"
                                            style="padding:0.0rem 0.5rem 0.0rem 0.5rem !important;">
                                            <small>
                                                <b>Sumber Data :</b>
                                            </small>
                                            <p>
                                                <small>Dinas Komunikasi dan informatika
                                                </small>
                                            </p>
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <nav class="settings-sidebar">
        <div class="sidebar-body">
            <a href="#" onclick="add(this)" class="settings-sidebar-toggler settings-open text-white bg-dark"
               style="border-radius: 25px;border-color:silver;border:1px">
                <i data-feather="plus-circle" style="color:white"></i>
            </a>
        </div>
    </nav>
    @include('pagesV2.adminSkpd.iku.staffAhli.form')
    @include('pagesV2.adminSkpd.iku.staffAhli.add')
    @include('pagesV2.adminSkpd.iku.staffAhli.edit')
@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('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
@endpush

@push('custom-scripts')
    <script src="{{ url('https://unpkg.com/axios/dist/axios.min.js') }}"></script>
    {!! Html::script('/assets/js/sweet-alert.js') !!}
    {!! Html::script('/js/V2/adminSkpd/iku/staffAhli/index.js') !!}
    {!! Html::script('/js/V2/adminSkpd/iku/staffAhli/crud.js') !!}
@endpush