@extends('layouts.master')

@push('plugin-styles')
{!! Html::style('/assets/plugins/select2/select2.min.css') !!}
@endpush

@section('content')
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#" class="text-uppercase">{{ENV('APP_TITLE')}}</a></li>
    </ol>
</nav>

<div class="row">
    <div class="col-md-12">
        <div class="card">
        <div class="card-header text-uppercase">Rencana Pembangunan Jangka Menengah Daerahss</div>
            <div class="card-body">
                <div id="accordion" class="accordion" role="tablist">
                    <div class="card" style="border-radius:8px !important;">
                        <div class="card-header bg-danger" role="tab" id="headingOne">
                            <h6 class="mb-0">
                                <a data-toggle="collapse" href="#collapseOne" aria-expanded="false"
                                    aria-controls="collapseOne" style="color:#fff !important;">
                                    Visi
                                </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-2">
                                        <div class="form-group">
                                            <button onclick="add_rkt_eselon2(this)" type="button" class="btn btn-success btn-icon-text btn-block">
                                                TAMBAH
                                            </button>
                                        </div>
                                    </div> -->
                                    <div class="col-lg-9">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100" disabled>
                                                <option>Filter Berdasarkan SKPD</option>
                                                <option selected>Dinas Komunikasi dan Informatika</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100">
                                                <option>Filter Berdasarkan Tahun</option>
                                                <option>2020</option>
                                                <option>2019</option>
                                                <option>2018</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-danger">
                                            <tr>
                                                <th class=text-center>No</th>
                                                <th>Sasaran Strategis/Indikator Kinerja Sasaran</th>
                                                <th class="text-center">Satuan</th>
                                                <th class="text-center">Target 2019</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center"><b>1</b></td>
                                                <td colspan="3"><b>Meningkatnya pemanfaatan teknologi informasi dan
                                                        komunikasi dalam rangka pelayanan kepada masyarakat</b></td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">1. Presentase pemanfaatan teknologi informasi dan
                                                    komunikasi</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">18</td>
                                            </tr>
                                            <tr>
                                                <td rowspan="4" class="text-center"><b>2</b></td>
                                                <td colspan="3"><b>Meningkatkan Pelayanan kesekretariatan untuk
                                                        mendukung kinerja perangkat daerah dalam rangka mewujudkan good
                                                        governance</b></td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">1. Indeks Survey kepuasan Masyarakat</td>
                                                <td class="text-center">Nilai</td>
                                                <td class="text-center">78,5</td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">2. Prosentase Meningkatnya Pelayanan Administrasi
                                                    Perkantoran</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">40</td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">3. Prosentase terpenuhinya sarana dan prasarana
                                                    perkantoran</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">83</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card" style="border-radius:8px !important;">
                        <div class="card-header bg-primary" role="tab" id="headingTwo">
                            <h6 class="mb-0">
                                <a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false"
                                    aria-controls="collapseTwo" style="color:#fff !important;">
                                    ESELON III
                                </a>
                            </h6>
                        </div>
                        <div id="collapseTwo" class="collapse show" role="tabpanel" aria-labelledby="headingTwo"
                            data-parent="#accordion">
                            <div class="card-body">
                                <div class="row">
                                    <!-- <div class="col-lg-2">
                                        <div class="form-group">
                                            <button type="button" class="btn btn-success btn-icon-text btn-block">
                                                TAMBAH
                                            </button>
                                        </div>
                                    </div> -->
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100" disabled>
                                                <option>Filter Berdasarkan SKPD</option>
                                                <option selected>Dinas Komunikasi dan Informatika</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <select class="js-example-basic-single">
                                                <option>Filter Tahun</option>
                                                <option>2020</option>
                                                <option>2019</option>
                                                <option>2018</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select class="js-example-basic-single">
                                                <option>Filter Berdasarkan Pejabat</option>
                                                <option>Jabatan - Nama</option>
                                                <option>Jabatan - Nama</option>
                                                <option>Jabatan - Nama</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-primary">
                                            <tr>
                                                <th class=text-center>No</th>
                                                <th>Sasaran Strategis/Indikator Kinerja Sasaran</th>
                                                <th class="text-center">Satuan</th>
                                                <th class="text-center">Target 2019</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center"><b>1</b></td>
                                                <td colspan="3"><b>Meningkatnya pemanfaatan teknologi informasi dan
                                                        komunikasi dalam rangka pelayanan kepada masyarakat</b></td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">1. Presentase pemanfaatan teknologi informasi dan
                                                    komunikasi</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">18</td>
                                            </tr>
                                            <tr>
                                                <td rowspan="4" class="text-center"><b>2</b></td>
                                                <td colspan="3"><b>Meningkatkan Pelayanan kesekretariatan untuk
                                                        mendukung kinerja perangkat daerah dalam rangka mewujudkan good
                                                        governance</b></td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">1. Indeks Survey kepuasan Masyarakat</td>
                                                <td class="text-center">Nilai</td>
                                                <td class="text-center">78,5</td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">2. Prosentase Meningkatnya Pelayanan Administrasi
                                                    Perkantoran</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">40</td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">3. Prosentase terpenuhinya sarana dan prasarana
                                                    perkantoran</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">83</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card" style="border-radius:8px !important;">
                        <div class="card-header bg-success" role="tab" id="headingThree">
                            <h6 class="mb-0">
                                <a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false"
                                    aria-controls="collapseThree" style="color:#fff !important;">
                                    SUB KOORDINATOR
                                </a>
                            </h6>
                        </div>
                        <div id="collapseThree" class="collapse show" role="tabpanel" aria-labelledby="headingThree"
                            data-parent="#accordion">
                            <div class="card-body">
                                <div class="row">
                                    <!-- <div class="col-lg-2">
                                        <div class="form-group">
                                            <button type="button" class="btn btn-success btn-icon-text btn-block">
                                                TAMBAH
                                            </button>
                                        </div>
                                    </div> -->
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <select class="js-example-basic-single w-100" disabled>
                                                <option>Filter Berdasarkan SKPD</option>
                                                <option selected>Dinas Komunikasi dan Informatika</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-2">
                                        <div class="form-group">
                                            <select class="js-example-basic-single">
                                                <option>Filter Tahun</option>
                                                <option>2020</option>
                                                <option>2019</option>
                                                <option>2018</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <select class="js-example-basic-single">
                                                <option>Filter Pejabat Eselon III</option>
                                                <option>Jabatan - Nama</option>
                                                <option>Jabatan - Nama</option>
                                                <option>Jabatan - Nama</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <select class="js-example-basic-single">
                                                <option>Filter Pejabat Sub Koordinator</option>
                                                <option>Jabatan - Nama</option>
                                                <option>Jabatan - Nama</option>
                                                <option>Jabatan - Nama</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="table-responsive" style="border-radius:2px !important;">
                                    <table class="table table-bordered table-hover">
                                        <thead class="table-success">
                                            <tr>
                                                <th class=text-center>No</th>
                                                <th>Sasaran Strategis/Indikator Kinerja Sasaran</th>
                                                <th class="text-center">Satuan</th>
                                                <th class="text-center">Target 2019</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td rowspan="2" class="text-center"><b>1</b></td>
                                                <td colspan="3"><b>Meningkatnya pemanfaatan teknologi informasi dan
                                                        komunikasi dalam rangka pelayanan kepada masyarakat</b></td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">1. Presentase pemanfaatan teknologi informasi dan
                                                    komunikasi</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">18</td>
                                            </tr>
                                            <tr>
                                                <td rowspan="4" class="text-center"><b>2</b></td>
                                                <td colspan="3"><b>Meningkatkan Pelayanan kesekretariatan untuk
                                                        mendukung kinerja perangkat daerah dalam rangka mewujudkan good
                                                        governance</b></td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">1. Indeks Survey kepuasan Masyarakat</td>
                                                <td class="text-center">Nilai</td>
                                                <td class="text-center">78,5</td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">2. Prosentase Meningkatnya Pelayanan Administrasi
                                                    Perkantoran</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">40</td>
                                            </tr>
                                            <tr>
                                                <td class="pl-4">3. Prosentase terpenuhinya sarana dan prasarana
                                                    perkantoran</td>
                                                <td class="text-center">%</td>
                                                <td class="text-center">83</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('plugin-scripts')
<!-- {!! Html::script('/assets/plugins/datatables-net/jquery.dataTables.js') !!}
{!! Html::script('/assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js') !!} -->
{!! Html::script('/assets/plugins/select2/select2.min.js') !!}
@endpush

@push('custom-scripts')
<!-- {!! Html::script('/assets/js/data-table.js') !!} -->
{!! Html::script('/assets/js/select2.js') !!}
@endpush