@extends('layouts.index')

@push('css')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.min.css"
    rel="stylesheet">

<style>
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        color: white !important;
        font-weight: 700 !important;
    }

    .btn-custom {
        padding: 10px 20px; /* Adjust the padding to control the button size */
        font-size: 17px; /* Adjust the font size if needed */
    }

    .hover-text {
        display: none;
        position: absolute;
        background-color: #f0f0f0;
        border-radius: 5px;
        padding: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    #lock-icon:hover + .hover-text {
        display: block;
    }

</style>
@endpush

@section('content')

<div class="page-content">
    <div class="container-fluid">
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <div class="page-title">
                        <h4 class="mb-0 font-size-18">Identifikasi Sub Kegiatan</h4>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active">Welcome to {{ env('APP_NAME') }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="page-content-wrapper">
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <!-- Card body -->
                        <div class="card-body">
                            <div class="card-title">
                                <div class="row">
                                    <div class="col-md-6">
                                        <h3 class="mb-0">Identifikasi Sub Kegiatan</h3>
                                    </div>
                                    <div class="col-6 text-end">
                                        <a href="{{ route('proker.index', ['pd' => $proker_sub_kegiatan->ProkerKegiatan->ProkerProgram->proker->opd_id, 'tahun' => $proker_sub_kegiatan->ProkerKegiatan->ProkerProgram->proker->tahun]) }}"
                                            class="btn btn-warning">
                                            Kembali
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <form method="POST" action="{{route($url.'.update', $proker_sub_kegiatan->id)}}">
                                {{csrf_field()}}
                                {{method_field('PUT')}}
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="program">Program </label>
                                            <input type="text" class="form-control" name="program"
                                                value=" [{{$proker_sub_kegiatan->prokerKegiatan->prokerProgram->program->kode}}] {{$proker_sub_kegiatan->prokerKegiatan->prokerProgram->program->nama_program}}"
                                                readonly>
                                        </div>

                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="kegiatan">Kegiatan </label>
                                            <input type="text" class="form-control" name="kegiatan"
                                                value=" [{{$proker_sub_kegiatan->prokerKegiatan->kegiatan->kode}}] {{$proker_sub_kegiatan->prokerKegiatan->kegiatan->nama_kegiatan}}"
                                                readonly>
                                        </div>

                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="sub_kegiatan_id"> Sub Kegiatan
                                            </label>
                                            <select class="form-control select2" data-toggle="select"
                                                name="sub_kegiatan_id" disabled>
                                                <option value="">Cari Sub Kegiatan (Kode/Nama Sub Kegiatan)</option>
                                                @foreach($sub_kegiatan as $data)
                                                <option value="{{$data->id}}" @if($data->id ==
                                                    $proker_sub_kegiatan->sub_kegiatan_id) selected
                                                    @endif>[{{$data->kode}}] {{$data->nama_sub_kegiatan}}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="anggaran">Anggaran Sub Kegiatan
                                            </label>
                                            <input type="text" class="form-control text-nowrap" name="anggaran"
                                                value="Rp{{number_format($proker_sub_kegiatan->anggaran , 0, ',', '.')}}" readonly
                                                required>
                                        </div>

                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="kpa_id"> PA / KPA </label>
                                            <select class="form-control select2" data-toggle="select" name="kpa_id"
                                                disabled>
                                                <option value="">Pilih PA / KPA</option>
                                                @foreach($kpa as $data)
                                                <option value="{{$data->id}}" @if($data->id ==
                                                    $proker_sub_kegiatan->kpa_id) selected @endif>{{$data->nama}}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="pptk"> PPTK </label>
                                            <select class="form-control select2" data-toggle="select" name="pptk_id"
                                                disabled>
                                                <option value="">Pilih PPTK</option>
                                                @foreach($pptk as $data)
                                                <option value="{{$data->id}}" @if($data->id ==
                                                    $proker_sub_kegiatan->user_id) selected @endif>{{$data->nama}}
                                                </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        {{-- <div class="form-group my-3">
                                            <label class="form-control-label" for="sumber_dana"> Sumber Dana </label>
                                            <select class="form-control select2" data-toggle="select"
                                                name="sumber_dana_id" disabled>
                                                <option value="">Pilih Sumber Dana</option>
                                                @foreach($sumber_dana as $data)
                                                <option value="{{$data->id}}" @if($data->id ==
                                                    $proker_sub_kegiatan->sumber_dana_id) selected
                                                    @endif>{{$data->sumber_dana}}</option>
                                                @endforeach
                                            </select>
                                        </div> --}}

                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="bagian"> Bagian/Bidang/Kelurahan/UPT
                                            </label>
                                            <input type="text" class="form-control" name="bagian"
                                                value="{{ $proker_sub_kegiatan->bagian }}" required
                                                placeholder="Bagian/Bidang/Kelurahan/UPT" readonly>
                                        </div>

                                        <div class="form-group my-3">
                                            <label class="form-control-label" for="batas">Batas Anggaran Sub Kegiatan
                                            </label>
                                            <input type="text" class="form-control text-nowrap" name="batas"
                                                value="Rp{{number_format($proker_sub_kegiatan->batas_anggaran , 0, ',', '.')}}" readonly
                                                required>
                                        </div>
                                    </div>

                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label class="form-control-label" for="unggulan">{{ $kategori }}
                                            </label>
                                            <input type="text" class="form-control text-nowrap" name="batas"
                                                value="{{ $proker_sub_kegiatan->ProgramUnggulan->nama ?? "Bukan ".$kategori }}" readonly
                                                required>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <label class="form-label mb-0 text-center">Target Fisik (%)</label>
                                    <table class="table mt-0 pt-0">
                                        <tr class="mt-0 pt-0">
                                            <td class="text-center mb-0 pb-0">Januari</td>
                                            <td class="text-center mb-0 pb-0">Februari</td>
                                            <td class="text-center mb-0 pb-0">Maret</td>
                                            <td class="text-center mb-0 pb-0">April</td>
                                            <td class="text-center mb-0 pb-0">Mei</td>
                                            <td class="text-center mb-0 pb-0">Juni</td>
                                            <td class="text-center mb-0 pb-0">Juli</td>
                                            <td class="text-center mb-0 pb-0">Agustus</td>
                                            <td class="text-center mb-0 pb-0">September</td>
                                            <td class="text-center mb-0 pb-0">Oktober</td>
                                            <td class="text-center mb-0 pb-0">November</td>
                                            <td class="text-center mb-0 pb-0">Desember</td>
                                        </tr>
                                        <tr class="mt-0 pt-0">
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_1 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_2 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_3 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_4 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_5 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_6 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_7 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_8 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_9 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_10 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_11 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_fisik_12 ?? '-' }}
                                            </td>
                                        </tr>
                                    </table>
                                </div>

                                <div class="row">
                                    <label class="form-label mb-0 text-center">Target Keuangan (%)</label>
                                    <table class="table mt-0 pt-0">
                                        <tr class="mt-0 pt-0">
                                            <td class="text-center mb-0 pb-0">Januari</td>
                                            <td class="text-center mb-0 pb-0">Februari</td>
                                            <td class="text-center mb-0 pb-0">Maret</td>
                                            <td class="text-center mb-0 pb-0">April</td>
                                            <td class="text-center mb-0 pb-0">Mei</td>
                                            <td class="text-center mb-0 pb-0">Juni</td>
                                            <td class="text-center mb-0 pb-0">Juli</td>
                                            <td class="text-center mb-0 pb-0">Agustus</td>
                                            <td class="text-center mb-0 pb-0">September</td>
                                            <td class="text-center mb-0 pb-0">Oktober</td>
                                            <td class="text-center mb-0 pb-0">November</td>
                                            <td class="text-center mb-0 pb-0">Desember</td>
                                        </tr>
                                        <tr class="mt-0 pt-0">
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_1 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_2 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_3 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_4 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_5 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_6 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_7 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_8 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_9 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_10 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_11 ?? '-' }}
                                            </td>
                                            <td class="text-center pt-0 mt-0 ">
                                                {{ $proker_sub_kegiatan->target_keuangan_12 ?? '-' }}
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                    <button id="showModalBtn" class="btn btn-secondary"><i class="fa fa-cog"></i> Setting Target</button>

                </div>
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <div class="row">
                                    <div class="col-6">
                                        <h3 class="mb-0">Paket Pekerjaan</h3>
                                    </div>
                                    
                                    <div class="col-6 text-end">
                                        @role('admin|admin-PPTK|admin-opd')
                                        <a href="{{route('rincian-kegiatan.create', ['proker_sub_kegiatan_id' => $proker_sub_kegiatan->id])}}"
                                            class="btn btn-sm btn-primary tambah-rincian"><i class="fa fa-plus"> </i>Tambah Rincian
                                            Kegiatan</a>
                                        @endrole
                                    </div>
                                    
                                </div>
                                @if ($proker_sub_kegiatan->anggaran < $proker_sub_kegiatan->batas_anggaran)
                                    <div class="row">
                                        <div class="alert alert-warning my-3">
                                            <center>
                                                Inputan Rincian Sub Kegiatan Kurang Rp.{{ number_format($proker_sub_kegiatan->batas_anggaran-$proker_sub_kegiatan->anggaran , 0, ',', '.') }} Silahkan Sesuaikan Paket Pekerjaan Anda Kembali!
                                            </center>
                                        </div>
                                    </div>
                                @endif
                                @if ($proker_sub_kegiatan->anggaran > $proker_sub_kegiatan->batas_anggaran)
                                    <div class="row">
                                        <div class="alert alert-danger my-3">
                                            <center>
                                                Inputan Rincian Sub Kegiatan Lebih Rp.{{ number_format($proker_sub_kegiatan->batas_anggaran-$proker_sub_kegiatan->anggaran , 0, ',', '.') }} Silahkan Sesuaikan Paket Pekerjaan Anda Kembali!
                                            </center>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="table-responsive py-4">
                                @role('admin|admin-PPTK|admin-opd')
                                    <form style="display: inline;" method="POST"
                                        action="{{route('rincian-kegiatan.destroy', $data['id'])}}">
                                        {{csrf_field()}}
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" class="idrincians" name="rincianIds">
                                        <button type="submit" class="btn btn-sm btn-danger" id="delete-all-rincian"
                                        onclick="return hapus()"><i class="fa fa-trash"></i>
                                        Hapus Pilihan<span id="delete-rincian-count">[ ]</span></button>
                                        
                                    </form>
                                    
                                    @role('admin')
                                    <form style="display: inline;" action="{{ route('unlock.rincian') }}" method="POST">
                                        @csrf
                                        <input type="hidden" class="idrinciansunlock" name="rincianIdsAllUnlock">
                                        <button type="submit" class="btn btn-sm m-2" id="allUnlock"><i class="fas fa-lock-open"></i> Buka Pilihan</button>
                                    </form>

                                    <form style="display: inline;" action="{{ route('lock.rincian') }}" method="POST">
                                        @csrf
                                        <input type="hidden" class="idrincianslock" name="rincianIdsAllLock">
                                        <button type="submit" class="btn btn-sm m-2" id="allLock"><i class="fas fa-lock"></i> Kunci Pilihan</button>
                                    </form>
                                    @endrole

                                    @endrole
                                <table class="table table-hover table-bordered sticky-header">
                                    <thead style="background-color: rgb(220, 218, 218)">
                                        <tr>
                                            <th class=" align-middle text-center" rowspan="2">
                                                <input class="form-check-input check-all-rincian" type="checkbox" value="" id="flexCheckDefault">
                                            </th>
                                            <th class="text-center align-middle" rowspan="2">No</th>
                                            <th class="align-middle" rowspan="2">Kode Rekening</th>

                                            @if ($proker_sub_kegiatan->RincianKegiatan->contains(function ($rincianKegiatan) {
                                                return $rincianKegiatan->SumberDana->sumber_dana == "BanKeu" ||
                                                       $rincianKegiatan->SumberDana->sumber_dana == "DAK Fisik" ||
                                                       $rincianKegiatan->SumberDana->sumber_dana == "DAK Non Fisik" ||
                                                       $rincianKegiatan->status_mendesak == 1;
                                            }))
                                                <th class="align-middle" rowspan="2">Bidang/Sub Bidang/Uraian</th>
                                            @else
                                                <th class="align-middle" rowspan="2">Uraian</th>
                                            @endif
                                            
                                            
                                            <th class="text-center" colspan="3">Murni</th>
                                            @if ($status_tahapan >= 2)
                                                <th class="text-center" colspan="3">Pergeseran</th>
                                                @if ($status_tahapan >= 3)
                                                    <th class="text-center" colspan="3">Perubahan</th>
                                                    @if ($status_tahapan >= 4)
                                                        <th class="text-center" colspan="3">Perubahan Pergeseran</th>
                                                    @endif
                                                @endif
                                            @endif
                                            {{-- <th rowspan="3">Jumlah Anggaran</th> --}}
                                            {{-- <th rowspan="2">Bobot</th> --}}
                                            <th class="align-middle text-center" rowspan="2">Sumber Dana</th>
                                            <th class="align-middle text-center" rowspan="2">Mendesak</th>
                                            <th class="align-middle text-center" rowspan="2">Pengadaan</th>
                                            <th class="align-middle text-center" rowspan="2">Jenis UMK</th>
                                            <th class="align-middle text-center" rowspan="2">PDN</th>
                                            <th class="align-middle text-center" rowspan="2">Proyek Strategis</th>
                                            {{-- <th class="align-middle text-center" rowspan="2">UMKM/Non-UMKM</th> --}}
                                            <th class="align-middle text-center" rowspan="2">Aksi</th>
                                        </tr>
                                        <tr>
                                            @for ($i = 0; $i < $status_tahapan; $i++)
                                                <th class="align-middle text-center" >Volume</th>
                                                <th class="align-middle text-center" >Satuan</th>
                                                <th class="align-middle text-center" >Jumlah Anggaran</th>
                                            @endfor

                                            {{-- <th>Volume</th>
                                            <th>Satuan</th>
                                            <th>Jumlah Anggaran</th>

                                            <th>Volume</th>
                                            <th>Satuan</th>
                                            <th>Jumlah Anggaran</th>

                                            <th>Volume</th>
                                            <th>Satuan</th>
                                            <th>Jumlah Anggaran</th> --}}
                                        </tr>
                                    </thead>
                                    @php $num = 1; @endphp
                                    @if ($cek_sumberdana)
                                        
                                        <tbody>
                                            <tr style="background-color: rgb(235, 255, 250)">
                                                <td></td>
                                                <td colspan="3">{{ $proker_sub_kegiatan->subKegiatan->nama_sub_kegiatan }}</td>
                                                <td></td>
                                                <td></td>
                                                <td class="text-nowrap">Rp{{ number_format($proker_sub_kegiatan->anggaranmurni , 0, ',', '.') }}</td>
                                                @if ($status_tahapan >= 2)
                                                    <td></td>
                                                    <td></td>
                                                    <td>Rp{{ number_format($proker_sub_kegiatan->anggaranpergeseran , 0, ',', '.') }}</td>
                                                    @if ($status_tahapan >= 3)
                                                        <td></td>
                                                        <td></td>
                                                        <td>Rp{{ number_format($proker_sub_kegiatan->anggaranperubahan , 0, ',', '.') }}</td>
                                                        @if ($status_tahapan >= 4)
                                                            <td></td>
                                                            <td></td>
                                                            <td>Rp{{ number_format($proker_sub_kegiatan->anggaranperubahanpergeseran , 0, ',', '.') }}</td>
                                                        @endif
                                                    @endif
                                                @endif
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            @foreach($proker_sub_kegiatan->rincianKegiatan as $bidangkey => $bidang )
                                                <tr style="background-color: rgb(245, 255, 255)">
                                                    <td></td>
                                                    <td colspan="3">
                                                        {{ $bidangkey }}
                                                    </td>
                                                    <td colspan="5"></td>
                                                </tr>
                                                @foreach ($bidang as $subbidangkey => $subbidang )
                                                    <tr style="background-color: rgb(255, 245, 240)">
                                                        <td></td>
                                                        @php
                                                            [$namaBidang, $nomorBidang] = explode('_', $subbidangkey);
                                                        @endphp
                                                        <td class="text-center text-nowrap">
                                                            [ {{ $nomorBidang }} ]
                                                        </td>
                                                        <td colspan="2">
                                                            {{ $namaBidang }}
                                                        </td>
                                                        <td colspan="5"></td>
                                                    </tr>
                                                    {{-- @php $num = 1; @endphp --}}
                                                    @foreach($subbidang as $data)
                                                    <tr>
                                                        <td class="text-center d-flex flex-column align-items-center">
                                                            {{-- <input class="form-check-input check-rincian m-2" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault"> --}}
                                                            @role('admin')
                                                                <input class="form-check-input check-rincian m-2" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault">
                                                                @if ($data->kunci_rincian == true)
                                                                    <form action="{{ route('unlock.rincian') }}" method="POST">
                                                                        @csrf
                                                                        <input name="id" type="hidden" value="{{ $data->id }}">
                                                                        <button id="lock" type="" class="btn btn-sm m-2" data-id="{{ $data->id }}"><i class="fas fa-lock"></i></button>
                                                                    </form>
                                                                @else
                                                                    <form action="{{ route('lock.rincian') }}" method="POST">
                                                                        @csrf
                                                                        <input name="id" type="hidden" value="{{ $data->id }}">
                                                                        <button id="unlock" type="submit" class="btn btn-sm m-2" data-id="{{ $data->id }}"><i class="fas fa-lock-open"></i></button>
                                                                    </form>
                                                                @endif
                                                            @endrole

                                                            @role('admin-PPTK|admin-opd')
                                                            @if ($data->kunci_rincian != true)
                                                                <input class="form-check-input check-rincian m-2" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault">
                                                            @endif
                                                            @endrole
                                                        </td>
                                                        <td class="text-center">{{$num++}}</td>
                                                        <td>{{$data->kode_rekening}}</td>
                                                        <td>{{$data->uraian}}</td>
                                                        <td class="text-center">{{$data->volume_murni}}</td>
                                                        <td class="text-center">{{$data->satuan_murni}}</td>
                                                        <td class="text-nowrap text-end">Rp{{number_format($data->pagu_murni , 0, ',', '.')}}</td>

                                                        @if ($status_tahapan >= 2)
                                                            <td class="text-center">{{$data->volume_pergeseran}}</td>
                                                            <td class="text-center">{{$data->satuan_pergeseran}}</td>
                                                            <td class="text-nowrap text-end">Rp{{number_format($data->pagu_pergeseran , 0, ',', '.')}}</td>
                                                            @if ($status_tahapan >= 3)
                                                                <td class="text-center">{{$data->volume_perubahan}}</td>
                                                                <td class="text-center">{{$data->satuan_perubahan}}</td>
                                                                <td class="text-nowrap text-end">Rp{{number_format($data->pagu_perubahan , 0, ',', '.')}}</td>
                                                                @if ($status_tahapan >= 4)
                                                                    <td class="text-center">{{$data->volume_perubahan_pergeseran}}</td>
                                                                    <td class="text-center">{{$data->satuan_perubahan_pergeseran}}</td>
                                                                    <td class="text-nowrap text-end">Rp{{number_format($data->pagu_perubahan_pergeseran , 0, ',', '.')}}</td>
                                                                @endif
                                                            @endif
                                                        @endif
                                                        <td class="text-center">{{ @$data->SumberDana->sumber_dana }}</td>
                                                        <td class="text-center">{{ $data->status_mendesak == 1 ? 'Ya' : 'Tidak' }}</td>
                                                        <td class="text-center">{{ $data->pengadaan == 1 ? 'Ya' : 'Tidak' }}</td>
                                                        <td class="text-center">{{ $data->jenisUmk->nama ?? "Tidak ada" }}</td>
                                                        <td class="text-center">{{ $data->RealisasiRincianKegiatan ? $data->RealisasiRincianKegiatan->pdn == 1 ? "Ya" : "Tidak" : "-" }}</td>
                                                        <td class="text-center">{{ $data->strategis == 1 ? 'Ya' : 'Tidak' }}</td>
                                                        {{-- <td class="text-center">{{ $data->umkm == 1 ? 'Ya' : 'Tidak' }}</td> --}}
                                                        <td>
                                                            @role('admin|admin-PPTK|admin-opd')
                                                            <form method="POST"
                                                                action="{{route('rincian-kegiatan.destroy', $data['id'])}}">
                                                                {{csrf_field()}}
                                                                <input type="hidden" name="_method" value="DELETE">
                                                                
                                                                <a href="{{route('rincian-kegiatan.edit', $data['id'])}}"
                                                                    class="btn btn-sm btn-warning m-1"><i class="fa fa-pen">
                                                                    </i>Edit</a>
                                                                
                                                                @if ($data->RealisasiRincianKegiatan && ($data->RealisasiRincianKegiatan->realisasiKeuangan->count() > 0  or $data->RealisasiRincianKegiatan->realisasiFisik->count() > 0 ))
                                                                    <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus-berrealisasi"
                                                                    onclick="return hapus()"><i class="fa fa-trash"></i>
                                                                    Hapus</button>
                                                                @else
                                                                    <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus"
                                                                    onclick="return hapus()"><i class="fa fa-trash"></i>
                                                                    Hapus</button>
                                                                @endif 

                                                                {{-- @if ($data->status_gabungan)
                                                                    <a href="{{route('detail-rincian-kegiatan.show', $data['id'])}}"
                                                                    class="btn btn-sm btn-primary m-1"><i class="fa fa-eye">
                                                                    </i> Detail</a>
                                                                @endif --}}
                                                            </form>
                                                            @endrole
                                                        </td>
                                                    {{--  <td>[{{$data->RealisasiRincianKegiatan?$data->RealisasiRincianKegiatan->id:'-'}}]|{{$data->RealisasiRincianKegiatan?$data->RealisasiRincianKegiatan->fisik:'-'}}</td> --}}
                                                    </tr>
                                                    @endforeach
                                                @endforeach
                                            @endforeach
                                        </tbody>
                                        
                                    @else
                                        <tbody>
                                            <tr>
                                                <td></td>
                                                <td colspan="3">{{ $proker_sub_kegiatan->subKegiatan->nama_sub_kegiatan }}</td>
                                                <td></td>
                                                <td></td>
                                                <td class="text-nowrap text-end">Rp{{ number_format($proker_sub_kegiatan->anggaranmurni, 0, ',', '.') }}</td>
                                                @if ($status_tahapan >= 2)
                                                    <td></td>
                                                    <td></td>
                                                    <td class="text-nowrap text-end">Rp{{ number_format($proker_sub_kegiatan->anggaranpergeseran, 0, ',', '.') }}</td>
                                                    @if ($status_tahapan >= 3)
                                                        <td></td>
                                                        <td></td>
                                                        <td class="text-nowrap text-end">Rp{{ number_format($proker_sub_kegiatan->anggaranperubahan, 0, ',', '.') }}</td>
                                                        @if ($status_tahapan >= 4)
                                                            <td></td>
                                                            <td></td>
                                                            <td class="text-nowrap text-end">Rp{{ number_format($proker_sub_kegiatan->anggaranperubahanpergeseran, 0, ',', '.') }}</td>
                                                        @endif
                                                    @endif
                                                @endif
                                                {{-- <td></td>
                                                <td></td>
                                                <td>Rp{{ number_format($proker_sub_kegiatan->anggaran) }}</td>
                                                <td></td>
                                                <td></td>
                                                <td>Rp{{ number_format($proker_sub_kegiatan->anggaran) }}</td>
                                                <td></td>
                                                <td></td>
                                                <td>Rp{{ number_format($proker_sub_kegiatan->anggaran) }}</td> --}}
                                                {{-- <td>100</td> --}}
                                                <td></td>
                                                <td></td>
                                                {{-- <td>TES</td> --}}
                                            </tr>
                                            {{-- @php $num = 1; @endphp --}}
                                            @foreach($proker_sub_kegiatan->rincianKegiatan->chunk(50) as $chunk)
                                            @foreach($chunk as $data)
                                            <tr>
                                                <td class="text-center d-flex flex-column align-items-center">
                                                    {{-- <input class="form-check-input check-rincian m-2" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault"> --}}
                                                    @role('admin')
                                                        <input class="form-check-input check-rincian m-2" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault">
                                                        @if ($data->kunci_rincian == true)
                                                            <form action="{{ route('unlock.rincian') }}" method="POST">
                                                                @csrf
                                                                <input name="id" type="hidden" value="{{ $data->id }}">
                                                                <button id="lock" type="" class="btn btn-sm m-2" data-id="{{ $data->id }}"><i class="fas fa-lock"></i></button>
                                                            </form>
                                                        @else
                                                            <form action="{{ route('lock.rincian') }}" method="POST">
                                                                @csrf
                                                                <input name="id" type="hidden" value="{{ $data->id }}">
                                                                <button id="unlock" type="submit" class="btn btn-sm m-2" data-id="{{ $data->id }}"><i class="fas fa-lock-open"></i></button>
                                                            </form>
                                                        @endif
                                                    @endrole

                                                    @role('admin-PPTK|admin-opd')
                                                    @if ($data->kunci_rincian != true)
                                                        <input class="form-check-input check-rincian m-2" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault">
                                                    @endif
                                                    @endrole
                                                </td>
                                                <td class="text-center">{{$num++}}</td>
                                                {{-- <td>{{$data->id}}</td> --}}
                                                <td>{{$data->kode_rekening}}</td>
                                                <td>{{$data->uraian}}</td>
                                                <td class="text-center">{{$data->volume_murni}}</td>
                                                <td class="text-center">{{$data->satuan_murni}}</td>
                                                <td class="text-nowrap text-end">Rp{{number_format($data->pagu_murni, 0, ',', '.')}}</td>

                                                @if ($status_tahapan >= 2)
                                                    <td class="text-center">{{$data->volume_pergeseran}}</td>
                                                    <td class="text-center">{{$data->satuan_pergeseran}}</td>
                                                    <td class="text-nowrap text-end">Rp{{number_format($data->pagu_pergeseran, 0, ',', '.')}}</td>
                                                    @if ($status_tahapan >= 3)
                                                        <td class="text-center">{{$data->volume_perubahan}}</td>
                                                        <td class="text-center">{{$data->satuan_perubahan}}</td>
                                                        <td class="text-nowrap text-end">Rp{{number_format($data->pagu_perubahan, 0, ',', '.')}}</td>
                                                        @if ($status_tahapan >= 4)
                                                            <td class="text-center">{{$data->volume_perubahan_pergeseran}}</td>
                                                            <td class="text-center">{{$data->satuan_perubahan_pergeseran}}</td>
                                                            <td class="text-nowrap text-end">Rp{{number_format($data->pagu_perubahan_pergeseran, 0, ',', '.')}}</td>
                                                        @endif
                                                    @endif
                                                @endif
                                                <td class="text-center">{{ @$data->SumberDana->sumber_dana }}</td>
                                                <td class="text-center">{{ $data->status_mendesak == 1 ? 'Ya' : 'Tidak' }}</td>
                                                @if ($data->pengadaan == 1)
                                                    <td class="text-center">{{ $data->pengadaan == 1 ? 'Ya' : 'Tidak' }}</td>
                                                    <td class="text-center">{{ $data->jenisUmk->nama ?? "Tidak ada" }}</td>
                                                @else
                                                    <td class="text-center" colspan="2">Non Pengadaan</td>
                                                @endif
                                                <td class="text-center">{{ $data->RealisasiRincianKegiatan ? $data->RealisasiRincianKegiatan->pdn == 1 ? "Ya" : "Tidak" :"-" }}</td>
                                                <td class="text-center">{{ $data->strategis == 1 ? 'Ya' : 'Tidak' }}</td>
                                                {{-- <td class="text-center">{{ $data->umkm == 1 ? 'Ya' : 'Tidak' }}</td> --}}
                                                {{-- <td>{{ \Helper::hitungPersen($data->pagu, $proker_sub_kegiatan->anggaran) }}
                                                </td> --}}
                                                <td class="text-center align-middle">
                                                    @role('admin-PPTK|admin-opd')
                                                    {{-- @if ($data->kunci_rincian)
                                                        <i class="fa fa-lock" id="lock-icon"></i>
                                                        <span class="hover-text text-nowrap">Rincian Dikunci!</span>
                                                    @else --}}
                                                        <form method="POST"
                                                            action="{{route('rincian-kegiatan.destroy', $data['id'])}}">
                                                            {{csrf_field()}}
                                                            <input type="hidden" name="_method" value="DELETE">
                                                            
                                                            <a href="{{route('rincian-kegiatan.edit', $data['id'])}}"
                                                                class="btn btn-sm btn-warning m-1"><i class="fa fa-pen">
                                                                </i> Edit</a>
                                                            
                                                            @if ($data->RealisasiRincianKegiatan && ($data->RealisasiRincianKegiatan->realisasiKeuangan->count() > 0  or $data->RealisasiRincianKegiatan->realisasiFisik->count() > 0 ))
                                                                <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus-berrealisasi"
                                                                onclick="return hapus()"><i class="fa fa-trash"></i>
                                                                Hapus</button>
                                                            @else
                                                                <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus"
                                                                onclick="return hapus()"><i class="fa fa-trash"></i>
                                                                Hapus</button>
                                                            @endif 
                                                        </form>
                                                    {{-- @endif --}}
                                                    @endrole

                                                    @role('admin')
                                                    <form method="POST"
                                                        action="{{route('rincian-kegiatan.destroy', $data['id'])}}">
                                                        {{csrf_field()}}
                                                        <input type="hidden" name="_method" value="DELETE">
                                                        
                                                        <a href="{{route('rincian-kegiatan.edit', $data['id'])}}"
                                                            class="btn btn-sm btn-warning m-1"><i class="fa fa-pen">
                                                            </i> Edit</a>
                                                        
                                                        @if ($data->RealisasiRincianKegiatan && ($data->RealisasiRincianKegiatan->realisasiKeuangan->count() > 0  or $data->RealisasiRincianKegiatan->realisasiFisik->count() > 0 ))
                                                            <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus-berrealisasi"
                                                            onclick="return hapus()"><i class="fa fa-trash"></i>
                                                            Hapus</button>
                                                        @else
                                                            <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus"
                                                            onclick="return hapus()"><i class="fa fa-trash"></i>
                                                            Hapus</button>
                                                        @endif 

                                                    </form>
                                                    @endrole
                                                </td>
                                            {{--  <td>[{{$data->RealisasiRincianKegiatan?$data->RealisasiRincianKegiatan->id:'-'}}]|{{$data->RealisasiRincianKegiatan?$data->RealisasiRincianKegiatan->fisik:'-'}}</td> --}}
                                            </tr>
                                            @endforeach
                                            @endforeach
                                        </tbody>                                                                            
                                    @endif
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="card-title">
                                <div class="row">
                                    <div class="col-6">
                                        <h3 class="mb-0">Histori Paket Pekerjaan</h3>
                                    </div>
                                    
                                    {{-- <div class="col-6 text-end">
                                        @role('admin|admin-PPTK|admin-opd')
                                        <a href="{{route('rincian-kegiatan.create', ['proker_sub_kegiatan_id' => $proker_sub_kegiatan->id])}}"
                                            class="btn btn-sm btn-primary"><i class="fa fa-trash"> </i> Clear Histori</a>
                                        @endrole
                                    </div> --}}
                                    
                                </div>
                            </div>
                            <div class="table-responsive py-4">
                                @role('admin|admin-PPTK|admin-opd')
                                <div class="row">
                                    <div class="col-10 text-start">
                                        <form method="POST"
                                        action="{{route('proker.restoreRincianKegiatan', ['prokerId' => $proker_sub_kegiatan->id, 'rincianId' => $data['id']])}}">
                                        {{csrf_field()}}
                                        @method('DELETE')
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" class="rincianIds" name="rincianIds">
                                        <button type="submit" class="btn btn-sm btn-success mb-2" id="restore-all"
                                        onclick="return hapus()"><i class="fa fa-undo"></i>
                                        Restore <span id="restore-count">[ ]</span></button>
                                        </form>
                                    </div>
                                    <div class="col-2 text-end">
                                        <form method="POST"
                                        action="{{ route('proker.deleteRincianKegiatan', ['prokerId' => $proker_sub_kegiatan->id, 'rincianId' => $data['id']]) }}">
                                        {{csrf_field()}}
                                        @method('DELETE')
                                        <input type="hidden" name="_method" value="DELETE">
                                        <input type="hidden" class="deletedrincianIds" name="rincianIds">
                                        <button type="submit" class="btn btn-sm btn-danger" id="delete-all"
                                        onclick="return hapus()"><i class="fa fa-trash"></i>
                                        Hapus <span id="delete-count">[ ]</span></button>
                                        </form>
                                    </div>
                                </div>
                                @endrole
                                <table class="table table-hover table-bordered sticky-header">
                                    {{-- @role('admin|admin-PPTK|admin-opd')
                                        <div class="row">
                                            <div class="col-2">
                                                <form method="POST"
                                                    action="{{route('proker.restoreRincianKegiatan', ['prokerId' => $proker_sub_kegiatan->id, 'rincianId' => $data['id']])}}">
                                                    {{csrf_field()}}
                                                    @method('DELETE')
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    <button type="submit" class="btn btn-sm btn-success mb-2"
                                                    onclick="return hapus()"><i class="fa fa-undo"></i>
                                                        Restore Semua [ ]</button>
                                                </form>
                                            </div>
                                            <div class="col-2">
                                                <form method="POST"
                                                    action="{{ route('proker.deleteRincianKegiatan', ['prokerId' => $proker_sub_kegiatan->id, 'rincianId' => $data['id']]) }}">
                                                    {{csrf_field()}}
                                                    @method('DELETE')
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    
                                                    <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus-berrealisasi"
                                                    onclick="return hapus()"><i class="fa fa-trash"></i>
                                                        Hapus Semua [ ]</button>
                                                </form>
                                            </div>
                                        </div>
                                    @endrole --}}
                                    <thead class="table-primary">
                                        <tr>
                                            <th class="text-center align-middle" rowspan="2">
                                                <input class="form-check-input check-all" type="checkbox" value="" id="flexCheckDefault">
                                            </th>
                                            <th class="align-middle" rowspan="2">No</th>
                                            <th class="align-middle" rowspan="2">Kode Rekening</th>
                                            <th class="align-middle" rowspan="2">Uraian</th>
                                            <th class="text-center" colspan="2">Rincian Perhitungan</th>
                                            <th class="align-middle text-center" rowspan="2">Jumlah Anggaran</th>
                                            <th class="align-middle text-center" rowspan="2">Sumber Dana</th>
                                            <th class="align-middle text-center" rowspan="2">Mendesak</th>
                                            <th class="align-middle text-center" rowspan="2">Proyek Strategis</th>
                                            <th class="align-middle text-center" rowspan="2">Aksi</th>
                                        </tr>

                                        <tr>
                                            <th class="text-center align-middle">Volume</th>
                                            <th class="text-center align-middle">Satuan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $num = 1; @endphp
                                        @forelse($proker_sub_kegiatan->rincianKegiatan()->onlyTrashed()->get()->chunk(30) as $chunk)
                                        @foreach($chunk as $data)
                                        <tr>
                                            <td class="text-center">
                                                <input class="form-check-input check-histori" type="checkbox" data-id="{{ $data->id }}" id="flexCheckDefault">
                                            </td>
                                            <td class="text-center">{{$num++}}</td>
                                            <td>{{$data->kode_rekening}}</td>
                                            <td>{{$data->uraian}}</td>
                                            <td class="text-center">{{$data->volume}}</td>
                                            <td class="text-center">{{$data->satuan}}</td>
                                            <td class="text-nowrap text-end">Rp{{number_format($data->pagu , 0, ',', '.')}}</td>
                                            <td class="text-center">{{ $data->sumber_dana ?? "-" }}</td>
                                            <td class="text-center">{{ $data->status_mendesak == 1 ? 'Ya' : 'Tidak' }}</td>
                                            <td class="text-center">{{ $data->strategis == 1 ? 'Ya' : 'Tidak' }}</td>
                                            <td class="text-center align-middle">
                                                @role('admin|admin-PPTK|admin-opd')
                                                <form method="POST"
                                                    action="{{route('proker.restoreRincianKegiatan', ['prokerId' => $proker_sub_kegiatan->id, 'rincianId' => $data['id']])}}">
                                                    {{csrf_field()}}
                                                    @method('DELETE')
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    
                                                    <button type="submit" class="btn btn-sm btn-success mb-2"
                                                    onclick="return hapus()"><i class="fa fa-undo"></i>
                                                     Restore</button>
                                                    

                                                </form>

                                                <form method="POST" 
                                                    action="{{ route('proker.deleteRincianKegiatan', ['prokerId' => $proker_sub_kegiatan->id, 'rincianId' => $data['id']]) }}">
                                                    {{csrf_field()}}
                                                    @method('DELETE')
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    
                                                    <button type="submit" class="btn btn-sm btn-danger sweetalert-hapus-berrealisasi"
                                                    onclick="return hapus()"><i class="fa fa-trash"></i>
                                                     Hapus</button>
                                                    
                                                </form>
                                                @endrole
                                            </td>
                                           {{--  <td>[{{$data->RealisasiRincianKegiatan?$data->RealisasiRincianKegiatan->id:'-'}}]|{{$data->RealisasiRincianKegiatan?$data->RealisasiRincianKegiatan->fisik:'-'}}</td> --}}
                                        </tr>
                                        @endforeach
                                        @empty
                                            <tr>
                                                <td class="text-center" colspan="8">Tidak Ada Data</td>
                                            </tr>
                                        @endforelse
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            {{-- modal popup untuk penyesuaian   --}}
                <div class="modal fade" id="penyesuaian" data-bs-backdrop="static" data-bs-keyboard="false"
                aria-labelledby="penyesuaianLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-scrollable">
                    <form action="{{ route('proker.penyesuaianTargetSubKegiatan', $proker_sub_kegiatan->id) }}" method="POST">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header text-center">
                                <h1 class="modal-title fs-7 text-center" id="penyesuaianLabel">Setting Target Sub Kegiatan</h1>
                                <button type="button" id="btn-close" data-bs-dismiss="modal" aria-label="Close" style="display:none;">x</button>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-12">

                                        <div class="form-group my-3 table-responsive">
                                            <label class="form-label">Target Fisik (%) <i
                                                class="text-danger">min: 1 , max: 100 *</i></label>
                                            <table>
                                                <td class="text-center">
                                                    <label>Jan</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_1" required placeholder="Jan" value="{{ $proker_sub_kegiatan->target_fisik_1 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Feb</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_2" required placeholder="Feb" value="{{ $proker_sub_kegiatan->target_fisik_2 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Mar</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_3" required placeholder="Mar" value="{{ $proker_sub_kegiatan->target_fisik_3 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Apr</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_4" required placeholder="Apr" value="{{ $proker_sub_kegiatan->target_fisik_4 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Mei</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_5" required placeholder="Mei" value="{{ $proker_sub_kegiatan->target_fisik_5 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Jun</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_6" required placeholder="Jun" value="{{ $proker_sub_kegiatan->target_fisik_6 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Jul</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_7" required placeholder="Jul" value="{{ $proker_sub_kegiatan->target_fisik_7 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Ags</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_8" required placeholder="Ags" value="{{ $proker_sub_kegiatan->target_fisik_8 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Sep</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_9" required placeholder="Sep" value="{{ $proker_sub_kegiatan->target_fisik_9 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Okt</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_10" required placeholder="Okt" value="{{ $proker_sub_kegiatan->target_fisik_10 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Nov</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_11" required placeholder="Nov" value="{{ $proker_sub_kegiatan->target_fisik_11 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Des</label>
                                                    <input type="number" class="form-control input_target" name="target_fisik_12" required placeholder="Des" value="{{ $proker_sub_kegiatan->target_fisik_12 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                            </table>
                                        </div>
            
                                        <div class="form-group my-3 table-responsive">
                                            <label class="form-label">Target Keuangan (%) <i
                                                class="text-danger">min: 1 , max: 100 *</i></label>
                                            <table>
                                                <td class="text-center">
                                                    <label>Jan</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_1" required placeholder="Jan" value="{{ $proker_sub_kegiatan->target_keuangan_1 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Feb</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_2" required placeholder="Feb" value="{{ $proker_sub_kegiatan->target_keuangan_2 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Mar</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_3" required placeholder="Mar" value="{{ $proker_sub_kegiatan->target_keuangan_3 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Apr</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_4" required placeholder="Apr" value="{{ $proker_sub_kegiatan->target_keuangan_4 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Mei</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_5" required placeholder="Mei" value="{{ $proker_sub_kegiatan->target_keuangan_5 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Jun</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_6" required placeholder="Jun" value="{{ $proker_sub_kegiatan->target_keuangan_6 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Jul</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_7" required placeholder="Jul" value="{{ $proker_sub_kegiatan->target_keuangan_7 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Ags</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_8" required placeholder="Ags" value="{{ $proker_sub_kegiatan->target_keuangan_8 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Sep</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_9" required placeholder="Sep" value="{{ $proker_sub_kegiatan->target_keuangan_9 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Okt</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_10" required placeholder="Okt" value="{{ $proker_sub_kegiatan->target_keuangan_10 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Nov</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_11" required placeholder="Nov" value="{{ $proker_sub_kegiatan->target_keuangan_11 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                                <td class="text-center">
                                                    <label>Des</label>
                                                    <input type="number" class="form-control input_target" name="target_keuangan_12" required placeholder="Des" value="{{ $proker_sub_kegiatan->target_keuangan_12 ?? null }}" step="any" min="1" max="100">
                                                </td>
                                            </table>
                                        </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                                <button type="submit" class="btn btn-primary simpan-rincian">Simpan</button>
                            </div>
                    </form>
                </div>
            </div>


        </div>
    </div>
</div>
@endsection

@push('js')

    {{-- <script>
        @if ($proker_sub_kegiatan->target_fisik_1 == null or
            $proker_sub_kegiatan->target_fisik_12 == null or
            $proker_sub_kegiatan->target_keuangan_1 == null or
            $proker_sub_kegiatan->target_keuangan_12 == null)
            Swal.fire({
                title: 'Peringatan',
                html: "Sebelum melanjutkan <br> harap lengkapi target fisik dan keuangan terlebih dahulu!",
                icon: 'warning',
                // showCancelButton: true,
                confirmButtonColor: '#3085d6',
                // cancelButtonColor: '#d33',
                // cancelButtonText: 'Batal',
                confirmButtonText: 'Ya',
                allowOutsideClick: false,
                }).then((result) => {
                if (result.isConfirmed) {
                    $('#penyesuaian').modal('show');
                    
                    // Execute the second code block here
                    @if ($proker_sub_kegiatan->anggaran < $proker_sub_kegiatan->batas_anggaran)
                        Swal.fire({
                            title: 'Peringatan',
                            html: "Sisa Pagu : Rp.{{ number_format($proker_sub_kegiatan->batas_anggaran-$proker_sub_kegiatan->anggaran , 0, ',', '.') }} <br> Silahkan Sesuaikan Paket Pekerjaan Anda Kembali!",
                            icon: 'warning',
                            confirmButtonColor: '#FFA500',
                            confirmButtonText: 'Ubah Paket Pekerjaan!',
                            allowOutsideClick: false,
                            footer: '<a href="{{route('rincian-kegiatan.create', ['proker_sub_kegiatan_id' => $proker_sub_kegiatan->id])}}" class="btn btn-primary btn-custom">Tambah Rincian Baru</a>'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                // Handle the 'Ubah Paket Pekerjaan!' button click
                            } else {
                                $("#exampleModal1").modal("hide");
                            }
                        });
                    @endif
                } else {
                    $("#penyesuaian").modal("hide");
                }
            })
        @endif
    </script> --}}

    <script src="https://cdnjs.cloudflare.com/ajax/libs/floatthead/2.2.5/jquery.floatThead.min.js" integrity="sha512-131fDtJKn0jUOqN1sfcHkBZHRmTCP0gmcpztVNuE3M8toiuIv8V9I+tpL/1t3GFDBcigLyB2hWJ3ZNjYwEO4bg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script>
        var $table = $('.sticky-header');
        $table.floatThead({
                top: 70,
                responsiveContainer: function($table){
                return $table.closest('.table-responsive');
            }
        });

        $('#vertical-menu-btn').on('click', function () {
            // Delay sedikit untuk memastikan animasi selesai (jika ada)
            setTimeout(function () {
                $table.floatThead('reflow'); // refresh posisi
            }); // sesuaikan delay-nya jika perlu
        });
    </script>


    <script>


        @if ($proker_sub_kegiatan->target_fisik_1 == null or
            $proker_sub_kegiatan->target_fisik_12 == null or
            $proker_sub_kegiatan->target_keuangan_1 == null or
            $proker_sub_kegiatan->target_keuangan_12 == null)
            Swal.fire({
                title: 'Peringatan',
                html: "Sebelum melanjutkan <br> harap lengkapi target fisik dan keuangan terlebih dahulu!",
                icon: 'warning',
                // showCancelButton: true,
                confirmButtonColor: '#3085d6',
                // cancelButtonColor: '#d33',
                // cancelButtonText: 'Batal',
                confirmButtonText: 'Ya',
                allowOutsideClick: false,
                }).then((result) => {
                if (result.isConfirmed) {
                    $('#penyesuaian').modal('show');
                } else {
                    $("#penyesuaian").modal("hide");
                }
            })            
        @else
            @if ($proker_sub_kegiatan->anggaran < $proker_sub_kegiatan->batas_anggaran)
                Swal.fire({
                    title: 'Peringatan',
                    html: "Sisa Pagu : Rp.{{ number_format($proker_sub_kegiatan->batas_anggaran-$proker_sub_kegiatan->anggaran , 0, ',', '.') }} <br> Silahkan Sesuaikan Paket Pekerjaan Anda Kembali!",
                    icon: 'warning',
                    confirmButtonColor: '#FFA500',
                    confirmButtonText: 'Ubah Paket Pekerjaan!',
                    allowOutsideClick: false,
                    footer: '<a href="{{route('rincian-kegiatan.create', ['proker_sub_kegiatan_id' => $proker_sub_kegiatan->id])}}" class="btn btn-primary btn-custom">Tambah Rincian Baru</a>'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Handle the 'Ubah Paket Pekerjaan!' button click
                    } else {
                        $("#exampleModal1").modal("hide");
                    }
                });
            @endif
        @endif
    </script>

    <script>
        // Function to show the modal and display the hide button
        function showModal() {
            // Show the modal
            $('#penyesuaian').modal('show');
            // Display the hide button
            $('#btn-close').show();
        }

        // Function to hide the modal and hide the hide button
        function hideModal() {
            // Hide the modal
            $('#penyesuaian').modal('hide');
            // Hide the hide button
            $('#btn-close').hide();
        }

        // Set up click event for the "Show Modal" button
        $('#showModalBtn').on('click', function() {
            showModal();
        });

        // Set up click event for the "Hide Modal" button
        $('#hideModalBtn').on('click', function() {
            hideModal();
        });
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var inputs = document.querySelectorAll('input[name^="target_fisik_"]');
            
            inputs.forEach(function (input, index) {
                input.addEventListener('change', function () {
                    // Mengambil nilai input saat ini
                    var currentValue = parseFloat(input.value);

                    // Mengambil nilai input bulan sebelumnya
                    var previousInput = index > 0 ? inputs[index - 1] : null;
                    var previousValue = previousInput ? parseFloat(previousInput.value) : 0;

                    // Validasi: nilai saat ini tidak boleh kurang dari nilai bulan sebelumnya
                    if (currentValue < previousValue) {
                        alert('Nilai target tidak boleh kurang dari target bulan sebelumnya!');
                        input.value = previousValue; // Mengembalikan nilai menjadi nilai bulan sebelumnya
                    }
                });
            });
        });
    </script>

    <script>
        // @if ($proker_sub_kegiatan->anggaran < $proker_sub_kegiatan->batas_anggaran)
        //     Swal.fire({
        //         title: 'Peringatan',
        //         html: "Sisa Pagu : Rp.{{ number_format($proker_sub_kegiatan->batas_anggaran-$proker_sub_kegiatan->anggaran , 0, ',', '.') }} <br> Silahkan Sesuaikan Paket Pekerjaan Anda Kembali!",
        //         icon: 'warning',
        //         confirmButtonColor: '#FFA500',
        //         confirmButtonText: 'Ubah Paket Pekerjaan!',
        //         allowOutsideClick: false,
        //         footer: '<a href="{{route('rincian-kegiatan.create', ['proker_sub_kegiatan_id' => $proker_sub_kegiatan->id])}}" class="btn btn-primary btn-custom">Tambah Rincian Baru</a>'
        //     }).then((result) => {
        //         if (result.isConfirmed) {
        //             // Handle the 'Ubah Paket Pekerjaan!' button click
        //         } else {
        //             $("#exampleModal1").modal("hide");
        //         }
        //     });
        // @endif

        $(document).ready(function() {
            // Ambil elemen tombol dan checkbox
            const $restoreButton = $('#restore-all');
            const $checkboxes = $('.check-histori');
            const selectedIds = [];

            // Fungsi untuk mengubah teks tombol
            function updateRestoreButtonText() {
                const count = $checkboxes.filter(':checked').length;
                const buttonText = count > 0 ? `[${count}]` : '[ ]';
                $('#restore-count').text(buttonText);
                $('#delete-count').text(buttonText);
            }
            updateRestoreButtonText();
            $checkboxes.on('change', updateRestoreButtonText);
            
            // Function to check all checkboxes
            function checkAllCheckboxes() {
                // Get all checkboxes using querySelectorAll
                const checkboxes = document.querySelectorAll('.check-histori');
                
                // Set the checked property to true for each checkbox
                checkboxes.forEach(checkbox => {

                    if (!checkbox.checked) {
                        checkbox.checked = true;
                        const id = $(checkbox).data('id');
                        selectedIds.push(id);
                    }
                });
            }

            $('.check-histori').on('change', function(){
                let count = $('.check-histori').length;
                const id = $(this).data('id');

                if ($(this).prop('checked')) {
                selectedIds.push(id);
                } else {
                    const index = selectedIds.indexOf(id);
                    if (index !== -1) {
                        selectedIds.splice(index, 1);
                    }
                }

                if ($('.check-histori').filter(':checked').length === count) {
                    $('.check-all').prop('checked', true);
                }else{
                    $('.check-all').prop('checked', false);
                }

                console.log(selectedIds);
            });

            $('.check-all').on('change', function() {
                if (this.checked) {
                    checkAllCheckboxes();
                    updateRestoreButtonText();
                    console.log(selectedIds);
                } else {
                    // If the "Select All" checkbox is unchecked, uncheck all checkboxes
                    $('.check-histori').prop('checked', false);
                    updateRestoreButtonText();
                    selectedIds.length = 0;
                    console.log(selectedIds);
                }
            });
            
            $("#restore-all").click(function () {
                if (!selectedIds.length) {
                    event.preventDefault();
                }else{
                    // Mengisi input dengan class rincianIds dengan nilai array selectedIds
                    event.preventDefault();
                    $(".rincianIds").val(JSON.stringify(selectedIds));
                    Swal.fire({
                        title: 'Warning',
                        html: 'Paket Pekerjaan yang dipilih[' + selectedIds.length + '] akan dikembalikan!',
                        icon: 'warning',
                        confirmButtonText: 'Lanjutkan',
                        showCancelButton: true,
                        allowOutsideClick: false,
                        showConfirmButton: true,
                    }).then((result) => {
                        if (result.isConfirmed) {
                            $(this).closest('form').submit(); // Jika pengguna mengklik "Lanjutkan", submit formulir
                        }
                    });
                }

            });

            $("#delete-all").click(function () {

                if (!selectedIds.length) {
                    event.preventDefault();
                    $(".deletedrincianIds").val(JSON.stringify(selectedIds));
                }else{
                    // Mengisi input dengan class rincianIds dengan nilai array selectedIds
                    event.preventDefault();
                    $(".deletedrincianIds").val(JSON.stringify(selectedIds));
                    Swal.fire({
                        title: 'Warning',
                        html: 'Paket Pekerjaan yang dipilih[' + selectedIds.length + '] akan dihapus permanen!',
                        icon: 'warning',
                        confirmButtonText: 'Lanjutkan',
                        showCancelButton: true,
                        allowOutsideClick: false,
                        showConfirmButton: true,
                    }).then((result) => {
                        if (result.isConfirmed) {
                            $(this).closest('form').submit(); // Jika pengguna mengklik "Lanjutkan", submit formulir
                        }
                    });
                }

            });
        });

        $('.tambah-rincian').click(function (event) {
            
            let anggaran = {{ $proker_sub_kegiatan->anggaran }};
            let batas_anggaran = {{ $proker_sub_kegiatan->batas_anggaran }};
            
            if (anggaran >= batas_anggaran ) {
                event.preventDefault();
                Swal.fire({
                    title: 'Warning',
                    html: 'Anggaran Telah Mencapai Batas Anggaran <br> Silahkan Sesuaikan Paket Pekerjaan Kembali!',
                    icon: 'warning',
                    // confirmButtonText: 'Lanjutkan',
                    showCancelButton: true,
                    allowOutsideClick: false, // Tidak mengizinkan klik di luar kotak dialog
                    showConfirmButton: false, // Tombol "Save/OK" tidak ditampilkan
                });
            }
            
        });
    </script>


<script>

    $(document).ready(function() {
        // Ambil elemen tombol dan checkbox
        const $checkboxes = $('.check-rincian');
        const selectedRincian = [];

        // Fungsi untuk mengubah teks tombol
        function updateDeleteButtonText() {
            const count = $checkboxes.filter(':checked').length;
            const buttonText = count > 0 ? `[${count}]` : '[ ]';
            $('#delete-rincian-count').text(buttonText);
        }
        updateDeleteButtonText();
        $checkboxes.on('change', updateDeleteButtonText);
        
        // Function to check all checkboxes
        function checkAllCheckboxes() {
            // Get all checkboxes using querySelectorAll
            const checkboxes = document.querySelectorAll('.check-rincian');
            
            // Set the checked property to true for each checkbox
            checkboxes.forEach(checkbox => {

                if (!checkbox.checked) {
                    checkbox.checked = true;
                    const id = $(checkbox).data('id');
                    selectedRincian.push(id);
                }
            });
        }

        $('.check-rincian').on('change', function(){
            let count = $('.check-rincian').length;
            const id = $(this).data('id');

            if ($(this).prop('checked')) {
            selectedRincian.push(id);
            } else {
                const index = selectedRincian.indexOf(id);
                if (index !== -1) {
                    selectedRincian.splice(index, 1);
                }
            }

            if ($('.check-rincian').filter(':checked').length === count) {
                $('.check-all-rincian').prop('checked', true);
            }else{
                $('.check-all-rincian').prop('checked', false);
            }

            console.log(selectedRincian);
        });

        $('.check-all-rincian').on('change', function() {
            if (this.checked) {
                checkAllCheckboxes();
                updateDeleteButtonText();
                console.log(selectedRincian);
            } else {
                // If the "Select All" checkbox is unchecked, uncheck all checkboxes
                $('.check-rincian').prop('checked', false);
                updateDeleteButtonText();
                selectedRincian.length = 0;
                console.log(selectedRincian);
            }
        });

        $("#delete-all-rincian").click(function () {

            if (!selectedRincian.length) {
                event.preventDefault();
                $(".idrincians").val(JSON.stringify(selectedRincian));
            }else{
                event.preventDefault(); // Mencegah pengiriman formulir otomatis
                // Mengisi input dengan class idrincians dengan nilai array selectedIds
                $(".idrincians").val(JSON.stringify(selectedRincian));
                Swal.fire({
                    title: 'Warning',
                    html: 'Paket Pekerjaan yang dipilih[' + selectedRincian.length + '] akan dihapus!',
                    icon: 'warning',
                    confirmButtonText: 'Lanjutkan',
                    showCancelButton: true,
                    allowOutsideClick: false,
                    showConfirmButton: true,
                }).then((result) => {
                    if (result.isConfirmed) {
                        $(this).closest('form').submit(); // Jika pengguna mengklik "Lanjutkan", submit formulir
                    }
                });
            }

        });

        $("#allLock").click(function () {
            if (!selectedRincian.length) {
                event.preventDefault();
                $(".idrincianslock").val(JSON.stringify(selectedRincian));
            }else{
                event.preventDefault(); // Mencegah pengiriman formulir otomatis
                // Mengisi input dengan class idrincianslock dengan nilai array selectedIds
                $(".idrincianslock").val(JSON.stringify(selectedRincian));
                Swal.fire({
                    title: 'Warning',
                    html: 'Paket Pekerjaan yang dipilih[' + selectedRincian.length + '] akan Dikunci!',
                    icon: 'warning',
                    confirmButtonText: 'Lanjutkan',
                    showCancelButton: true,
                    allowOutsideClick: false,
                    showConfirmButton: true,
                }).then((result) => {
                    if (result.isConfirmed) {
                        $(this).closest('form').submit(); // Jika pengguna mengklik "Lanjutkan", submit formulir
                    }
                });
            }

        });

        $("#allUnlock").click(function () {

            if (!selectedRincian.length) {
                event.preventDefault();
                $(".idrinciansunlock").val(JSON.stringify(selectedRincian));
            }else{
                event.preventDefault(); // Mencegah pengiriman formulir otomatis
                // Mengisi input dengan class idrinciansunlock dengan nilai array selectedIds
                $(".idrinciansunlock").val(JSON.stringify(selectedRincian));
                Swal.fire({
                    title: 'Warning',
                    html: 'Paket Pekerjaan yang dipilih[' + selectedRincian.length + '] akan Dibuka!',
                    icon: 'warning',
                    confirmButtonText: 'Lanjutkan',
                    showCancelButton: true,
                    allowOutsideClick: false,
                    showConfirmButton: true,
                }).then((result) => {
                    if (result.isConfirmed) {
                        $(this).closest('form').submit(); // Jika pengguna mengklik "Lanjutkan", submit formulir
                    }
                });
            }

            });

        
    });

</script>
@endpush