@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">Update LKIP {{$organisasi->nama}}</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <h3>{{$organisasi->nama}} Tahun {{$request->year}}</h3>
                                <input type="text" hidden readonly id="input_organisasi" value="{{$organisasi->kode_organisasi}}">
                                <input type="text" hidden readonly id="input_year" value="{{$request->year}}">
                            </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="10%" rowspan="2" class="text-center p-3">No</th>
                                <th width="70%"  class="text-center p-3">Uraian</th>
                                <th  class="text-center p-3">Keterangan</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($reflkip as $value)
                                <tr>
                                    <td class="text-center p-3">{{$value->number}}. {{$value->huruf}}</td>
                                    <td>
                                            @php
                                                $transaksi = $lkip->checkByItemById($organisasi->kode_organisasi,$request->year,$value->id)
                                                                    ->where('ref_lkip_id',$value->id);

                                                $checklist = $transaksi->first()->value ?? 0;
                                                $keterangan = $transaksi->first()->keterangan ?? null;

                                            @endphp

                                            @if($checklist===1)
                                               <input class="form-check-input" name="itemnya" checked type="checkbox" value="{{$value->id}}">  {{$value->name}}
                                            @else
                                                <input class="form-check-input" name="itemnya" type="checkbox" value="{{$value->id}}">  {{$value->name}}
                                            @endif
                                    </td>
                                    <td>
                                        <textarea name="input_keterangan" placeholder="Tulis Komentar disini"  class="form-control" rows="10">{{$keterangan}}</textarea>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="settings-sidebar">
        <div class="sidebar-body">
            <a
                href="#"
                onclick="simpan_data(this)"
                class="settings-sidebar-toggler settings-open text-white"
                style="border-radius: 25px;border-color:darkblue; border:1px">
                <i data-feather="save" style="color:white"></i>
            </a>
        </div>
    </nav>
@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/update.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