@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">
                    Rencana Aksi Tahunan SKPD
                </div>
                <div class="card-body">

                    {{-- Filter --}}
                    @include('pages/adminKab/renaksi/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>
            </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')
    <script src="{!! asset('/js/global.js?id=' . substr(md5(base64_encode(env('APP_JS_VERSION'))), 0, 20)) !!}"></script>
    <script src="{!! asset('/js/adminKab/perencanaan/renaksi/skpd/main.js?id=' . substr(md5(base64_encode(env('APP_JS_VERSION'))), 0, 20)) !!}"></script>
@endpush