@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 {{strtoupper($organisasi->aktif?->last()?->pivot->nama)}} ( <span id="show_id_organisasi">
                    {{$organisasi->kode_organisasi}}
                </span> )
                </div>
                <div class="card-body">
                    <input type="text" readonly disabled hidden id="edited_id_show">
                    <div class="row">
                        <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="show_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 colspan="4" style="vertical-align:middle;" class="text-center text-warning">Target Triwulan</th>--}}
                        {{--                                <th colspan="12" style="vertical-align:middle;" class="text-center text-warning">Realisasi Triwulan</th>--}}
                        {{--                            </tr>--}}
                        {{--                            <tr>--}}
                        {{--                                <th class="text-center text-warning" style="vertical-align:middle;">I</th>--}}
                        {{--                                <th class="text-center text-warning" style="vertical-align:middle;">II</th>--}}
                        {{--                                <th class="text-center text-warning" style="vertical-align:middle;">III</th>--}}
                        {{--                                <th class="text-center text-warning" style="vertical-align:middle;">IV</th>--}}

                        {{--                                <th colspan="3" class="text-center text-warning" style="vertical-align:middle;">I</th>--}}
                        {{--                                <th colspan="3" class="text-center text-warning" style="vertical-align:middle;">II</th>--}}
                        {{--                                <th colspan="3" class="text-center text-warning" style="vertical-align:middle;">III</th>--}}
                        {{--                                <th colspan="3" class="text-center text-warning" style="vertical-align:middle;">IV</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" width="10px"><small><a type="button" data-toggle="edit-realisasi" data-placement="left" title="Perbaharui Realisasi TW I">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>--}}
                        {{--                            <td class="text-center" width="10px"><small><a type="button" data-toggle="edit-realisasi" data-placement="left" title="Perbaharui Realisasi TW II">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>--}}
                        {{--                            <td class="text-center" width="10px"><small><a type="button" data-toggle="edit-realisasi" data-placement="left" title="Perbaharui Realisasi TW III">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>--}}
                        {{--                            <td colspan="2" class="text-center" width="10px"><small><a type="button" data-toggle="add-realisasi" data-placement="left" title="Realisasi Triwulan"><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 id="a_4" class="text-center" width="5px" style="vertical-align:middle;"><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.triwulan.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/triwulan/index.js') !!}
    {!! Html::script('/js/V2/adminSkpd/pengukuran/pelaksana/triwulan/crud.js') !!}

@endpush