@extends('layouts.index')

@push('css')
<style>

	td{
		border: 1px solid #8898aa !important;
  		border-collapse: separate !important;
		padding : 7px !important;
		font-size : 12px !important;
		vertical-align: middle !important;

		min-width: 75px;
	}
	th{
		vertical-align: middle !important;
		text-align: center !important;

		border: 1px solid #8898aa !important;
  		border-collapse: separate !important;
		padding : 7px !important;
		font-size : 12px !important;
		vertical-align: middle !important;
	}

    .parent{
		background: greenyellow;
	}

	.child{
		background: bisque;
	}

	tr:not(.biasa){
		cursor: pointer;
	}

	table{
		display:block;
  		max-height : 800px;
  		overflow-y : scroll;
		border-collapse: separate !important;
	}

	table td {
		position: relative;
	}

	table td input {
        background: transparent;
		position: absolute;
		display: block;
		top:0;
		left:0;
		margin: 0;
		height: 100%;
		width: 100%;
		border: none;
		padding: 10px;
		box-sizing: border-box;
	}

    table td textarea {
        background: transparent;
		position: absolute;
		display: block;
		top:0;
		left:0;
		margin: 0;
		height: 100%;
		width: 100%;
		border: none;
		padding: 10px;
		box-sizing: border-box;
        line-height: 15px;
	}

	table td select {
        background: transparent;
		position: absolute;
		display: block;
		top:0;
		left:0;
		margin: 0;
		height: 100%;
		width: 100%;
		border: none;
		padding: 5px;
		box-sizing: border-box;
	}

	table th{
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.sticky-child{
		position: sticky;
		top: 142px;
		z-index: 1;
	}

	.break-word{
		max-width: 240px !important;
		word-wrap: break-word !important;
		white-space: inherit !important;
	}

</style>
@endpush

@section('content')

@include('layouts.include._breadcrumb')

<div class="page-content-wrapper">
@include('layouts.include.filter', ['semester' => true])
@php
$getSemester = $request->get('semester', 'all');
$getPd = $request->get('pd', NULL);

$tri1 = ($getSemester == 'tri1' || $getSemester == 'all');
$tri2 = ($getSemester == 'tri2' || $getSemester == 'all');
$tri3 = ($getSemester == 'tri3' || $getSemester == 'all');
$tri4 = ($getSemester == 'tri4' || $getSemester == 'all');

$fullColspan = ($tri1 && $tri2 && $tri3 && $tri4);
@endphp

<div class="row">
    <div class="col">
        <div class="card">
            <div class="card-body">
                <div class="card-title">
                    <div class="row">
                        <div class="col-6">
                            <h3 class="mb-0"> {{$title}} <i style="font-size: 11px;">(Data Otomatis Tersimpan)</i> </h3>
                        </div>
                        <div class="col-6 text-right">

							<a href="{{route('print', 'evaluasi_program') . "?pd=".$getPd."&semester=".$getSemester."&tahun=".$getTahun }}" class="btn btn-sm btn-primary" target="_blank"><i class="fa fa-download"> </i> Download Excel</a>
						</div>
                    </div>
                </div>
                <div class="table-responsive py-4" style="padding: 25px;">
                    <table class="table table-flush">
                        <thead class="thead-light">
                            <tr class="table-primary biasa">
                                <th rowspan="2">
                                    Kode
                                    <br>
                                    (Perangkat Daerah/
                                    <br>
                                    Urusan/
                                    <br>
                                    Bidang Urusan/
                                    <br>Program/
                                    <br>Kegiatan/
                                    <br>Sub Kegiatan)
                                </th>
                                <th rowspan="2" class="break-word">
                                    Perangkat Daerah/ Urusan/ Bidang Urusan Pemerintahan Daerah Dan Program/ Kegiatan
                                </th>

                                <th rowspan="2">Indikator <br> Kinerja <br> Program <br> (Outcome)/ <br>
                                    Kegiatan<br>(Output)</th>

                                <th colspan="2"> Target Kinerja <br> dan Anggaran <br> RKPD Kota Tahun <br> berjalan yg <br> dievaluasi ({{ $getTahun }}) </th>

                                @if($tri1)
                                <th colspan="3"> Triwulan <br> 1</th>
                                @endif
                                @if ($tri2)
                                <th colspan="3"> Triwulan <br> 2</th>
                                @endif
                                @if ($tri3)
                                <th colspan="3"> Triwulan <br> 3</th>
                                @endif
                                @if ($tri4)
                                <th colspan="3"> Triwulan <br> 4</th>
                                @endif

                                <th colspan="2"> Realisasi <br> Capaian <br> Kinerja <br> dan Anggaran <br> RKPD Kota yang <br> Dievaluasi ({{ $getTahun }})</th>

                                <th colspan="2"> Tingkat <br> Capaian <br> Kinerja dan <br> Realisasi <br> Anggaran <br> RKPD Tahun <br> {{ $getTahun }} (%) </th>
                                <th> Dokumen </th>

                            </tr>

                            <tr class="sticky-child table-primary biasa">

                                {{-- Target Kinerja --}}
                                <th>K </th>
                                <th>Rp </th>

                                {{-- Triwulan --}}
                                @if($tri1)
                                <th>Sumber <br> Dana <br> (1) </th>
                                <th>K <br> <br> (1) </th>
                                <th>Rp <br> <br> (1) </th>
                                @endif

                                @if($tri2)
                                <th>Sumber <br> Dana <br> (2) </th>
                                <th>K <br> <br> (2) </th>
                                <th>Rp <br> <br> (2) </th>
                                @endif

                                @if($tri3)
                                <th>Sumber <br> Dana <br> (3) </th>
                                <th>K <br> <br> (3) </th>
                                <th>Rp <br> <br> (3) </th>
                                @endif

                                @if($tri4)
                                <th>Sumber <br> Dana <br> (4) </th>
                                <th>K <br> <br> (4) </th>
                                <th>Rp <br> <br> (4) </th>
                                @endif

                                {{-- Realisasi Capaian Kinerja RKPD --}}
                                <th>K</th>
                                <th>Rp</th>

                                {{-- Tingkat Capaian Kinerja --}}
                                <th>K</th>
                                <th>Rp</th>
                                <th></th>
                            </tr>



                        </thead>
                        <tbody>
                            @foreach ($perangkatDaerah as $pd)
                            {{-- Perangkat Daerah --}}
                            <tr data-self="pd" data-id="{{ $pd->id }}" class="parent">
                                <td> {{ $pd->kode }} </td>

                                <td colspan="{{ ($fullColspan) ? 21 : 13 }}" class="break-word">
                                    {{ $pd->nama_perangkat_daerah }}
                                </td>

                            </tr>

                            @php
                            $no = 0;
                            @endphp
                            @foreach($pd->bidangUrusan as $bun)
                            {{-- Bidang Urusan --}}
                            <tr data-self="bun" data-parent="pd_{{ $pd->id }}" data-id="{{ $bun->id }}" class="child bidang-urusan">
                                <td> {{ $pd->kode }} - {{ $bun->urusan->masterUrusan->kd_urusan }} -
                                    {{ $bun->masterBidangUrusan->kd_bidang_urusan }} </td>


                                <td colspan="2" class="break-word">
                                    {{ $bun->masterBidangUrusan->nama_bidang_urusan }}
                                </td>

                                {{-- Target Kinerja --}}
                                <td></td>
                                {{-- <td>{{ number_format($bun->rp_target_kinerja) }}</td> --}}
                                <td>{{ number_format($bun->jumlah_belanja_pergeseran) }}</td>

                                {{-- Realisasi Kinerja Triwulan --}}
                                @if($tri1)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($bun->total_k_tri1) }}</td> --}}
                                <td>{{ number_format($bun->total_rp_tri1) }}</td>
                                @endif

                                @if($tri2)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($bun->total_k_tri2) }}</td> --}}
                                <td>{{ number_format($bun->total_rp_tri2) }}</td>
                                @endif

                                @if($tri3)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($bun->total_k_tri3) }}</td> --}}
                                <td>{{ number_format($bun->total_rp_tri3) }}</td>
                                @endif

                                @if($tri4)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($bun->total_k_tri4) }}</td> --}}
                                <td>{{ number_format($bun->total_rp_tri4) }}</td>
                                @endif

                                {{-- Realisasi Capaian Kinerja --}}
                                {{-- <td>{{ number_format($bun->total_k_triwulan) }}</td> --}}
                                <td></td>
                                <td>{{ number_format($bun->total_rp_triwulan) }}</td>

                                {{-- Tingkat Capaian Kinerja --}}
                                {{-- <td>{{ round($bun->total_k_capaian_kinerja, 2) }}</td> --}}
                                <td>{{ round($bun->avg_k_capaian_kinerja, 2) }}</td>
                                <td>{{ round($bun->total_rp_capaian_kinerja, 2) }}</td>
                                <td></td>

                            </tr>

                            @foreach($bun->program as $pm)
                            {{-- Program --}}
                            <tr data-self="pm" data-parent="bun_{{ $bun->id }}" data-id="{{ $pm->id }}" class="program">
                                <td> {{ $pd->kode }} - {{ $bun->urusan->masterUrusan->kd_urusan }} -
                                    {{ $bun->masterBidangUrusan->kd_bidang_urusan }} - {{ $pm->kd_program }} </td>

                                <td class="break-word">
                                    {{ $pm->nama_program }}
                                </td>

                                <td>
									{{-- {!! \Helper::findIndikatorRkpd($pm, 'pm', $getTahun) !!} --}}
								</td>

                                {{-- Target Kinerja --}}
								<td>
									{{ @$pm->k_target }}
								</td>
                                {{-- <td>{{ number_format($pm->pagu_indikatif) }}</td> --}}
                                <td>{{ number_format($pm->jumlah_belanja_pergeseran) }}</td>

                                {{-- Realisasi Kinerja Triwulan --}}
                                @if($tri1)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($pm->total_k_tri1) }}</td> --}}
                                <td>{{ number_format($pm->total_rp_tri1) }}</td>
                                @endif

                                @if($tri2)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($pm->total_k_tri2) }}</td> --}}
                                <td>{{ number_format($pm->total_rp_tri2) }}</td>
                                @endif

                                @if($tri3)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($pm->total_k_tri3) }}</td> --}}
                                <td>{{ number_format($pm->total_rp_tri3) }}</td>
                                @endif

                                @if($tri4)
                                <td></td>
                                <td></td>
                                {{-- <td>{{ number_format($pm->total_k_tri4) }}</td> --}}
                                <td>{{ number_format($pm->total_rp_tri4) }}</td>
                                @endif

                                {{-- Realisasi Capaian Kinerja --}}
                                {{-- <td>{{ number_format($pm->total_k_triwulan) }}</td> --}}
                                <td></td>
                                <td>{{ number_format($pm->total_rp_triwulan) }}</td>

                                {{-- Tingkat Capaian Kinerja --}}
                                <td>{{ round($pm->total_k_capaian_kinerja, 2) }}</td>
                                <td>{{ round($pm->total_rp_capaian_kinerja, 2) }}</td>
                                <td></td>


                            </tr>
                            
                            @foreach(\Helper::findIndikatorRkpd($pm, 'pm', $getTahun) as $ip)
                            {{-- Indikator Program --}}

                            <tr data-self="ip" data-parent="pm_{{ $pm->id }}" data-id="{{ $ip->id }}" class="kegiatan">
                                <td> {{ $ip->kode }} <i style="font-size:11px;" class="text-danger">(indikator program)</i> </td>
                                <td>  </td>
                                <td> {{ @$ip->k_tolak_ukur }} </td>

                                {{-- Target Kinerja --}}
                                <td> {{ @$ip->k_target }} </td>
                                <td></td>

                                {{-- Realisasi Kinerja Triwulan --}}
                                @if($tri1)
                                <td></td>
                                <td>
                                    {{ @$ip->realisasi_target_tri_1 }}
                                </td>
                                <td></td>
                                @endif

                                @if($tri2)
                                <td></td>
                                <td>
                                    {{ @$ip->realisasi_target_tri_2 }}
                                </td>
                                <td></td>
                                @endif

                                @if($tri3)
                                <td></td>
                                <td>
                                    {{ @$ip->realisasi_target_tri_3 }}
                                </td>
                                <td></td>
                                @endif

                                @if($tri4)
                                <td></td>
                                <td>
                                    {{ @$ip->realisasi_target_tri_4 }}
                                </td>
                                <td></td>
                                @endif

                                <td></td>
                                <td></td>
                                <td>{{ round($ip->total_k_capaian_kinerja,2) }}</td>
                                <td colspan="2"></td>

                            </tr>
                            
                            {{-- Akhir Indikator Program --}}
                            @endforeach
                            
                        {{-- Akhir Program --}}
                        @endforeach

                        {{-- Rata Rata Bidang Urusan --}}

                        <tr data-self="pm" data-parent="bun_{{ $bun->id }}" data-id="{{ $pm->id }}" class="table-dark black">
                            <td colspan="22"></td>
                        </tr>

                        <tr data-self="pm" data-parent="bun_{{ $bun->id }}" data-id="{{ $pm->id }}" class="bidang-urusan">
                            <td colspan="5" class="break-word text-right"> JUMLAH ANGGARAN DAN REALISASI DARI SELURUH PROGRAM</td>

                            {{-- Triwulan --}}
                            @if($tri1)
                            <td></td>
                            <td>{{ number_format($bun->total_k_tri1) }}</td>
                            <td>{{ number_format($bun->total_rp_tri1) }}</td>
                            @endif

                            @if($tri2)
                            <td></td>
                            <td>{{ number_format($bun->total_k_tri2) }}</td>
                            <td>{{ number_format($bun->total_rp_tri2) }}</td>
                            @endif

                            @if($tri3)
                            <td></td>
                            <td>{{ number_format($bun->total_k_tri3) }}</td>
                            <td>{{ number_format($bun->total_rp_tri3) }}</td>
                            @endif

                            @if($tri4)
                            <td></td>
                            <td>{{ number_format($bun->total_k_tri4) }}</td>
                            <td>{{ number_format($bun->total_rp_tri4) }}</td>
                            @endif

                            {{-- Realisasi Capaian Kinerja --}}
                            {{-- <td>{{ number_format($bun->total_k_triwulan) }}</td> --}}
                            <td></td>
                            <td>{{ number_format($bun->total_rp_triwulan) }}</td>

                            <td colspan="3"></td>
                        </tr>

                        <tr data-self="pm" data-parent="bun_{{ $bun->id }}" data-id="{{ $pm->id }}" class="table-dark black">
                            <td colspan="22"></td>
                        </tr>

                        <tr data-self="pm" data-parent="bun_{{ $bun->id }}" data-id="{{ $pm->id }}" class="bidang-urusan">
                            <td colspan="{{ ($fullColspan) ? 19 : 11 }}" class="break-word text-right">
                                <b> TOTAL RATA-RATA CAPAIAN KINERJA DAN ANGGARAN DARI SELURUH PROGRAM </b>
                            </td>
                            <td>
                                <b> {{ round($bun->avg_k_capaian_kinerja, 2) }} </b>
                            </td>
                            <td>
                                <b> {{ round($bun->total_rp_capaian_kinerja, 2) }} </b>
                            </td>
                        </tr>

                        <tr data-self="pm" data-parent="bun_{{ $bun->id }}" data-id="{{ $pm->id }}" class="bidang-urusan">
                            <td colspan="{{ ($fullColspan) ? 19 : 11 }}" class="break-word text-right">
                                <b> PREDIKAT KINERJA DARI SELURUH PROGRAM</b>
                            </td>
                            <td>
                                <b> {{ \Helper::hitungPredikat($bun->avg_k_capaian_kinerja) }} </b>
                            </td>
                            <td>
                                <b> {{ $bun->predikat_kinerja_rp }} </b>
                            </td>
                        </tr>

                        <tr data-parent="bun_{{ $bun->id }}" class="table-dark black">
                            <td colspan="22"></td>
                        </tr>

                        {{-- FAKTOR FAKTOR URUSAN --}}
                        <tr data-parent="bun_{{ $bun->id }}" class="urusan">
                            <td colspan="22">
                                Faktor Pendorong Keberhasilan Pencapaian :
                            </td>
                        </tr>
                        <tr data-parent="bun_{{ $bun->id }}" class="green-yellow">
                            <td colspan="22" height="30px;">
                                {{-- <input type="text" placeholder="......" name="bun_faktor_pendorong_{{ $bun->id }}" value="{{ @$un->faktor_pendorong }}"> --}}
                                <textarea name="bun_faktor_pendorong_{{ $bun->id }}" cols="30" rows="10" placeholder=".....">{{ @$un->faktor_pendorong }}</textarea>
                            </td>
                        </tr>

                        <tr data-parent="bun_{{ $bun->id }}" class="urusan">
                            <td colspan="22">
                                Faktor Penghambat Pencapaian Kinerja :
                            </td>
                        </tr>
                        <tr data-parent="bun_{{ $bun->id }}" class="green-yellow">
                            <td colspan="22" height="30px;">
                                {{-- <input type="text" placeholder="......" name="bun_faktor_penghambat_{{ $bun->id }}" value="{{ @$un->faktor_penghambat }}"> --}}
                                <textarea name="bun_faktor_penghambat_{{ $bun->id }}" cols="30" rows="10" placeholder=".....">{{ @$un->faktor_penghambat }}</textarea>
                            </td>
                        </tr>

                        <tr data-parent="bun_{{ $bun->id }}" class="urusan">
                            <td colspan="22">
                                Tindak Lanjut Yang Diperlukan Dalam RKPD kabupaten/kota berikutnya :
                            </td>
                        </tr>
                        <tr data-parent="bun_{{ $bun->id }}" class="green-yellow">
                            <td colspan="22" height="30px;">
                                <input type="text" name="bun_tindak_lanjut_rkpd_{{ $bun->id }}" readonly value="{{ @$un->tindak_lanjut_rkpd }}">
                            </td>
                        </tr>

                        <tr data-parent="bun_{{ $bun->id }}" class="urusan">
                            <td colspan="22">
                                Tindak Lanjut Yang Diperlukan Dalam RPJMD kabupaten/kota berikutnya :
                            </td>
                        </tr>
                        <tr data-parent="bun_{{ $bun->id }}" class="green-yellow">
                            <td colspan="22" height="30px;">
                                <input type="text" name="bun_tindak_lanjut_rpjmd_{{ $bun->id }}" readonly value="{{ @$un->tindak_lanjut_rpjmd }}">
                            </td>
                        </tr>
                        {{-- AKHIR FAKTOR FAKTOR URUSAN --}}

                        {{-- Akhir Bidang Urusan --}}
                        @endforeach


                        {{-- Akhir Perangkat Daerah --}}
                        @endforeach


                        </tbody>
                    </table>
                    {{-- <button class="btn btn-primary mt-5" type="submit">Simpan Perubahan</button>
				</form> --}}
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="card-title">

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

