@php
    $selisih = $periode->tahun_akhir - $periode->tahun_awal + 1;
@endphp
<div id="tableKegiatanRenstra" class="table-responsive" style="border-radius:2px !important; width:100%;">
    <table class="table table-bordered table-hover table-sm">
        <thead>
        <tr>
            <th rowspan="2" colspan="3" style="vertical-align: middle; width:10px !important;">
                KEGIATAN
            </th>
            <th rowspan="2" style="vertical-align: middle; width:10px !important;">
                SASARAN KEGIATAN
            </th>
            <th rowspan="2" colspan="3" style="vertical-align: middle;">
                INDIKATOR KEGIATAN
            </th>
            <th rowspan="2" style="vertical-align: middle;" class="text-center">
                SATUAN
            </th>
            <th colspan="{{ ($periode->tahun_akhir - $periode->tahun_awal) + 1 }}" style="vertical-align: middle;" class="text-center">
                TARGET
            </th>
        </tr>
        <tr>
            @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                <th class="text-center">{{ $i }}</th>
            @endfor
        </tr>
        </thead>
        <tbody>
        @if($renstraKegiatan->isNotEmpty())
            @foreach($renstraKegiatan as $idxProgram => $program)
                @php
                    $idxProgram = $idxProgram + 1;
                @endphp
                <tr>
                    <td colspan="{{ 8 + $selisih }}" class="bg-primary text-white">
                        <small>
                            <b>
                                {{ $program->kode_perencanaan .' '. $program->perencanaan->nama() }}
                            </b>
                        </small>
                    </td>
                </tr>

                @foreach($program->renstraKegiatan as $idxKegiatan => $kegiatan)
                    @php
                        $idxKegiatan = $idxKegiatan + 1;
                        $indikators = $kegiatan->renstraKegiatanIndikator;
                        $indikatorCount = $indikators->count();
                    @endphp

                    @if($indikatorCount < 2)

                        <tr data-program="{{ $kegiatan->kode_perencanaan .'. '. $kegiatan->perencanaan->nama() }}">
                            <td class="text-center">
                                <small>
                                    <div class="dropdown">
                                        <button class="btn p-0" type="button" id="dropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="icon-lg text-muted pb-3px" data-feather="settings"></i>
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <a class="dropdown-item d-flex align-items-center renstraEditKegiatan"
                                               href="#"
                                               data-kegiatan-id="{{ encrypt($kegiatan->id) }}">
                                                <i data-feather="edit-2" class="icon-sm mr-1"></i>
                                                <span class="">Ubah</span></a>
                                            <a class="dropdown-item d-flex align-items-center renstraDestroyKegiatan"
                                               href="#" data-kegiatan-id="{{ encrypt($kegiatan->id) }}">
                                                <i data-feather="trash" class="icon-sm mr-1"></i>
                                                <span class="">Hapus</span>
                                            </a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item d-flex align-items-center renstraAddKegiatanIndikator"
                                               href="#"
                                               data-kegiatan-id="{{ encrypt($kegiatan->id) }}">
                                                <i data-feather="plus-circle" class="icon-sm mr-1"></i>
                                                <span class="">Tambah Indikator</span>
                                            </a>
                                        </div>
                                    </div>
                                </small>
                            </td>
                            <td class="text-center">
                                <small>
                                    {{ $kegiatan->kode_perencanaan }}
                                </small>
                            </td>
                            <td>
                                <small>
                                    {{ $kegiatan->perencanaan->nama() }}
                                </small>
                            </td>
                            @if($indikatorCount > 0)
                                @php
                                    $indikator = $indikators->first();
                                    $indikatorTarget = $indikator->renstraKegiatanIndikatorTarget;
                                    $trxIku = $indikator->trxIku
                                                    ->filter(function ($iku){
                                                        return $iku->trxRkt?->trxPk->isNotEmpty();
                                                    })
                                                    ->unique('jabatan_organisasi_aktif_id')
                                                    ->values();
                                    $nilai = $indikator->orientasi_hasil + $indikator->relevansi_sasaran_atasan + $indikator->ketepatan;
                                @endphp
                                <td>
                                    <small>
                                        {{ $indikator->sasaran_kegiatan }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    <small>
                                        <div class="dropdown">
                                            <button class="btn p-0" type="button" id="dropdownMenuButton"
                                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="icon-lg text-muted pb-3px" data-feather="settings"></i>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item d-flex align-items-center renstraEditKegiatanIndikator"
                                                   href="#"
                                                   data-kegiatan-indikator-id="{{ encrypt($indikator->id) }}">
                                                    <i data-feather="edit-2" class="icon-sm mr-1"></i>
                                                    <span class="">Ubah</span></a>
                                                <a class="dropdown-item d-flex align-items-center renstraDestroyKegiatanIndikator"
                                                   href="#"
                                                   data-kegiatan-indikator-id="{{ encrypt($indikator->id) }}">
                                                    <i data-feather="trash" class="icon-sm mr-1"></i>
                                                    <span class="">Hapus</span></a>
                                            </div>
                                        </div>
                                    </small>
                                </td>
                                <td class="text-center">
                                    <small>
                                        1
                                    </small>
                                </td>
                                <td>
                                    <small>
                                        {{ $indikator->indikator }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    <small>
                                        {{ $indikator->satuan }}
                                    </small>
                                </td>
                                @if($indikatorTarget->isNotEmpty())
                                    @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                        <td class="text-center">
                                            <small>
                                                @if($indikatorTarget->where('tahun', $i)->first()->target != 0)
                                                    {{ $indikatorTarget->where('tahun', $i)->first()->target }}
                                                @else
                                                    N/A
                                                @endif
                                            </small>
                                        </td>
                                    @endfor
                                @else
                                    @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                        <td class="text-center">-</td>
                                    @endfor
                                @endif
                            @else
                                @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                    <td class="text-center">-</td>
                                @endfor
                            @endif
                        </tr>

                    @else
                        @php
                            $indikator = $indikators->first();
                            $indikatorTarget = $indikator->renstraKegiatanIndikatorTarget;
                            $trxIku = $indikator->trxIku
                                                    ->filter(function ($iku){
                                                        return $iku->trxRkt?->trxPk->isNotEmpty();
                                                    })
                                                    ->unique('jabatan_organisasi_aktif_id')
                                                    ->values();
                            $nilai = $indikator->orientasi_hasil + $indikator->relevansi_sasaran_atasan + $indikator->ketepatan;
                        @endphp

                        <tr data-program="{{ $kegiatan->kode_perencanaan .'. '. $kegiatan->perencanaan->nama() }}">
                            <td rowspan="{{ $indikatorCount }}" class="text-center">
                                <small>
                                    <div class="dropdown">
                                        <button class="btn p-0" type="button" id="dropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="icon-lg text-muted pb-3px" data-feather="settings"></i>
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <a class="dropdown-item d-flex align-items-center renstraEditKegiatan"
                                               href="#" data-kegiatan-id="{{ encrypt($kegiatan->id) }}">
                                                <i data-feather="edit-2" class="icon-sm mr-1"></i>
                                                <span class="">Ubah</span>
                                            </a>
                                            <a class="dropdown-item d-flex align-items-center renstraDestroyKegiatan"
                                               href="#"
                                               data-kegiatan-id="{{ encrypt($kegiatan->id) }}">
                                                <i data-feather="trash" class="icon-sm mr-1"></i>
                                                <span class="">Hapus</span>
                                            </a>
                                            <div class="dropdown-divider"></div>
                                            <a class="dropdown-item d-flex align-items-center renstraAddKegiatanIndikator"
                                               href="#"
                                               data-kegiatan-id="{{ encrypt($kegiatan->id) }}">
                                                <i data-feather="plus-circle" class="icon-sm mr-1"></i>
                                                <span class="">Tambah Indikator</span>
                                            </a>
                                        </div>
                                    </div>
                                </small>
                            </td>
                            <td rowspan="{{ $indikatorCount }}" class="text-center">
                                <small>
                                    {{ $kegiatan->kode_perencanaan }}
                                </small>
                            </td>
                            <td rowspan="{{ $indikatorCount }}">
                                <small>
                                    {{ $kegiatan->perencanaan->nama() }}
                                </small>
                            </td>
                            <td>
                                <small>
                                    {{ $indikator->sasaran_kegiatan }}
                                </small>
                            </td>
                            <td class="text-center">
                                <small>
                                    <div class="dropdown">
                                        <button class="btn p-0" type="button" id="dropdownMenuButton"
                                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="icon-lg text-muted pb-3px" data-feather="settings"></i>
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                            <a class="dropdown-item d-flex align-items-center renstraEditKegiatanIndikator"
                                               href="#"
                                               data-kegiatan-indikator-id="{{ encrypt($indikator->id) }}">
                                                <i data-feather="edit-2" class="icon-sm mr-1"></i>
                                                <span class="">Ubah</span>
                                            </a>
                                            <a class="dropdown-item d-flex align-items-center renstraDestroyKegiatanIndikator"
                                               href="#"
                                               data-kegiatan-indikator-id="{{ encrypt($indikator->id) }}">
                                                <i data-feather="trash" class="icon-sm mr-1"></i>
                                                <span class="">Hapus</span>
                                            </a>
                                        </div>
                                    </div>
                                </small>
                            </td>
                            <td class="text-center">
                                <small>
                                    1
                                </small>
                            </td>
                            <td>
                                <small>
                                    {{ $indikator->indikator }}
                                </small>
                            </td>
                            <td class="text-center">
                                <small>
                                    {{ $indikator->satuan }}
                                </small>
                            </td>
                            @if($indikatorTarget->isNotEmpty())
                                @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                    <td class="text-center">
                                        <small>
                                            @if($indikatorTarget->where('tahun', $i)->first()->target != 0)
                                                {{ $indikatorTarget->where('tahun', $i)->first()->target }}
                                            @else
                                                N/A
                                            @endif
                                        </small>
                                    </td>
                                @endfor
                            @else
                                @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                    <td class="text-center">-</td>
                                @endfor
                            @endif
                        </tr>

                        @foreach($indikators->slice(1) as $idxIndikator => $indikator)
                            @php
                                $idxIndikator = $idxIndikator + 1;
                                $indikatorTarget = $indikator->renstraKegiatanIndikatorTarget;
                                $trxIku = $indikator->trxIku
                                                    ->filter(function ($iku){
                                                        return $iku->trxRkt?->trxPk->isNotEmpty();
                                                    })
                                                    ->unique('jabatan_organisasi_aktif_id')
                                                    ->values();
                                $nilai = $indikator->orientasi_hasil + $indikator->relevansi_sasaran_atasan + $indikator->ketepatan;
                            @endphp

                            <tr>
                                <td>
                                    <small>
                                        {{ $indikator->sasaran_kegiatan }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    <small>
                                        <div class="dropdown">
                                            <button class="btn p-0" type="button" id="dropdownMenuButton"
                                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="icon-lg text-muted pb-3px" data-feather="settings"></i>
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item d-flex align-items-center renstraEditKegiatanIndikator"
                                                   href="#"
                                                   data-kegiatan-indikator-id="{{ encrypt($indikator->id) }}">
                                                    <i data-feather="edit-2" class="icon-sm mr-1"></i>
                                                    <span class="">Ubah</span>
                                                </a>
                                                <a class="dropdown-item d-flex align-items-center renstraDestroyKegiatanIndikator"
                                                   href="#"
                                                   data-kegiatan-indikator-id="{{ encrypt($indikator->id) }}">
                                                    <i data-feather="trash" class="icon-sm mr-1"></i>
                                                    <span class="">Hapus</span>
                                                </a>
                                            </div>
                                        </div>
                                    </small>
                                </td>
                                <td class="text-center">
                                    <small>
                                        {{ $idxIndikator }}
                                    </small>
                                </td>
                                <td>
                                    <small>
                                        {{ $indikator->indikator }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    <small>
                                        {{ $indikator->satuan }}
                                    </small>
                                </td>
                                @if($indikatorTarget->isNotEmpty())
                                    @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                        <td class="text-center">
                                            <small>
                                                @if($indikatorTarget->where('tahun', $i)->first()->target != 0)
                                                    {{ $indikatorTarget->where('tahun', $i)->first()->target }}
                                                @else
                                                    N/A
                                                @endif
                                            </small>
                                        </td>
                                    @endfor
                                @else
                                    @for($i=$periode->tahun_awal; $i <= $periode->tahun_akhir; $i++)
                                        <td class="text-center">-</td>
                                    @endfor
                                @endif
                            </tr>

                        @endforeach
                    @endif
                @endforeach
            @endforeach
        @else
            <tr>
                <td colspan="{{ 8 + $selisih }}">Data tidak ditemukan</td>
            </tr>
        @endif
    </table>
</div>