@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') }}">
@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">LKIP Organisasi Perangkat Daerah</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-3">
                            <div class="form-group">
                                <select onchange="filterd_by_year(this)" id="filter_tahun"
                                        class="js-example-basic-single w-100">
                                    @foreach($year as $y)
                                        <option value="{{$y->tahun}}"
                                                @if($y->tahun==$now->format('Y') )
                                                selected
                                            @endif
                                        > Tahun {{$y->tahun}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>
                    <div class="table-responsive">
                        <table id="dataTableExample" class="table table-bordered table-hover table-striped table-sm">
                            <thead class="table">
                            <tr>
                                <th width="5%" rowspan="2" class="text-center p-3">No</th>
                                <th rowspan="2" class="text-center p-3">Nama SKPD</th>
                                <th colspan="9" class="text-center p-3">Komponen Lkip</th>
                                <th rowspan="2" class="text-center p-3">Aksi</th>
                            </tr>
                            <tr>
                                <th width="5%" class="text-center p-3">1</th>
                                <th width="5%" class="text-center p-3">2</th>
                                <th width="5%" class="text-center p-3">3</th>
                                <th width="5%" class="text-center p-3">4</th>
                                <th width="5%" class="text-center p-3">5</th>
                                <th width="5%" class="text-center p-3">6</th>
                                <th width="5%" class="text-center p-3">7</th>
                                <th width="5%" class="text-center p-3">8</th>
                                <th width="5%" class="text-center p-3">9</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if($data->isEmpty())
                                <tr>
                                    <td class="text-center p-3" colspan="12">Tidak data yang ditampilkan</td>
                                </tr>
                            @else
                                @foreach($data as $d)
                                    <tr>
                                        <td class="text-center p-3">{{$no++}}</td>
                                        <td>{{strtoupper($d->nama)}}</td>

                                        @for($a = 1; $a <10; $a++)
                                            @php
                                                $thn = $request->year ?? $now->format('Y');
                                                $ref = $lkip->CheckIsChecklist($a);
                                                $trx = $lkip->checkByItem($d->kode_organisasi,$thn,$ref->pluck('id'))
                                                        ->where('value',1);

                                            @endphp
                                            <td class="text-center p-3">
                                                @if($lkip->AllItemCheckByItem($ref,$trx))
                                                    <i style="color:blue;" class="fa fa-check"></i>
                                                @else
                                                    <i style="color: red;" class="fa fa-times"></i>
                                                @endif
                                            </td>
                                        @endfor

                                        @php
                                            $tahun = $request->year ?? $now->format('Y');
                                        @endphp
                                        <td class="text-center p-3"><a href="{{url('v2/adminKab/lkip/edit?year='.$tahun.'&skpd='.$d->kode_organisasi)}}" class="btn btn-primary btn-sm">Update</a></td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')

    {!! 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') !!}
    <script src="{{asset('js/adminKab/pelaporan/lkip/main.js')}}"></script>
@endpush

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