@extends('layouts.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('/assets/plugins/prismjs/prism.css') !!}
    {!! Html::style('/assets/plugins/bootstrap-datepicker/bootstrap-datepicker.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">
                    Perjanjian Kinerja Tahunan SKPD
                </div>
                <div class="card-body">

                    {{-- Filter --}}
                    @include('pages/adminKab/pk/skpd/include/_filter', ['type' => null])

                    <div class="row" id="content">
                        <div class="col-md-12">
                            <div class="alert alert-primary" role="alert">
                                <span class="spinner-grow spinner-grow-sm" role="status" aria-hidden="true"></span> Pilih Tahun, Jenis PK dan SKPD terlebih dahulu.
                            </div>
                        </div>
                    </div>

                    {{-- <div class="table-responsive" style="border-radius:2px !important;">
                        <table class="table table-bordered table-hover table-sm">
                            <thead class="table">
                                <tr>
                                    <th class="text-center pt-3 pb-3" style="vertical-align:middle;">No</th>
                                    <th style="vertical-align:middle;" class="text-center">Sasaran Kegiatan
                                    </th>
                                    <th colspan="2" style="vertical-align:middle;" class="text-center">
                                        Indikator Kinerja Kegiatan</th>
                                    <th style="vertical-align:middle;" class="text-center">Satuan</th>
                                    <th style="vertical-align:middle;" class="text-center">Target</th>
                                    <th colspan="2" style="vertical-align:middle;" class="text-center">
                                        Kegiatan</th>
                                    <th style="vertical-align:middle;" class="text-center">Anggaran</th>
                                </tr>
                                <tr>
                                    <th class="text-center" style="vertical-align:middle;"><cite>1</cite>
                                    </th>
                                    <th class="text-center" style="vertical-align:middle;"><cite>2</cite>
                                    </th>
                                    <th colspan="2" class="text-center" style="vertical-align:middle;">
                                        <cite>3</cite></th>
                                    <th class="text-center" style="vertical-align:middle;"><cite>4</cite>
                                    </th>
                                    <th class="text-center" style="vertical-align:middle;"><cite>5</cite>
                                    </th>
                                    <th colspan="2" class="text-center" style="vertical-align:middle;">
                                        <cite>6</cite></th>
                                    <th colspan="2" class="text-center" style="vertical-align:middle;">
                                        <cite>7</cite></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td rowspan="2" style="vertical-align:top;" class="text-center">
                                        <small>1</small></td>
                                    <td rowspan="2" style="vertical-align:top;"><small>Meningkatnya
                                            kemandirian pemuda dalam pembangunan daerah</small></td>
                                    <td rowspan="2" style="vertical-align:top;">
                                        <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 rowspan="2" style="vertical-align:top;"><small>Persentase pemuda
                                            yang memiliki keterampilan dan kecakapan hidup</small></td>
                                    <td rowspan="2" style="vertical-align:top;"><small>Persen</small></td>
                                    <td rowspan="2" style="vertical-align:top;"><small>66,66%</small></td>
                                    <td><small>1</small></td>
                                    <td><small>Pendidikan dan Pelatihan Formal</small></td>
                                    <td class="text-right"><small>39.995.000</small></td>
                                </tr>
                                <tr>
                                    <td><small>2</small></td>
                                    <td><small>Peningkatan Sarana dan Prasarana</small></td>
                                    <td class="text-right"><small>426.356.000</small></td>
                                </tr>

                                <tr>
                                    <td rowspan="3" style="vertical-align:top;" class="text-center">
                                        <small>2</small></td>
                                    <td rowspan="3" style="vertical-align:top;"><small>Meningkatnya prestasi
                                            olahraga pelajar</small></td>
                                    <td rowspan="3" style="vertical-align:top;">
                                        <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 rowspan="3" style="vertical-align:top;"><small>Peringkat kabupaten
                                            dalam kompetesi olahraga pelajar ditingkat provinsi</small></td>
                                    <td rowspan="3" style="vertical-align:top;"><small>Peringkat</small>
                                    </td>
                                    <td rowspan="3" style="vertical-align:top;"><small>5 Besar</small></td>
                                    <td><small>1</small></td>
                                    <td><small>Peningkatan Kapasitas Sumber Daya Aparatur</small></td>
                                    <td class="text-right"><small>878.665.000</small></td>
                                </tr>
                                <tr>
                                    <td><small>2</small></td>
                                    <td><small>Peningkatan Pengembangan Sistem Pelaporan Capaian Kinerja dan
                                            Keuangan</small></td>
                                    <td class="text-right"><small>554.376.750</small></td>
                                </tr>
                                <tr>
                                    <td><small>3</small></td>
                                    <td><small>Pengembangan Sistem Informasi/Data</small></td>
                                    <td class="text-right"><small>-</small></td>
                                </tr>

                                <tr>
                                    <td rowspan="3" style="vertical-align:top;" class="text-center">
                                        <small>3</small></td>
                                    <td rowspan="3" style="vertical-align:top;"><small>Meningkatnya
                                            pemanfaatan potensi pariwisata bagi masyarakat</small></td>
                                    <td rowspan="3" style="vertical-align:top;">
                                        <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 rowspan="3" style="vertical-align:top;"><small>Pengeluaran wisatawan
                                            (spending of money)</small></td>
                                    <td rowspan="3" style="vertical-align:top;"><small>Rupiah</small></td>
                                    <td rowspan="3" style="vertical-align:top;"><small>4.224.480.000</small>
                                    </td>
                                    <td><small>1</small></td>
                                    <td><small>Pelaksanaan Promosi Pariwisata Daerah</small></td>
                                    <td class="text-right"><small>397.350.000</small></td>
                                </tr>
                                <tr>
                                    <td><small>2</small></td>
                                    <td><small>Penyelenggaraan dan Fasilitasi Event Pariwisata</small></td>
                                    <td class="text-right"><small>780.851.000</small></td>
                                </tr>
                                <tr>
                                    <td><small>3</small></td>
                                    <td><small>Pengelolaan Fasilitas Pariwisata KPSN Loksado</small></td>
                                    <td class="text-right"><small>168.532.000</small></td>
                                </tr>
                            </tbody>
                        </table>
                    </div> --}}

                    {{-- Eselon II --}}
                    {{-- @include('pages/adminKab/pk/skpd/eselon2') --}}

                    {{-- Eselon III --}}
                    {{-- @include('pages/adminKab/pk/skpd/eselon3') --}}

                    {{-- Sub Koordinator --}}
                    {{-- @include('pages/adminKab/pk/skpd/eselon4') --}}

                    {{-- Pelaksana --}}
                    {{-- @include('pages/adminKab/pk/skpd/program') --}}

                    {{-- JFT --}}
                    {{-- @include('pages/adminKab/pk/skpd/jft') --}}

                </div>
            </div>
        </div>
    </div>
@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('/js/pk/program/index.js') !!} --}}
    {!! Html::script('/assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js') !!}
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
@endpush

@push('custom-scripts')
    {{-- {!! Html::script('/assets/js/select2.js') !!}
    {!! Html::script('/assets/js/sweet-alert.js') !!}
    {!! Html::script('/assets/js/demo.js') !!}
    {!! Html::script('/assets/js/datepicker.js') !!} --}}
    <script src="{!! asset('/js/global.js?id=' . substr(md5(base64_encode(env('APP_JS_VERSION'))), 0, 20)) !!}"></script>
    <script src="{!! asset('/js/adminKab/perencanaan/pk/skpd/main.js?id=' . substr(md5(base64_encode(env('APP_JS_VERSION'))), 0, 20)) !!}"></script>
@endpush