</div>
@endsection

@push('js')
<script>

function closeAllChild(obj)
	{
		const object = $(obj);
		object.each(function(i, o){
			let self = $(o).data('self');
			let id = $(o).data('id');

			let elTarget = $(`tr[data-parent="${self}_${id}"]`);
			elTarget.each(function(i, obj){
				$(obj).hide();

				closeAllChild(obj)
			});
		});

	}

	function collapseTable(obj)
	{
		const object = $(obj);
		const self = object.data('self');
		const id = object.data('id');

		$(".parent").removeClass('parent')
		object.addClass('parent')

		const elTarget = $(`tr[data-parent="${self}_${id}"]`);

		if( elTarget.is(":visible") ) {
			elTarget.hide();
			closeAllChild(elTarget);
		}else{
			elTarget.show();

			$(".child").removeClass('child')
			elTarget.addClass('child')
		}

	}

	const storeData = (el) => {
		let name = el.attr('name');
		let value = el.val();
		let data = {};
		// data[el.attr('name')] = el.val();

		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});

		$.ajax({
			'type' 	: 'POST',
			'url'	: '{{ route("evaluasi.store") }}',
			'data'	: {'name' : name, 'value' : value},
			success	: function(res){
				console.log(res);
			}
		});
	};

    $('input:not(.filter)').attr('readonly', true);
    $('textarea:not(.filter)').attr('readonly', true);
    $('select:not(.filter)').attr('disabled', true);

	$('input').keyup(function(){
		storeData($(this));
	});

	$('textarea').keyup(function(){
		storeData($(this));
	});

	$('select').change(function(){
		storeData($(this));
	});

	// DYNAMIC FIELD DETAIL SUB KEGIATAN
	const addButton = $('.addButton');
	const deleteButton = $('.deleteButton');

	const deleteRow = (el) => {
		$(el).parent().parent().remove();
	};

	const deleteDetail = (el) => {
		const tbodyGroup = $(el).parent().parent().parent();
		const detail_indikator_id = $(tbodyGroup).attr('data-id');

		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});

		$.ajax({
			'type': 'DELETE',
			'url': `{{ url("evaluasi-detail-indikator") }}/${detail_indikator_id}`,
			'data': {
				'detail_indikator_id': detail_indikator_id,
			},
			success: (res) => {
                const semester = "{{ $getSemester }}";
				tbodyGroup.remove();
				// window.location.href = `{!! url('evaluasi?semester=${semester}&status=${res.status}&message=${res.message}') !!}`;
                // window.location.reload();
			},
		});

	};

	$(deleteButton).click(function(){
		deleteDetail($(this));
	});

	const storeIndikator = (el) => {
        const cariField = $('.button-form');
        let uraian = [];
        let indikator_sub_kegiatan_id = [];
        let triwulan = [];
        let jumlah_dana = [];
        let sumber_dana_id = [];

        $.each(cariField, function(key, value){
            indikator_sub_kegiatan_id.push($(value).attr('name'));
            uraian.push($(value).parent().parent().find('input[name=uraian]').val());

            triwulan.push($(value).parent().parent().find('select[name=triwulan]').val());
            jumlah_dana.push($(value).parent().parent().find('input[name=jumlah_dana]').val());
            sumber_dana_id.push($(value).parent().parent().find('select[name=sumber_dana]').val());
        });

		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			}
		});

		$.ajax({
			'type' 	: 'POST',
			'url'	: '{{ route("evaluasi.store_detail_indikator") }}',
			'data'	: {
				'uraian' : uraian,
				'triwulan' : triwulan,
				'jumlah_dana' : jumlah_dana,
				'sumber_dana_id' : sumber_dana_id,
				'indikator_sub_kegiatan_id' : indikator_sub_kegiatan_id,
			},
			success	: function(res){
                if(res.status == 'success'){
                    const semester = "{{ $getSemester }}";
                    const tes = $('.button-form');
                    $.each(tes, function(key, value){
                        $(value).parent().parent().find('input').attr('readonly', true);
                        $(value).parent().parent().find('select').attr('disabled', 'disabled');
                        console.log($(value).parent().parent().find('select'))
                        $(value).parent().parent().find('.btn-danger').remove();
                        $(value).remove();
                    })
                    alert('Berhasil Tersimpan')
                }else{
                    alert('Gagal disimpan.. ' + res.message)
                }
				// window.location.href = `{!! url('evaluasi?semester=${semester}&status=${res.status}&message=${res.message}') !!}`;
                // window.location.reload();
			}
		});
	};

    $('.btnDokumen').click(function(e){
        e.stopPropagation();
    });

	$(addButton).click(function(e){
        e.stopPropagation();
		const idIndikatorSubKegiatan = $(this).attr('name');
		const newrow = $(`
		<tr>
			<td class="text-center">
				<button class="btn btn-danger btn-sm" onclick=deleteRow(this);><i class="fas fa-trash"></i> Hapus
				 </button>
			</td>
			<td colspan="2">Uraian/Keterangan :</td>
            <td colspan="6">
                <input type="text" placeholder="......" name="uraian" required>
            </td>

            
            <td>
                <select name="triwulan">
                    <option value="">Pilih Triwulan</option>
                    <option value="1">Triwulan 1</option>
                    <option value="2">Triwulan 2</option>
                    <option value="3">Triwulan 3</option>
                    <option value="4">Triwulan 4</option>
                </select>
            </td>
            <td>
                <select name="sumber_dana_id">
                    <option value="">Sumber Dana</option>
                    @foreach($sumber_dana as $dana)
                    <option value="{{ $dana->id }}">{{ $dana->sumber_dana }}</option>
                    @endforeach
                </select>
            </td>
            <td>
                <input type="text" placeholder="......" name="jumlah_dana" class="text-center">
            </td>

			<td colspan="16">
				<button class="btn btn-primary btn-sm button-form" type="button" name="${idIndikatorSubKegiatan}" onClick=storeIndikator(this)> Submit Semua Uraian </button>
			</td>
		</tr>
		`);

		$(this).parent().parent().parent().after(newrow);

		$('.money').mask('000.000.000.000.000', {reverse: true});

	});

  $(document).ready(function(){
	// Remove Query Params
    // var uri = window.location.toString();
    // if (uri.indexOf("?") > 0) {
    //     var clean_uri = uri.substring(0, uri.indexOf("?"));
    //     window.history.replaceState({}, document.title, clean_uri);
    // }

    $("tr:not(.biasa,[data-self='bun'],[data-self='pd'])").hide();
		$("tr").click(function(){
			const parentEl = $(this);
			collapseTable(parentEl)

		})
	});
</script>
@endpush