@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/owl-carousel/assets/owl.carousel.min.css') !!}
{!! Html::style('/assets/plugins/owl-carousel/assets/owl.theme.default.min.css') !!}
{!! Html::style('/assets/plugins/animate-css/animate.min.css') !!}
{!! Html::style('/assets/plugins/datatables-net/dataTables.bootstrap4.css') !!}
{!! Html::style('/assets/plugins/dropify/css/dropify.min.css') !!}
{!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
<link rel="stylesheet" href="{{ asset('https://use.fontawesome.com/releases/v5.8.1/css/all.css') }}">
<script src="https://kit.fontawesome.com/62fa6659dc.js" crossorigin="anonymous"></script>
@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">
        <input type="text" name="" hidden readonly id="id_deleted">
        <div class="card">
            <div class="card-header text-uppercase">Laporan Kinerja Instansi Pemerintah</div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <select id="filter_skpd" class="js-example-basic-single w-100">
                                <option value="{{$organisasi->kode_organisasi}}">{{$organisasi->nama}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <select id="filter_tahun" class="js-example-basic-single w-100">
                                @foreach($years as $year)
                                    <option value="{{$year->tahun}}"
                                            @if($year->tahun == $now->format('Y'))
                                                selected
                                            @endif
                                            >Tahun {{$year->tahun}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="form-group">
                            <select id="filter_status" class="js-example-basic-single w-100">
                                <option value="publish">Publish</option>
                                <option value="unpublish">Unpublish</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="table-responsive">
                    <table id="dataTableDraw" class="table table-bordered table-hover table-striped table-sm">
                        <thead class="table">
                            <tr>
                                <th class="text-center p-3">No</th>
                                <th class="text-center p-3">Tahun</th>
                                <th class="text-center p-3">LKJiP</th>
                                <th class="text-center p-3">Status</th>
                                <th class="text-center p-3">Tanggal Upload</th>
                                <th class="text-center p-3">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </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"
            style="border-radius: 25px;border-color:blue; border:1px">
            <i data-feather="plus-circle" style="color:white"></i>
        </a>
    </div>
</nav>
@include('pagesV2.adminSkpd.pelaporan.lkjip.form')
@endsection
@push('plugin-scripts')
{!! Html::script('/assets/plugins/select2/select2.min.js') !!}
{!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
{!! Html::script('/assets/plugins/owl-carousel/owl.carousel.min.js') !!}
{!! Html::script('/assets/plugins/jquery-mousewheel/jquery.mousewheel.js') !!}
{!! Html::script('/assets/plugins/datatables-net/jquery.dataTables.js') !!}
{!! Html::script('/assets/plugins/datatables-net-bs4/dataTables.bootstrap4.js') !!}
{!! Html::script('/assets/plugins/dropify/js/dropify.min.js') !!}
{!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
{!! Html::script('/assets/plugins/promise-polyfill/polyfill.min.js') !!}
{!! Html::script('/js/V2/adminSkpd/pelaporan/lkjip/index.js') !!}
@endpush

@push('custom-scripts')
{!! Html::script('/assets/js/select2.js') !!}
{!! Html::script('/assets/js/carousel.js') !!}
{!! Html::script('/assets/js/data-table.js') !!}
{!! Html::script('/assets/js/dropify.js') !!}
{!! Html::script('/assets/js/sweet-alert.js') !!}
@endpush