@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('/assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css') !!}
    {{-- <link rel="stylesheet" href="{{ asset('https://use.fontawesome.com/releases/v5.8.1/css/all.css') }}"> --}}
    {!! Html::style('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css') !!}
    <style>
        .is-invalid .select2-selection,
        .needs-validation ~ span > .select2-dropdown {
            border-color: #dc3545 !important;
        }

        /* 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 Kerja Kepala {!! $organisasi?->aktif?->last()?->pivot->nama !!}
                </div>
                <div class="card-body">
                    @include('pagesV2.adminSkpd.pk.sasaran._filter')

                    <div id="content"></div>
                </div>
            </div>
        </div>
    </div>

    <nav class="settings-sidebar">
        <div class="sidebar-body">
            <a onclick="add(this)" href="#" class="settings-sidebar-toggler settings-open text-white bg-danger"
               style="border-radius: 25px;border: 1px red;">
                <i data-feather="plus-circle" style="color:white"></i>
            </a>
        </div>
    </nav>

    @include('pagesV2.adminSkpd.pk.sasaran._add')

@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/bootstrap-datepicker/bootstrap-datepicker.min.js') !!}
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
    {!! Html::script('/assets/plugins/inputmask/jquery.inputmask.bundle.min.js') !!}
    {!! Html::script('https://cdn.jsdelivr.net/npm/moment@2.29.1/min/moment-with-locales.min.js') !!}
@endpush

@push('custom-scripts')
    {!! Html::script('/assets/js/select2.js') !!}
    {!! Html::script('/assets/js/inputmask.js') !!}
    {!! Html::script('/js/V2/adminSkpd/pk/sasaran/index.js?' . time()) !!}
@endpush