@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('/assets/plugins/prismjs/prism.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">Rencana Kinerja Tahunan Sub Koordinator</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter Tahun</option>
                                    <option>2021</option>
                                    <option>2022</option>
                                    <option>2023</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option>Filter APBD</option>
                                    <option>Murni</option>
                                    <option>Perubahan</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option selected>Dinas Komunikasi dan Informatika</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <select class="js-example-basic-single w-100">
                                    <option selected>Subbag 1</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div id="accordion" class="accordion" role="tablist">
                        <div class="card" style="border-radius:8px !important;">
                            <div class="card-header bg-gradient-success" role="tab" id="headingOne">
                                <h6 class="mb-0">
                                    <a data-toggle="collapse" href="#collapseOne" aria-expanded="false"
                                       aria-controls="collapseOne" style="color: green !important;">
                                        SUB KEGIATAN
                                    </a>
                                </h6>
                            </div>
                            <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne"
                                 data-parent="#accordion">
                                <div class="card-body">
                                    <div class="table-responsive" style="border-radius:2px !important;" width="100%">
                                        <table class="table table-bordered table-hover table-sm">
                                            <thead>
                                            <tr>
                                                <th rowspan="2" style="vertical-align: middle;"
                                                    style="width:10px !important;">SASARAN SUB KEGIATAN
                                                </th>
                                                <th rowspan="2" colspan="2" style="vertical-align: middle;"
                                                    style="width:10px !important;">SUB KEGIATAN
                                                </th>
                                                <th rowspan="2" colspan="2" style="vertical-align: middle;">INDIKATOR
                                                    SUB KEGIATAN
                                                </th>
                                                <th rowspan="2" style="vertical-align: middle;" class="text-center">
                                                    SATUAN
                                                </th>
                                                <th style="vertical-align: middle;" class="text-center">
                                                    TARGET
                                                </th>
                                                <th rowspan="2" style="vertical-align: middle;"
                                                    class="text-center w-15">
                                                    ANGGARAN
                                                </th>
                                            </tr>
                                            <tr>
                                                <th class="text-center">2019</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td colspan="7" class="bg-inverse-success text-success">
                                                    <small>
                                                        <b>2.10.06. Kegiatan Pengembangan Komunikasi, Informasi
                                                            dan Media Massa
                                                        </b>
                                                    </small>
                                                </td>
                                                <td class="text-right bg-inverse-success text-success"
                                                    style="vertical-align: top;"><em><b>Rp. 2000.000,00</b></em></td>
                                            </tr>
                                            <tr>
                                                <td rowspan="2"><small>Meningkatnya layanan SPBE yang berfungsi dengan
                                                        baik</small></td>
                                                <td rowspan="2"><small>2.10.15.08</small></td>
                                                <td rowspan="2"><small>Penyusunan laporan capaian kinerja dan ikhtisar
                                                        realisasi kinerja SKPD</small></td>
                                                <td class="text-center"><small>1</small></td>
                                                <td><small>Tersedianya laporan capaian kinerja dan ikhtisar realisasi
                                                        kinerja OPD </small></td>
                                                <td class="text-center"><small>%</small></td>
                                                <td class="text-center"><small>76</small></td>
                                                <td rowspan="2" class="text-right" style="vertical-align: top;">
                                                    <small>
                                                        <a type="button" data-toggle="edit" data-placement="left"
                                                              title="Perbaharui Anggaran"><b>Rp. 1.000.000,00</b>
                                                        </a>
                                                    </small>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="text-center"><small>2</small></td>
                                                <td><small>Terpeliharanya perlengkapan kantor </small></td>
                                                <td class="text-center"><small>%</small></td>
                                                <td class="text-center"><small>76</small></td>
                                            </tr>
                                            <tr>
                                                <td><small>Meningkatnya Keamanan Informasi</small></td>
                                                <td><small>2.10.15.07</small></td>
                                                <td><small>Pembuatan Kalender Pembangunan</small></td>
                                                <td class="text-center"><small>1</small></td>
                                                <td><small>Jumlah kalender</small></td>
                                                <td class="text-center"><small>%</small></td>
                                                <td class="text-center"><small>76</small></td>
                                                <td class="text-right" style="vertical-align: top;">
                                                    <a role="button" style="cursor: pointer;"
                                                       data-toggle="add" data-placement="left"
                                                       title="Anggaran">
                                                        <i class="icon-md text-muted" data-feather="alert-circle"
                                                           style="color:red !important;"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </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') !!}
@endpush

@push('custom-scripts')
    {!! Html::script('/assets/js/select2.js') !!}
    {!! Html::script('/js/V2/adminSkpd/rkt/subkegiatan/index.js') !!}
@endpush