@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('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">Indikator Kinerja Individu Asisten Sekretariat Daerah
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select id="filter_year" onchange="filterd_content()" class="js-example-basic-single w-100" style="width: 100% !important;">
                                    @foreach($year as $item)
                                        <option value="{{$item->tahun}}"
                                                @if($item->tahun==$now->format('Y'))
                                                selected
                                            @endif
                                        >{{$item->tahun}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="form-group">
                                <select id="filter_jenis" onchange="filterd_content()" class="js-example-basic-single w-100" style="width: 100% !important;">
                                    <option value="murni">Murni</option>
                                    <option value="perubahan">Perubahan</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-4">
                            <div class="form-group">
                                <select id="filter_organisasi" onchange="f_filter_organisasi()" class="js-example-basic-single w-100">
                                    <option value="0">PILIH SKPD</option>
                                    @foreach($organisasi as $or)
                                        <option value="{{$or->kode_organisasi}}">{{$or->nama}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <select id="filter_jabatan" onchange="filterd_content()"
                                        class="js-example-basic-single w-100" style="width: 100% !important;">
                                    <option value="0">PILIH JABATAN</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="table-responsive" id="show_content" style="border-radius:2px !important;" width="100%">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <nav class="settings-sidebar">
        <div class="sidebar-body">
            <a href="#" onclick="add(this)" class="settings-sidebar-toggler settings-open text-white bg-dark"
               style="border-radius: 25px;border-color:silver;border:1px">
                <i data-feather="plus-circle" style="color:white"></i>
            </a>
        </div>
    </nav>
    @include('pagesV2.adminSkpd.iku.asisten.form')
    @include('pagesV2.adminSkpd.iku.asisten.add')
    @include('pagesV2.adminSkpd.iku.asisten.edit')
@endsection
@push('plugin-scripts')
    {!! Html::script('/assets/plugins/jquery-validation/jquery.validate.min.js') !!}
    {!! Html::script('/assets/plugins/select2/select2.min.js') !!}
    {!! Html::script('/assets/plugins/moment/moment.min.js') !!}
    {!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
    {!! Html::script('/assets/plugins/promise-polyfill/polyfill.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="{{ url('https://unpkg.com/axios/dist/axios.min.js') }}"></script>
    {!! Html::script('/assets/js/sweet-alert.js') !!}
    {!! Html::script('/js/V2/adminSkpd/iku/asisten/index.js') !!}
    {!! Html::script('/js/V2/adminSkpd/iku/asisten/crud.js') !!}
@endpush