@extends('layoutsV2.master')
@push('plugin-styles')
    {!! Html::style('/assets/plugins/select2/select2.min.css') !!}
    {!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
    {!! Html::style('/assets/plugins/prismjs/prism.css') !!}
    {!! Html::style('/assets/plugins/simplemde/simplemde.min.css') !!}
    <link rel="stylesheet" href="{{ asset('https://use.fontawesome.com/releases/v5.8.1/css/all.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">Pengukuran Realisasi Kinerja Pelaksana
                    TAHUNAN {{strtoupper($organisasi->aktif?->last()?->pivot->nama)}} ( <span id="show_id_organisasi">
                    {{$organisasi->kode_organisasi}}</div>
                <div class="card-body">
                    <div class="row">
                        <input type="text" readonly disabled hidden id="edited_id_show">
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select id="filter_year" onchange="filterdpk()" class="js-example-basic-single w-100">
                                    @foreach($year as $item)
                                        <option value="{{$item->tahun}}"
                                                @if($item->tahun==$now->format('Y'))
                                                selected
                                            @endif

                                        >Tahun {{$item->tahun}}</option>
                                    @endforeach

                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select id="filter_jenis" onchange="filterdpk()" class="js-example-basic-single w-100">
                                    <option value="murni">PK Murni</option>
                                    <option value="perubahan">PK Perubahan</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-5">
                            <div class="form-group">
                                <select id="filter_jabatan" onchange="filterdpk()"
                                        class="js-example-basic-single w-100">
                                    <option value="0">PILIH JABATAN-PEGAWAI</option>
                                    @if(!is_null($jabatan))
                                        @foreach($jabatan as $pejabat)
                                            <option
                                                value="{!! $pejabat->pegawai->nip !!}"
                                                data-pejabat-id="{!! $pejabat->pegawai->perangkatDaerah->id !!}"
                                                data-jabatan-id="{!! $pejabat->jabatan->jabatanOrg->last()?->id !!}">
                                                {!! '<b>'. $pejabat->jabatan->nama .' </b> | '. $pejabat->pegawai->nip .' - '. $pejabat->pegawai->nama !!}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="form-group">
                                <select id="filter_pk" onchange="filterd_pk(this)"
                                        class="js-example-basic-single w-100">
                                    <option value="0" selected>PILIH PK</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive" style="border-radius:2px !important;" id="shwon_content">
                        {{--                    <table class="table table-bordered table-hover table-sm">--}}
                        {{--                        <thead class="table table-warning">--}}
                        {{--                            <tr>--}}
                        {{--                                <th rowspan="2" class="text-center text-warning" style="vertical-align:middle;">No</th>--}}
                        {{--                                <th rowspan="2" style="vertical-align:middle;" class="text-center text-warning w-25">Sasaran</th>--}}
                        {{--                                <th rowspan="2" style="vertical-align:middle;" class="text-center text-warning">Indikator Kinerja</th>--}}
                        {{--                                <th rowspan="2" style="vertical-align:middle;" class="text-center text-warning">Satuan</th>--}}
                        {{--                                <th style="vertical-align:middle;" class="text-center text-warning w-10">Target Tahun</th>--}}
                        {{--                                <th colspan="3" style="vertical-align:middle;" class="text-center text-warning w-15">Realisasi Tahun</th>--}}
                        {{--                            </tr>--}}
                        {{--                            <tr>--}}
                        {{--                                <th class="text-center text-warning" style="vertical-align:middle;">2021</th>--}}
                        {{--                                <th colspan="3" class="text-center text-warning" style="vertical-align:middle;">2021</th>--}}
                        {{--                            </tr>--}}
                        {{--                        </thead>--}}
                        {{--                        <tbody>--}}
                        {{--                        <tr>--}}
                        {{--                            <td class="text-center"><small>1</small></td>--}}
                        {{--                            <td><small>Meningkatnya tata kelola pemerintahan yang baik dan bersih serta berkualitas--}}
                        {{--                                    berbasis teknologi informasi</small>--}}
                        {{--                            </td>--}}
                        {{--                            <td>--}}
                        {{--                                <small>Indeks SPBE--}}
                        {{--                                    <span class="pl-1"><i class="text-success" data-feather="check" width="14"--}}
                        {{--                                                          data-toggle="tooltip"--}}
                        {{--                                                          title="IKU sudah dilengkapi"></i></span>--}}
                        {{--                                </small>--}}
                        {{--                            </td>--}}
                        {{--                            <td class="text-center"><small>Indeks</small></td>--}}
                        {{--                            <td class="text-center"><small>66,66</small></td>--}}

                        {{--                            <td class="text-center" width="10px">--}}
                        {{--                                <small>--}}
                        {{--                                    <a type="button" data-toggle="edit-realisasi" data-placement="left"--}}
                        {{--                                       title="Perbaharui Realisasi 2021">66,66--}}
                        {{--                                    </a>--}}
                        {{--                                </small>--}}
                        {{--                            </td>--}}
                        {{--                            <td class="text-center" width="10px">--}}
                        {{--                                <small>--}}
                        {{--                                    100%--}}
                        {{--                                </small>--}}
                        {{--                            </td>--}}
                        {{--                            <td class="text-center" width="5px" style="vertical-align:middle;">--}}
                        {{--                                <small>--}}
                        {{--                                    <a type="button" onclick="create(this)">--}}
                        {{--                                        <i class="fas fa-check-circle fas-md" data-toggle="tooltip"--}}
                        {{--                                           title="Lihat Analisis" style="color:green !important;"></i>--}}
                        {{--                                    </a>--}}
                        {{--                                </small>--}}
                        {{--                            </td>--}}
                        {{--                        </tr>--}}
                        {{--                        <tr>--}}
                        {{--                            <td class="text-center"><small>2</small></td>--}}
                        {{--                            <td><small>Meningkatnya tata kelola pemerintahan yang baik dan bersih serta berkualitas--}}
                        {{--                                    berbasis teknologi informasi</small>--}}
                        {{--                            </td>--}}
                        {{--                            <td>--}}
                        {{--                                <small>Indeks SPBE--}}
                        {{--                                    <span class="pl-1"><i class="text-success" data-feather="check" width="14"--}}
                        {{--                                                          data-toggle="tooltip"--}}
                        {{--                                                          title="IKU sudah dilengkapi"></i></span>--}}
                        {{--                                </small>--}}
                        {{--                            </td>--}}
                        {{--                            <td class="text-center"><small>Indeks</small></td>--}}
                        {{--                            <td class="text-center">--}}
                        {{--                                <small>--}}
                        {{--                                    5--}}
                        {{--                                </small>--}}
                        {{--                            </td>--}}
                        {{--                            <td colspan="2" class="text-center">--}}
                        {{--                                <small>--}}
                        {{--                                    <a type="button" data-toggle="add-realisasi" data-placement="left"--}}
                        {{--                                       title="Realisasi 2021">--}}
                        {{--                                        <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>
        </div>
    </div>
    @include('pagesV2.adminSkpd.pengukuran.pelaksana.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') !!}
@endpush

@push('custom-scripts')
    {!! Html::script('/assets/js/tinymce.js') !!}
    {!! Html::script('/assets/js/select2.js') !!}
    {!! Html::script('/assets/js/sweet-alert.js') !!}
    {!! Html::script('/assets/js/demo.js') !!}
    {!! Html::script('/assets/js/email.js') !!}
    {!! Html::script('/js/V2/adminSkpd/pengukuran/pelaksana/tahunan/index.js') !!}
    {!! Html::script('/js/V2/adminSkpd/pengukuran/pelaksana/tahunan/crud.js') !!}

@endpush