@extends('layouts.index')

@push('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}">

{{-- driver js --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.css"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">

{{-- leaflet --}}
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin=""/>

<style>

#map { height: 480px; }
#mapEdit { height: 480px; }
#mapKontrak { height: 480px; }
.program {
    color: white;
    font-weight: 700;
}

.icon {
    width: 5rem !important;
    height: 5rem !important;
}

.icon-shape i,
.icon-shape svg {
    font-size: 28px !important;
}

.bg-kayu {
    background-image: url({{ asset('assets/img/bg-kayu.jpg')}});
}

.parent {
    background: greenyellow;
}

.child {
    background: bisque;
}

.pointer {
    cursor: pointer;
}

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

.table-responsive {
    max-height: 800px !important;
    overflow-y: scroll;
}

td {
    vertical-align: middle !important;
    text-align: center !important;
}

th {
    vertical-align: middle !important;
    text-align: center !important;
}

table td {
    position: relative;
}

.table-dark {
    position: sticky;
    top: 0;
    z-index: 999;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #0A1D37 !important
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgb(6, 184, 238);
    color: black;
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
    background-color: bisque;
    color: black;
}

table td input {
    background: transparent;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    border: none;
    padding: 10px;
    box-sizing: border-box;
}
.datepicker{z-index:9999 !important}
</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">Realisasi Pekerjaan</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-xl-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <form action="{{ route('realisasi.statusuangmuka', $data->id) }}" method="POST" class="d-flex w-100">
                                        @csrf
                                        <span class="text-nowrap m-1">Menggunakan Uang Muka : </span>
                                        <select name="status" id="" class="form-control select-opd mx-1">
                                            <option value="0" {{ ($data->uang_muka == '0') ? "selected" : "" }}>Tidak</option>
                                            <option value="1" {{ ($data->uang_muka == '1') ? "selected" : "" }}>Ya</option>
                                        </select>
                                        <button type="submit" class="btn btn-warning">Ubah</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex w-100 m-3 align-items-center justify-content-between">
                                @if(isset($dataRincianKegiatan))
                                <a class="btn btn-warning " href="{{route('realisasi.sub', $dataRincianKegiatan->ProkerSubKegiatan->id)}}" class="text-white font-weight-bold">Kembali</a>
                                @endif

                                @role('admin|admin-opd|admin-PPTK')
                                <button class="btn btn-dark m-3 float-right btn-kontrak" data-bs-toggle="modal"
                                    data-bs-target="#kontrakModal">Setting Metode, Nilai Kontrak, Lokasi, Nama Penyedia dan Dokumentasi</button>
                                @endrole
                            </div>

                            <div class="table" style="padding: 25px;">
                                <div class="d-flex justify-content-between w-100 align-items-center py-3">
                                    <div class="d-flex flex-column">
                                        <h4>Setting Metode, Nilai Kontrak, Lokasi, Nama Penyedia dan Dokumentasi</h4>
                                    </div>
                                </div>

                                <table class="table table-flush table-realisasi-keuangan">
                                    <thead class="thead-light">
                                        <tr class="biasa">
                                            <th style="background: rgb(220, 218, 218)" >Uraian</th>
                                            <th style="background: rgb(220, 218, 218)" >Metode</th>
                                            <th style="background: rgb(220, 218, 218)" >Nilai Kontrak</th>
                                            <th style="background: rgb(220, 218, 218)" >PDN</th>
                                            <th style="background: rgb(220, 218, 218)" >TKDN</th>
                                            <th style="background: rgb(220, 218, 218)" >Nama Penyedia</th>
                                            <th style="background: rgb(220, 218, 218)" >Lokasi</th>
                                            <th style="background: rgb(220, 218, 218)" >Masa Kontrak</th>
                                            <th style="background: rgb(220, 218, 218)" >Masa Pemeliharaan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                {{ $dataRincianKegiatan->uraian }}
                                            </td>
                                            <td>
                                                {{ $dataRincianKegiatan->pengadaan == 1 ? $dataRincianKegiatan->RealisasiRincianKegiatan->metode : "Non Pengadaan" }}
                                            </td>
                                            <td>
                                                Rp{{ number_format($dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak , 0, ',', '.') }}
                                                {{-- {{ $dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak }} --}}
                                            </td>
                                            <td>
                                                {{ ($dataRincianKegiatan->RealisasiRincianKegiatan->pdn == '1') ? "PDN" : "Non PDN"  }}
                                            </td>
                                            <td>
                                                {{ $dataRincianKegiatan->RealisasiRincianKegiatan->tkdn ?? '0' }}%
                                            </td>
                                            <td>
                                                {{ $dataRincianKegiatan->RealisasiRincianKegiatan->nama_penyedia ?? "-" }}
                                            </td>
                                            <td>
                                                {{ $dataRincianKegiatan->RealisasiRincianKegiatan->lokasi ?? "-" }}
                                            </td>
                                            <td>
                                                {{ $dataRincianKegiatan->RealisasiRincianKegiatan->masa_kontrak ?? "-" }}
                                                
                                            </td>
                                            <td>
                                                {{ $dataRincianKegiatan->RealisasiRincianKegiatan->masa_pemeliharaan ?? "-" }}

                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="background: rgb(220, 218, 218)" colspan="9">
                                                Dokumentasi
                                            </td>
                                        </tr>
                                        @if($dataRincianKegiatan->RealisasiRincianKegiatan)
                                            {{-- @forelse($dataRincianKegiatan->RealisasiRincianKegiatan->dokumen as $doc)
                                                <tr>
                                                    <td>{{ $doc->keterangan == 0 ? 'Dokumen Kontrak, SK dan lain-lain' : ($doc->keterangan == 1 ? 'Dokumentasi Kegiatan' : 'Dokumen Berita Acara Serah Terima')  }}</td>
                                                    <td colspan="3">{{ $doc->file_name }}</td>
                                                    <td>
                                                        <img data-enlargable src="{{ asset("assets/document/$doc->file_name") }}" alt="{{ $doc->file_name }}" height="100vh">
                                                    </td>
                                                    <td>
                                                        <a href="{{route('doc.download',$doc->id)}}" class="btn btn-success"><i class="fa fa-download"></i></a>
                                                        <a link="{{route('doc.delete',$doc->id)}}" class="btn btn-danger btn-del"><i class="fa fa-times"></i></a>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="9">
                                                        Belum ada dokumentasi
                                                    </td>
                                                </tr>
                                            @endforelse --}}

                                            @foreach($dataRincianKegiatan->RealisasiRincianKegiatan->dokumen->sortBy('keterangan')->groupBy('keterangan') as $keterangan => $docs)
                                                <tr>
                                                    <th colspan="9">
                                                        {{ $keterangan == 0 ? 'Dokumen Kontrak, SK dan lain-lain' : ($keterangan == 1 ? 'Dokumentasi Kegiatan' : 'Dokumen Berita Acara Serah Terima') }}
                                                    </th>
                                                </tr>
                                                @foreach($docs as $doc)
                                                    <tr>
                                                        <td colspan="3">{{ $doc->file_name }}</td>
                                                        <td colspan="3">
                                                            <img data-enlargable src="{{ asset("assets/document/$doc->file_name") }}" alt="{{ $doc->file_name }}" height="100vh">
                                                        </td>
                                                        <td colspan="3">
                                                            <a href="{{route('doc.download',$doc->id)}}" class="btn btn-success"><i class="fa fa-download"></i></a>
                                                            <a link="{{route('doc.delete',$doc->id)}}" class="btn btn-danger btn-del"><i class="fa fa-times"></i></a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="card mx-5">
                        <div class="card-body" style="background: rgb(220, 218, 218);">
                            <div class="row justify-content-center">
                                <div class="col-4">
                                    <form action="{{ route('realisasi.statusuangmuka', $data->id) }}" method="POST" class="d-flex w-100">
                                        @csrf
                                        <h4 class="text-nowrap m-1">Menggunakan Uang Muka : </h4>
                                        <select name="status" id="" class="form-control select-opd mx-1" style="width: 200px">
                                            <option value="0" {{ ($data->uang_muka == '0') ? "selected" : "" }}>Tidak</option>
                                            <option value="1" {{ ($data->uang_muka == '1') ? "selected" : "" }}>Ya</option>
                                        </select>
                                        <button type="submit" class="btn btn-warning">Simpan</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="card table-responsive mx-4">
                        <div class="card-body">
                                @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endif
                            @include('layouts.include.alert')
                            <div class="d-flex justify-content-between w-100 align-items-center py-3">
                                <div class="d-flex flex-column">
                                    <h4>Input Realisasi Fisik</h4>
                                    {{-- @if(isset($dataRincianKegiatan))
                                    <a class="btn btn-warning " href="{{route('realisasi.sub', $dataRincianKegiatan->ProkerSubKegiatan->id)}}"
                                            class="text-white font-weight-bold">Kembali</a>
                                    @endif --}}
                                </div>
                                @role('admin|admin-opd|admin-PPTK')
                                <button type="button" class="btn-info btn btn-fisik" data-bs-toggle="modal"
                                    data-bs-target="#fisikModal"
                                    data-has-dokumen="{{ $hasDokumen ? '1' : '0' }}">Tambah Realisasi</button>
                                @endrole
                            </div>
                            <table class="table table-flush table-realisasi-fisik">
                                <thead class="thead-light">
                                    <tr class="biasa">
                                        <th style="background: rgb(220, 218, 218)"></th>
                                        <th style="background: rgb(220, 218, 218)" colspan="3">Rincian Perhitungan</th>
                                        <th style="background: rgb(220, 218, 218)" colspan="">Realisasi</th>
                                        <th style="background: rgb(220, 218, 218)">Total</th>
                                        <th style="background: rgb(220, 218, 218)" rowspan="2">Action</th>
                                    </tr>
                                    <tr class="biasa">
                                        <th style="background: rgb(220, 218, 218)">Uraian</th>
                                        <th style="background: rgb(220, 218, 218)">Koefisien</th>
                                        <th style="background: rgb(220, 218, 218)">Satuan</th>
                                        <th style="background: rgb(220, 218, 218)">Tanggal Realisasi</th>
                                        <th style="background: rgb(220, 218, 218)">Koefisien</th>
                                        <th style="background: rgb(220, 218, 218)">%</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if($data)
                                    @foreach($data->realisasiFisik as $datas)
                                    <tr data-self="pd" data-id="1">
                                        <td>{{$data->rincianKegiatan->uraian}}</td>
                                        <td class="break-word">{{$data->rincianKegiatan->volume}}</td>
                                        <td>{{$data->rincianKegiatan->satuan}}</td>
                                        <td>{{$datas->tanggal_realisasi}}</td>
                                        <td class="realisasi-table-data">{{$datas->realisasi}}</td>
                                        <td>{{number_format(100*($datas->realisasi/($data->rincianKegiatan->volume == 0 ? 1 : $data->rincianKegiatan->volume)),2 , ',', '.')}}%</td>
                                        <td>
                                            <form action="{{route('realisasi.delete',$datas->id)}}" method="POST">
                                                {{csrf_field()}}
                                                <input type="hidden" name="_method" value="DELETE">
                                                <input type="hidden" name="type" value="fisik">
                                                <a class="btn btn-warning btn-sm btn-edit-fisik" link="{{route('realisasi.take',['fisik',$datas->id])}}"><i class="fa fa-pen"></i></a>
                                                <button class="btn btn-sm btn-danger" onclick="return confirm('anda yakin?')"><i class="fa fa-trash"></i> </button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                    <tr class="biasa">
                                        <td colspan="5" class="text-center">Total</td>
                                        <td class="text-center">{{$data?number_format(100*($totalFisik/($data->rincianKegiatan->volume == 0 ? 1 : $data->rincianKegiatan->volume)),2 , ',', '.'):"-"}}%
                                        </td>
                                    </tr>
                                    {{-- Indikator Sub Kegiatan --}}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            @if ($data->uang_muka == '1')
                <div class="row">
                    <div class="col">
                        <div class="card">
                            <div class="card-body">

                                <div class="table-responsive py-4" style="padding: 25px;">
                                    <div class="d-flex justify-content-between w-100 align-items-center py-3">
                                        <div class="d-flex flex-column">
                                            <h4>Cicilan Uang Muka</h4>
                                        </div>
                                    </div>

                                    <table class="table table-flush table-realisasi-keuangan">
                                        <thead class="thead-light">
                                            <tr class="biasa">
                                                <th style="background: rgb(220, 218, 218)" rowspan="2">No</th>
                                                <th style="background: rgb(220, 218, 218)" colspan="2">Uang Muka</th>
                                                <th style="background: rgb(220, 218, 218)" rowspan="2">Tanggal</th>
                                            </tr>
                                            <tr class="biasa">
                                                <th style="background: rgb(220, 218, 218)">(Rp)</th>
                                                <th style="background: rgb(220, 218, 218)">%</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if ($data->realisasiKeuangan->first())
                                                <tr>
                                                    <td>Total</td>
                                                    <td>Rp{{number_format(intval($data->realisasiKeuangan->first()->realisasi) , 0, ',', '.')}}</td>
                                                    <td>100.00%</td>
                                                </tr>
                                                @forelse ($data->realisasiFisik as $item)
                                                    <tr>
                                                        @if (intval($item->cicilan_uang_muka) != 0)
                                                            <td>{{ $loop->iteration }}</td>
                                                            <td>Rp{{ number_format(intval($item->cicilan_uang_muka) , 0, ',', '.') }}</td>
                                                            <td>{{ number_format(intval($item->cicilan_uang_muka)/intval($data->realisasiKeuangan->first()->realisasi)*100 ,2 , ',', '.') }}%</td>
                                                            <td>{{ $item->tanggal_realisasi }}</td>
                                                        @endif
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="4">Belum ada data cicilan</td>
                                                    </tr>
                                                @endforelse
                                                <tr>
                                                    <td>Sisa</td>
                                                    <td>Rp{{number_format(intval($data->realisasiKeuangan->first()->realisasi)-$data->realisasiFisik->sum('cicilan_uang_muka') , 0, ',', '.')}}</td>
                                                    <td>{{ number_format((intval($data->realisasiKeuangan->first()->realisasi)-$data->realisasiFisik->sum('cicilan_uang_muka'))/intval(max($data->realisasiKeuangan->first()->realisasi,1))*100 ,2 , ',', '.') }}%</td>
                                                </tr>
                                            @else
                                                <tr>
                                                    <td colspan="4">Silahkan input uang muka terlebih dahulu</td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-body">

                            <div class="table-responsive py-4" style="padding: 25px;">
                                <div class="d-flex justify-content-between w-100 align-items-center py-3">
                                    <div class="d-flex flex-column">
                                        <h4>Input Realisasi Keuangan</h4>
                                    </div>
                                    @role('admin|admin-opd|admin-PPTK')
                                    <button type="button" class="btn-info btn tambah-rea-keu" data-bs-toggle="modal"
                                        data-bs-target="#exampleModal1">Tambah Realisasi</button>
                                    @endrole
                                </div>

                                <table class="table table-flush table-realisasi-keuangan">
                                    <thead class="thead-light">
                                        <tr class="biasa">
                                            <th style="background: rgb(220, 218, 218)"></th>
                                            <th style="background: rgb(220, 218, 218)"></th>
                                            <th style="background: rgb(220, 218, 218)" colspan="2">Realisasi</th>
                                            <th style="background: rgb(220, 218, 218)" colspan="2">Total</th>
                                            <th style="background: rgb(220, 218, 218)" rowspan="2">Action</th>
                                        </tr>
                                        <tr class="biasa">
                                            <th style="background: rgb(220, 218, 218)">Uraian</th>
                                            <th style="background: rgb(220, 218, 218)">Pagu</th>
                                            <th style="background: rgb(220, 218, 218)">Nilai Kontrak</th>
                                            <th style="background: rgb(220, 218, 218)">Tanggal Realisasi</th>
                                            <th style="background: rgb(220, 218, 218)">(Rp)</th>
                                            <th style="background: rgb(220, 218, 218)">%</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if($data)
                                            @foreach($data->realisasiKeuangan as $data1)
                                            <tr data-self="pd" data-id="1">
                                                <td>{{$data->rincianKegiatan->uraian}}</td>
                                                <td class="break-word">Rp{{number_format($data->rincianKegiatan->pagu , 0, ',', '.')}}</td>
                                                <td class="break-word">Rp{{number_format($data->nilai_kontrak ?? 1 , 0, ',', '.')}}</td>
                                                <td>{{$data1->tanggal_realisasi}}</td>
                                                {{-- <td>Rp.{{number_format($data1->realisasi)}}</td> --}}
                                                <td class="realisasi-keu-table-data">Rp{{number_format(is_numeric($data1->realisasi) ? $data1->realisasi : 0 , 0, ',', '.')}}</td>
                                                {{-- <td>{{number_format(100*($data1->realisasi/$data->rincianKegiatan->pagu),2)}}</td> --}}
                                                <td>{{ number_format(100 * (is_numeric($data1->realisasi) ? $data1->realisasi : 0) / $data->rincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak, 2 , ',', '.') }}%</td>

                                                <td>
                                                    <form action="{{route('realisasi.delete',$data1->id)}}" method="POST">
                                                        {{csrf_field()}}
                                                        <input type="hidden" name="_method" value="DELETE">
                                                        <input type="hidden" name="type" value="keuangan">
                                                        <a class="btn btn-warning btn-sm btn-edit-keuangan" link="{{route('realisasi.take',['keuangan',$data1->id])}}"><i class="fa fa-pen"></i></a>
                                                        <button class="btn btn-sm btn-danger" onclick="return confirm('anda yakin?')"><i class="fa fa-trash"></i> </button>
                                                    </form>
                                                </td>
                                            </tr>
                                            @endforeach
                                        @endif
                                        <tr class="biasa">
                                            <td>Total</td>
                                            <td>Rp{{$data?number_format($data->rincianKegiatan->pagu , 0, ',', '.'):"-"}}</td>
                                            <td>Rp{{number_format($data->rincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak , 0, ',', '.')}}</td>
                                            <td></td>
                                            <td class="total_realisasi_keuangan">Rp{{number_format($totalKeuangan , 0, ',', '.')}}</td>
                                            <td>{{$data?number_format(100*($totalKeuangan/($data->rincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak != 0 ? $data->rincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak : 1)),2 , ',', '.'):"-"}}%</td>
                                        </tr>
                                        {{-- Indikator Sub Kegiatan --}}
                                    </tbody>
                                </table>
                                <hr>
                                {{-- <div class="d-flex w-100 justify-content-end">
                                    @role('admin|admin-opd|admin-PPTK')
                                    <button class="btn btn-dark" data-bs-toggle="modal"
                                        data-bs-target="#kontrakModal">Setting metode dan Nilai Kontrak</button>
                                    @endrole
                                </div>

                                <h6>Dokumentasi</h6>
                                <div class="d-flex w-100 justify-content-around py-4">
                                    @if($dataRincianKegiatan->RealisasiRincianKegiatan)
                                    @foreach($dataRincianKegiatan->RealisasiRincianKegiatan->dokumen as $doc)
                                        <div class="item-file">
                                            <a href="{{route('doc.download',$doc->id)}}" class="btn btn-success"><i class="fa fa-download"></i>  {{$doc->file_name}}</a>
                                            <a link="{{route('doc.delete',$doc->id)}}" class="btn btn-danger btn-del"><i class="fa fa-times"></i></a>
                                        </div>
                                    @endforeach
                                    @endif
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-body">

                            <div class="table-responsive py-4" style="padding: 25px;">
                                <div class="d-flex justify-content-between w-100 align-items-center py-3">
                                    <div class="d-flex flex-column">
                                        <h4>Input Permasalahan dan Tindak Lanjut</h4>
                                    </div>
                                    @if ($data->permasalahanTindakLanjut()->count() == 0)
                                        @role('admin|admin-opd|admin-PPTK')
                                        <button type="button" class="btn-info btn" data-bs-toggle="modal"
                                            data-bs-target="#exampleModal6">Tambah Permasalahan dan Tindak Lanjut</button>
                                        @endrole
                                    @endif
                                </div>

                                <table class="table table-flush table-realisasi-keuangan">
                                    <thead class="thead-light">
                                        <tr class="biasa">
                                            <th style="background: rgb(220, 218, 218)" colspan="2">Uraian</th>
                                            <th style="background: rgb(220, 218, 218)" rowspan="2">Action</th>
                                        </tr>
                                        <tr class="biasa">
                                            <th style="background: rgb(220, 218, 218)">Permasalahan</th>
                                            <th style="background: rgb(220, 218, 218)">Tindak Lanjut</th>
                                        </tr>

                                    </thead>
                                    <tbody>
                                        @if($data)
                                            @forelse($data->permasalahanTindakLanjut as $ptl)
                                            <tr data-self="pd" data-id="1">
                                                <td>{{ $ptl->permasalahan }}</td>
                                                <td>{{ $ptl->tindaklanjut }}</td>
                                                <td>
                                                    <form action="{{route('realisasi.delete',$ptl->id)}}" method="POST">
                                                        {{csrf_field()}}
                                                        <input type="hidden" name="_method" value="DELETE">
                                                        <input type="hidden" name="type" value="ptl">
                                                        <a class="btn btn-warning btn-sm btn-edit-ptl" link="{{route('realisasi.take',['ptl',$ptl->id])}}"><i class="fa fa-pen"></i></a>
                                                        <button class="btn btn-sm btn-danger" onclick="return confirm('anda yakin?')"><i class="fa fa-trash"></i> </button>
                                                    </form>
                                                </td>
                                            </tr>
                                            @empty
                                            <tr>
                                                <td colspan="3">Belum ada Permasalahan dan Tindak Lanjut</td>
                                            </tr>
                                            @endforelse
                                        @endif
                                    </tbody>
                                </table>
                                <hr>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- @if ($dataRincianKegiatan->     == 'fisik')
            
            @endif --}}
        </div>



        {{-- modal --}}
        <form action="/realisasiStore/{{$dataRincianKegiatan->id}}" method="POST" id="form" enctype="multipart/form-data">
            @csrf
            <div class="modal fade" id="fisikModal" tabindex="-1" role="dialog" aria-labelledby="fisikModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="fisikModalLabel">Input Realisasi Fisik</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <i class="text-danger">Catatan : Field yang terdapat tanda bintang (*), wajib diisi</i>
                            <hr>
                            {{-- <h5>Setting Kontrak</h5>
                            <hr>
                            <label for="uraian">Uraian</label>
                            <input type="text" name="uraian" id="uraian" value="{{$dataRincianKegiatan->uraian}}" class="form-control" readonly>
                            <label for="metode">Metode  <i class="text-danger">*</i></label>
                            <select name="metode" id="metode" class="form-control">
                                <option value="">pilih metode</option>
                                <option value="swakelola"  {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'swakelola'?'selected':''):''}}>Swakelola</option>
                                <option value="pengadaan langsung" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'pengadaan langsung'?'selected':''):''}}>Pengadaan Langsung</option>
                                <option value="pengadaan dikecualikan" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'pengadaan dikecualikan'?'selected':''):''}}>Pengadaan Dikecualikan</option>
                                <option value="e-purchasing" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'e-purchasing'?'selected':''):''}}>E-Purchasing</option>
                                <option value="penunjukan langsung" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'penunjukan langsung'?'selected':''):''}}>Penunjukan Langsung</option>
                                <option value="tender cepat" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'tender cepat'?'selected':''):''}}>Tender Cepat</option>
                                <option value="tender" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'tender'?'selected':''):''}}>Tender</option>
                                <option value="seleksi" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'seleksi'?'selected':''):''}}>Seleksi</option>
                            </select>
                            <label for="realisasi">Nilai Kontrak  <i class="text-danger">*</i></label>
                            <input type="number" name="kontrak" id="kontrak" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak:0}}">

                            <label for="realisasi">Nama Penyedia  <i class="text-danger"></i></label>
                            <input type="text" name="penyedia" id="penyedia" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->nama_penyedia : "-"}}">

                            <label for="masa_pemeliharaan">Masa Pemeliharaan  <i class="text-danger"></i></label>
                            <input type="text" name="masa_pemeliharaan" id="masa_pemeliharaan" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->masa_pemeliharaan : "-"}}">

                            <label for="masa_kontrak">Masa Kontrak  <i class="text-danger"></i></label>
                            <input type="text" name="masa_kontrak" id="masa_kontrak" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->masa_kontrak : "-"}}">

                            <label for="kategori">Kategori  <i class="text-danger">*</i></label>
                            <select name="kategori" id="kategori" class="form-control">
                                <option value="fisik"  {{isset($rincianRealisasi)?($rincianRealisasi->rincianKegiatan->kategori == 'fisik'?'selected':''):''}}>Fisik</option>
                                <option value="non-fisik" {{isset($rincianRealisasi)?($rincianRealisasi->rincianKegiatan->kategori == 'non-fisik'?'selected':''):''}}>Non-Fisik</option>
                            </select>

                            <div class="row row-map" @if($rincianRealisasi->rincianKegiatan->kategori != 'fisik') style="display:none;" @endif >
                                <div class="col">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="d-flex flex-column">
                                                <h4>Koordinat Lokasi Pekerjaan</h4>
                                            </div>
                                            <div id="map"></div>
                                            <div class="row mt-2">
                                                <div class="col-4">
                                                    <input class="form-control" type="text" name="latitude" id="latitude" readonly placeholder="Latitude" value="{{ $dataRincianKegiatan->latitude }}">
                                                </div>
                                                <div class="col-4">
                                                    <input class="form-control" type="text" name="longtitude" id="longitude" readonly placeholder="Longitude" value="{{ $dataRincianKegiatan->longitude }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <label for="realisasi">Lokasi  <i class="text-danger"></i></label>
                            <textarea class="form-control" name="lokasi" id="lokasi" cols="20" rows="2">{{ isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->lokasi : "-" }}</textarea>


                            @if (!$uploadedDoc1 || !$uploadedDoc2 || !$uploadedDoc3)
                                <dt style="color:orange;">anda hanya dapat mengunggah 3 file dengan ukuran masing-masing maksimal 1 MB</dt>
                            @endif

                            @if (!$uploadedDoc1)
                                <label>Dokumen 1 : Kontrak, SK dan lain lain</label>
                                <input type="file" name="file_dok1" class="form-control">
                            @endif

                            @if (!$uploadedDoc2)
                                <label>Dokumen 2 : Dokumentasi Kegiatan</label>
                                <input type="file" name="file_dok2" class="form-control">
                            @endif

                            @if (!$uploadedDoc3)
                                <label>Dokumen 3 : Berita Acara Serah Terima</label>
                                <input type="file" name="file_dok3" class="form-control">
                            @endif                              

                            <hr> --}}
                            <h5 class="mt-2">Realisasi Fisik</h5>
                            <hr>
                            <label for="koefisien">Koefisien/Volume  <i class="text-danger">*</i></label>
                            <input type="text" name="koefisien" id="koefisien" value="{{$dataRincianKegiatan->volume}}"
                                class="form-control koefisien-fisik">
                                
                            <label for="satuan">Satuan  <i class="text-danger">*</i></label>
                            <input type="text" name="satuan" id="satuan" value="{{$dataRincianKegiatan->satuan}}" class="form-control">

                            {{-- <label for="bobot">Bobot  <i class="text-danger">*</i></label>
                            <input type="text" name="bobot" id="bobot" value="100" class="form-control" readonly> --}}

                            <div class="form-group my-3" id="jenis-pengadaan-container">
                                <label for="jenis_pengadaan">Jenis Pengadaan<i class="text-danger">*</i></label>
                                <select name="jenis_pengadaan" id="jenis_pengadaan_input" class="form-control" required>
                                    <option value="0" {{($data->RincianKegiatan->pengadaan == '0'  ? 'selected' : '')}} >Non Pengadaan</option>
                                    <option value="1" {{($data->RincianKegiatan->pengadaan == '1' ? 'selected' : '')}} >Pengadaan</option>
                                </select>
                            </div>

                            <div class="form-group my-3" style="display: none" id="metode">
                                <label for="metode">Metode<i class="text-danger">*</i></label>
                                <select name="metode" id="metode_input" class="form-control">
                                    <option value="">pilih metode</option>
                                    <option value="swakelola"  {{isset($data)?($data->metode == 'swakelola'?'selected':''):''}}>Swakelola</option>
                                    <option value="pengadaan langsung" {{isset($data)?($data->metode == 'pengadaan langsung'?'selected':''):''}}>Pengadaan Langsung</option>
                                    <option value="pengadaan dikecualikan" {{isset($data)?($data->metode == 'pengadaan dikecualikan'?'selected':''):''}}>Pengadaan Dikecualikan</option>
                                    <option value="e-purchasing" {{isset($data)?($data->metode == 'e-purchasing'?'selected':''):''}}>E-Purchasing</option>
                                    <option value="penunjukan langsung" {{isset($data)?($data->metode == 'penunjukan langsung'?'selected':''):''}}>Penunjukan Langsung (Kondisi Tertentu)</option>
                                    <option value="tender cepat" {{isset($data)?($data->metode == 'tender cepat'?'selected':''):''}}>Tender Cepat</option>
                                    <option value="tender" {{isset($data)?($data->metode == 'tender'?'selected':''):''}}>Tender</option>
                                    <option value="seleksi" {{isset($data)?($data->metode == 'seleksi'?'selected':''):''}}>Seleksi</option>
                                </select>
                            </div>

                            <div class="form-group my-3" style="display: none" id="jenis_umk" >
                                <label for="jenis_umk">Jenis UMK<i class="text-danger">*</i></label>
                                <select name="jenis_umk" id="jenis_umk_input" class="form-control">
                                    <option value="">Pilih Jenis UMK</option>
                                    @if ($data->RincianKegiatan->jenis_umk_id)
                                        @foreach ($jenis_umks as $jenis_umk)
                                            <option value="{{ $jenis_umk->id }}" @if ($data->RincianKegiatan->jenis_umk_id == $jenis_umk->id) Selected  @endif>{{ $jenis_umk->nama }}</option>
                                        @endforeach
                                    @else
                                        @foreach ($jenis_umks as $jenis_umk)
                                            <option value="{{ $jenis_umk->id }}">{{ $jenis_umk->nama }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>

                            <div id="pdn_container" style="display: none">
                                <label for="tkdn">PDN <i class="text-danger">*</i></label>
                                <select name="pdn" id="pdn" class="form-control" autocomplete="off" required>
                                    {{-- <option value="1" @if ($rincianRealisasi->pdn == "1") selected @endif>PDN</option>
                                    <option value="0" @if ($rincianRealisasi->pdn == "0") selected @endif>Non PDN</option> --}}
                                    <option value="1" >PDN</option>
                                    <option value="0" >Non PDN</option>
                                </select>
                            </div>


                            <div class="wraper-tkdn" style="display: none">
                                <label for="tkdn">TKDN<i class="text-danger"></i></label>
                                <input type="number" name="tkdn" id="tkdn" class="form-control" autocomplete="off" step="any" min="1" max="100" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->tkdn:null}}">
                            </div>

                            <label for="realisasi">Realisasi <i class="text-danger">*</i></label>
                            <input type="number" name="realisasi" id="realisasi" class="form-control inputRealisasiFisik" step="any" autocomplete="off">

                            <label for="realisasi">Tanggal Realisasi <i class="text-danger">*</i></label>
                            <input type="text" name="tanggal_realisasi_fisik" class="form-control tanggal_realisasi" autocomplete="off">

                            @if ($data->uang_muka == '1')
                                <label for="cicilan">Cicilan Uang Muka <i class="text-danger">*</i></label>
                                <input type="text" name="input_cicilan" id="realisasi" class="form-control money inputCicilan">
                            @endif
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit" name="submitFisik" class="btn btn-info submitFisik" id="btn-save-setting">Save</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Input Realisasi Keuangan</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <label for="uraian">Uraian</label>
                            <input type="text" form="form" name="uraianKeuangan" id="uraian" value="{{$dataRincianKegiatan->uraian}}"
                                class="form-control" readonly>
                            <label for="pagu">Pagu</label>
                            <input type="number" form="form" name="pagu" id="pagu"
                                value="{{$dataRincianKegiatan->pagu}}" class="form-control pagu-keu" readonly>
                            <label for="realisasi">Realisasi <i class="text-danger">*</i></label>
                            <input type="text" form="form" name="realisasiKeuangan" id="realisasi"
                                class="form-control money inputRealisasiKeuangan"  autocomplete="off">
                            <label for="realisasi">Tanggal Realisasi <i class="text-danger">*</i></label>
                            <input type="text" name="tanggal_realisasi_keuangan" class="form-control tanggal_realisasi"  autocomplete="off">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit" name="submitKeuangan" class="btn btn-info submitKeuangan">Save</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="exampleModal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Input Permasalahan dan Tindak Lanjut</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <label for="uraian">Uraian Permasalahan <i class="text-danger">*</i></label>
                            <textarea class="form-control" name="permasalahan" id="" cols="20" rows="5"></textarea>
                            <br>
                            <label for="uraian">Uraian Tindak Lanjut <i class="text-danger">*</i></label>
                            <textarea class="form-control" name="tindaklanjut" id="" cols="20" rows="5"></textarea>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit" name="submitPermasalahanTindakLanjut" class="btn btn-info submitPermasalahanTindakLanjut">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form action="" method="POST" class="ubahFisik" enctype="multipart/form-data">
            @csrf
            <div class="modal fade" id="fisikEditModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Ubah Realisasi Fisik</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <i class="text-danger">Catatan : Field yang terdapat tanda bintang (*), wajib diisi</i>
                            <hr>
                            {{-- <h5>Setting Kontrak</h5>
                            <hr>
                            <label for="uraian">Uraian</label>
                            <input type="text" name="uraian" id="uraian" value="{{$dataRincianKegiatan->uraian}}" class="form-control" readonly>
                            <label for="metode">Metode  <i class="text-danger">*</i></label>
                            <select name="metode" id="metode" class="form-control">
                                <option value="">pilih metode</option>
                                <option value="swakelola"  {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'swakelola'?'selected':''):''}}>Swakelola</option>
                                <option value="pengadaan langsung" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'pengadaan langsung'?'selected':''):''}}>Pengadaan Langsung</option>
                                <option value="pengadaan dikecualikan" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'pengadaan dikecualikan'?'selected':''):''}}>Pengadaan Dikecualikan</option>
                                <option value="e-purchasing" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'e-purchasing'?'selected':''):''}}>E-Purchasing</option>
                                <option value="penunjukan langsung" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'penunjukan langsung'?'selected':''):''}}>Penunjukan Langsung</option>
                                <option value="tender cepat" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'tender cepat'?'selected':''):''}}>Tender Cepat</option>
                                <option value="tender" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'tender'?'selected':''):''}}>Tender</option>
                                <option value="seleksi" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'seleksi'?'selected':''):''}}>Seleksi</option>
                            </select>
                            <label for="realisasi">Nilai Kontrak  <i class="text-danger">*</i></label>
                            <input type="number" name="kontrak" id="kontrak" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak:0}}">

                            <label for="realisasi">Nama Penyedia  <i class="text-danger"></i></label>
                            <input type="text" name="penyedia" id="penyedia" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->nama_penyedia : "-"}}">

                            <label for="masa_pemeliharaan">Masa Pemeliharaan  <i class="text-danger"></i></label>
                            <input type="text" name="masa_pemeliharaan" id="masa_pemeliharaan" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->masa_pemeliharaan : "-"}}">

                            <label for="masa_kontrak">Masa Kontrak  <i class="text-danger"></i></label>
                            <input type="text" name="masa_kontrak" id="masa_kontrak" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->masa_kontrak : "-"}}">

                            <label for="kategori">Kategori  <i class="text-danger">*</i></label>
                            <select name="kategori" id="kategori" class="form-control">
                                <option value="fisik"  {{isset($rincianRealisasi)?($rincianRealisasi->rincianKegiatan->kategori == 'fisik'?'selected':''):''}}>Fisik</option>
                                <option value="non-fisik" {{isset($rincianRealisasi)?($rincianRealisasi->rincianKegiatan->kategori == 'non-fisik'?'selected':''):''}}>Non-Fisik</option>
                            </select>

                            <div class="row row-map" @if($rincianRealisasi->rincianKegiatan->kategori != 'fisik') style="display:none;" @endif >
                                <div class="col">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="d-flex flex-column">
                                                <h4>Koordinat Lokasi Pekerjaan</h4>
                                            </div>
                                            <div id="mapEdit"></div>
                                            <div class="row mt-2">
                                                <div class="col-4">
                                                    <input class="form-control" type="text" name="latitude" id="latitude" readonly placeholder="Latitude" value="{{ $dataRincianKegiatan->latitude }}">
                                                </div>
                                                <div class="col-4">
                                                    <input class="form-control" type="text" name="longtitude" id="longitude" readonly placeholder="Longitude" value="{{ $dataRincianKegiatan->longitude }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <label for="realisasi">Lokasi  <i class="text-danger"></i></label>
                            <textarea class="form-control" name="lokasi" id="lokasi" cols="20" rows="2"> {{ isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->lokasi : "-" }} </textarea>

                            @if (!$uploadedDoc1 || !$uploadedDoc2 || !$uploadedDoc3)
                                <dt style="color:orange;">anda hanya dapat mengunggah 3 file dengan ukuran masing-masing maksimal 1 MB</dt>
                            @endif

                            @if (!$uploadedDoc1)
                                <label>Dokumen 1 : Kontrak, SK dan lain lain</label>
                                <input type="file" name="file_dok1" class="form-control">
                            @endif

                            @if (!$uploadedDoc2)
                                <label>Dokumen 2 : Dokumentasi Kegiatan</label>
                                <input type="file" name="file_dok2" class="form-control">
                            @endif

                            @if (!$uploadedDoc3)
                                <label>Dokumen 3 : Berita Acara Serah Terima</label>
                                <input type="file" name="file_dok3" class="form-control">
                            @endif   

                            <hr> --}}
                            <h5 class="mt-2">Realisasi Fisik</h5>
                            <hr>

                            <label for="koefisien">Koefisien</label>
                            <input type="text" name="koefisien" id="koefisien" value=""
                                class="form-control ubah-koefisien-fisik">
                            <label for="satuan">Satuan</label>
                            <input type="text" name="satuan" id="satuan" value=""
                                class="form-control">

                            <div class="form-group my-3" id="jenis-pengadaan-container-edit">
                                <label for="jenis_pengadaan">Jenis Pengadaan<i class="text-danger">*</i></label>
                                <select name="jenis_pengadaan" id="jenis_pengadaan_edit" class="form-control" required>
                                    <option value="0" {{($data->RincianKegiatan->pengadaan == '0'  ? 'selected' : '')}} >Non Pengadaan</option>
                                    <option value="1" {{($data->RincianKegiatan->pengadaan == '1' ? 'selected' : '')}} >Pengadaan</option>
                                </select>
                            </div>

                            <div class="form-group my-3" style="display: none" id="metode_edit">
                                <label for="metode">Metode<i class="text-danger">*</i></label>
                                <select name="metode" id="metode_input_edit" class="form-control">
                                    <option value="">pilih metode</option>
                                    <option value="swakelola"  {{isset($data)?($data->metode == 'swakelola'?'selected':''):''}}>Swakelola</option>
                                    <option value="pengadaan langsung" {{isset($data)?($data->metode == 'pengadaan langsung'?'selected':''):''}}>Pengadaan Langsung</option>
                                    <option value="pengadaan dikecualikan" {{isset($data)?($data->metode == 'pengadaan dikecualikan'?'selected':''):''}}>Pengadaan Dikecualikan</option>
                                    <option value="e-purchasing" {{isset($data)?($data->metode == 'e-purchasing'?'selected':''):''}}>E-Purchasing</option>
                                    <option value="penunjukan langsung" {{isset($data)?($data->metode == 'penunjukan langsung'?'selected':''):''}}>Penunjukan Langsung (Kondisi Tertentu)</option>
                                    <option value="tender cepat" {{isset($data)?($data->metode == 'tender cepat'?'selected':''):''}}>Tender Cepat</option>
                                    <option value="tender" {{isset($data)?($data->metode == 'tender'?'selected':''):''}}>Tender</option>
                                    <option value="seleksi" {{isset($data)?($data->metode == 'seleksi'?'selected':''):''}}>Seleksi</option>
                                </select>
                            </div>

                            <div class="form-group my-3" style="display: none" id="jenis_umk_edit" >
                                <label for="jenis_umk">Jenis UMK<i class="text-danger">*</i></label>
                                <select name="jenis_umk" id="jenis_umk_input_edit" class="form-control">
                                    <option value="">Pilih Jenis UMK</option>
                                    @if ($data->RincianKegiatan->jenis_umk_id)
                                        @foreach ($jenis_umks as $jenis_umk)
                                            <option value="{{ $jenis_umk->id }}" @if ($data->RincianKegiatan->jenis_umk_id == $jenis_umk->id) Selected  @endif>{{ $jenis_umk->nama}}</option>
                                        @endforeach
                                    @else
                                        @foreach ($jenis_umks as $jenis_umk)
                                            <option value="{{ $jenis_umk->id }}">{{ $jenis_umk->nama }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>

                            <div id="wraper-pdn-edit" style="display: none">
                                <label for="tkdn">PDN <i class="text-danger">*</i></label>
                                <select name="pdn" id="pdn-edit" class="form-control" autocomplete="off" required>
                                    <option value="1" @if ($rincianRealisasi->pdn == "1") selected @endif>PDN</option>
                                    <option value="0" @if ($rincianRealisasi->pdn == "0") selected @endif>Non PDN</option>
                                </select>
                            </div>

                            <div class="wraper-tkdn-edit" style="display: none">
                                <label for="tkdn">TKDN <i class="text-danger"></i></label>
                                <input type="number" name="tkdn" id="tkdn-edit" class="form-control" autocomplete="off" step="any" min="1" max="100">
                            </div>
                            <label for="realisasi">Realisasi <i class="text-danger">*</i></label>
                            <input type="number" name="realisasi" id="realisasi" class="form-control InputUbahFisik" step="any"  autocomplete="off">
                            <label for="realisasi">Tanggal Realisasi <i class="text-danger">*</i></label>
                            <input type="text" name="tanggal_realisasi_fisik" class="form-control tanggal_realisasi" value=""  autocomplete="off">
                            <input type="hidden" name="submitFisik" value="submitFisik">

                            @if ($data->uang_muka === 1)
                                <label for="cicilan">Cicilan Uang Muka <i class="text-danger">*</i></label>
                                <input type="text" form="form" name="ubah_cicilan" id="ubah_cicilan" 
                                class="form-control money inputCicilan">
                            @endif
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit"  class="btn btn-info ubahRealisasiFisik" id="btn-save-setting">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form action="" method="POST" class="ubahKeuangan">
            @csrf
            <div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Edit Realisasi Keuangan</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <label for="uraian">Uraian</label>
                            <input type="text" form="form" name="uraianKeuangan" id="uraian" value=""
                                class="form-control" readonly>

                            <label for="pagu">Pagu</label>
                            <input type="text" form="form" name="pagu" id="pagu"
                                value="" class="form-control ubah-pagu-keuangan" readonly>

                            <label for="realisasi">Realisasi <i class="text-danger">*</i></label>
                            <input type="text" name="realisasiKeuangan" id="realisasi" class="form-control realisasi money InputUbahKeuangan" value=""  autocomplete="off">

                            <label for="realisasi">Tanggal Realisasi <i class="text-danger">*</i></label>
                            <input type="text" value="" name="tanggal_realisasi_keuangan" class="form-control tanggal_realisasi tanggal_edit_realisasi_keuangan"  autocomplete="off">

                            <input type="hidden" name="submitKeuangan" value="submitKeuangan">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit"  class="btn btn-info ubahRealisasiKeuangan">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form action="" method="POST" class="" id="formubahPTL">
            @csrf
            <div class="modal fade" id="exampleModal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Edit Permasalahan dan Tindak Lanjut</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <label for="uraian">Uraian Permasalahan <i class="text-danger">*</i></label>
                            <textarea class="form-control" name="permasalahan" id="permasalahan" cols="20" rows="5"></textarea>

                            <br>

                            <label for="uraian">Uraian Tindak Lanjut <i class="text-danger">*</i></label>
                            <textarea class="form-control" name="tindaklanjut" id="tindaklanjut" cols="20" rows="5"></textarea>

                            <input type="hidden" name="submitPTL" value="submitPTL">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit"  class="btn btn-info ubahPTL">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div class="modal fade" id="kontrakModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <form action="/RincianRealisasiKegiatan/{{$dataRincianKegiatan->id}}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLabel">Setting Metode, Nilai Kontrak, Lokasi, Nama Penyedia dan Dokumentasi</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <label for="uraian">Uraian</label>
                            <input type="text" name="uraian" id="uraian" value="{{$dataRincianKegiatan->uraian}}" class="form-control" readonly>

                            @if ($dataRincianKegiatan->pengadaan == 1)
                                <label for="metode">Metode  <i class="text-danger">*</i></label>
                                <select name="metode" id="metode" class="form-control">
                                    <option value="">pilih metode</option>
                                    <option value="swakelola"  {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'swakelola'?'selected':''):''}}>Swakelola</option>
                                    <option value="pengadaan langsung" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'pengadaan langsung'?'selected':''):''}}>Pengadaan Langsung</option>
                                    <option value="pengadaan dikecualikan" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'pengadaan dikecualikan'?'selected':''):''}}>Pengadaan Dikecualikan</option>
                                    <option value="e-purchasing" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'e-purchasing'?'selected':''):''}}>E-Purchasing</option>
                                    <option value="penunjukan langsung" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'penunjukan langsung'?'selected':''):''}}>Penunjukan Langsung (Kondisi Tertentu)</option>
                                    <option value="tender cepat" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'tender cepat'?'selected':''):''}}>Tender Cepat</option>
                                    <option value="tender" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'tender'?'selected':''):''}}>Tender</option>
                                    <option value="seleksi" {{isset($rincianRealisasi)?($rincianRealisasi->metode == 'seleksi'?'selected':''):''}}>Seleksi</option>
                                </select>
                            @endif

                            <label for="realisasi">Nilai Kontrak  <i class="text-danger">*</i></label>
                            <input type="number" name="kontrak" id="kontrak" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak:0}}">

                            <label for="realisasi">Nama Penyedia  <i class="text-danger"></i></label>
                            <input type="text" name="penyedia" id="penyedia" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->nama_penyedia : "-"}}">

                            <label for="masa_pemeliharaan">Masa Pemeliharaan  <i class="text-danger"></i></label>
                            <input type="text" name="masa_pemeliharaan" id="masa_pemeliharaan" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->masa_pemeliharaan : "-"}}">

                            <label for="masa_kontrak">Masa Kontrak  <i class="text-danger"></i></label>
                            <input type="text" name="masa_kontrak" id="masa_kontrak" class="form-control" value="{{isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->masa_kontrak : "-"}}">

                            <label for="kategori">Kategori  <i class="text-danger">*</i></label>
                            <select name="kategori" id="kategori" class="form-control">
                                <option value="fisik"  {{isset($rincianRealisasi)?($rincianRealisasi->rincianKegiatan->kategori == 'fisik'?'selected':''):''}}>Fisik</option>
                                <option value="non-fisik" {{isset($rincianRealisasi)?($rincianRealisasi->rincianKegiatan->kategori == 'non-fisik'?'selected':''):''}}>Non-Fisik</option>
                            </select>

                            <div class="row row-map" @if($rincianRealisasi->rincianKegiatan->kategori != 'fisik') style="display:none;" @endif >
                                <div class="col">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="d-flex flex-column">
                                                <h4>Koordinat Lokasi Pekerjaan</h4>
                                            </div>
                                            <div id="mapKontrak"></div>
                                            <div class="row mt-2">
                                                <div class="col-4">
                                                    <input class="form-control" type="text" name="latitude" id="latitude" readonly placeholder="Latitude" value="{{ $dataRincianKegiatan->latitude }}">
                                                </div>
                                                <div class="col-4">
                                                    <input class="form-control" type="text" name="longtitude" id="longitude" readonly placeholder="Longitude" value="{{ $dataRincianKegiatan->longitude }}">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <label for="realisasi">Lokasi  <i class="text-danger"></i></label>
                            <textarea class="form-control" name="lokasi" id="lokasi" cols="20" rows="2">{{ isset($dataRincianKegiatan->RealisasiRincianKegiatan)?$dataRincianKegiatan->RealisasiRincianKegiatan->lokasi : "-" }}</textarea>


                            @if (!$uploadedDoc1 || !$uploadedDoc2 || !$uploadedDoc3)
                                <h4 class="text-center p-3" style="color:orange;">Anda hanya dapat mengunggah 5 file pada setiap kategori dokumentasi dengan ukuran per file maksimal 1 MB !</h4>
                            @endif

                            {{-- @for($i=0; $i < 3-$uploadedDoc; $i++)
                                <label>Dokumen {{$i+1}}</label>
                                <input type="file" name="file_dok[]" class="form-control">
                            @endfor --}}

                            @if (!$uploadedDoc1)
                                <label>Dokumen 1 : Kontrak, SK dan lain lain (Maksimal 5 file, 1MB per file)</label>
                                <input type="file" name="file_dok1[]" class="form-control" multiple>
                            @endif

                            @if (!$uploadedDoc2)
                                <label>Dokumen 2 : Dokumentasi Kegiatan (Maksimal 5 file, 1MB per file)</label>
                                <input type="file" name="file_dok2[]" class="form-control" multiple>
                            @endif

                            @if (!$uploadedDoc3)
                                <label>Dokumen 3 : Berita Acara Serah Terima (Maksimal 5 file, 1MB per file)</label>
                                <input type="file" name="file_dok3[]" class="form-control" multiple>
                            @endif
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-info" id="btn-save-setting">Save</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        {{-- modal popup untuk penyesuaian   --}}
        <div class="modal fade" id="tambahSubKegiatan" data-bs-backdrop="static" data-bs-keyboard="false"
            aria-labelledby="tambahSubKegiatanLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-scrollable">
                <form action="{{ route('realisasi.penyesuaianRincian') }}" method="POST">
                    @csrf
                    <div class="modal-content">
                        <div class="modal-header text-center">
                            <h1 class="modal-title fs-7" id="tambahSubKegiatanLabel">Penyesuaian Rincian Kegiatan</h1>
                            {{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --}}
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12">

                                    <input type="hidden" class="form-control" name="id" required value="{{ $dataRincianKegiatan->id }}" placeholder="id">

                                    <div class="form-group my-3">
                                        <label class="form-control-label" for="uraian"> Uraian <i
                                                class="text-danger">*</i> </label>
                                        <textarea class="form-control" name="uraian" placeholder="uraian" required>{{ $dataRincianKegiatan->uraian }}</textarea>
                                    </div>
                                    <div class="form-group my-3">
                                        <label class="form-control-label" for="satuan"> Satuan <i
                                                class="text-danger">*</i> </label>
                                        <input type="text" class="form-control" name="satuan" required
                                            value="{{ $dataRincianKegiatan->satuan }}" placeholder="Satuan">
                                    </div>
                                    <div class="form-group my-3">
                                        <label class="form-control-label" for="volume"> Volume <i
                                                class="text-danger">*</i> </label>
                                        <input id="volume" type="text" class="form-control money" name="volume" required
                                            value="{{ $dataRincianKegiatan->volume }}" placeholder="Volume">
                                    </div>
                                    <div class="form-group my-3">
                                        <label class="form-control-label" for="nilai_kontrak"> Nilai Kontrak <i
                                                class="text-danger">*</i> </label>
                                        <input type="text" class="form-control money" name="nilai_kontrak" id="penyesuaian_nilai_kontrak" required
                                            value="{{ $dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak }}" placeholder="Nilai kontrak">
                                    </div>
                                    <div class="form-group my-3" id="jenis-pengadaan-penyesuaian">
                                        <label for="jenis_pengadaan">Jenis Pengadaan<i class="text-danger">*</i></label>
                                        <select name="jenis_pengadaan" id="jenis_pengadaan_input" class="form-control" required>
                                            <option value="1" {{($dataRincianKegiatan->pengadaan == '1' ? 'selected' : '')}} >Pengadaan</option>
                                            <option value="0" {{($dataRincianKegiatan->pengadaan == '0'  ? 'selected' : '')}} >Non Pengadaan</option>
                                        </select>
                                    </div>
        
                                    <div class="form-group my-3" style="display: none" id="metode_penyesuaian">
                                        <label for="metode">Metode<i class="text-danger">*</i></label>
                                        <select name="metode" id="metode_input_penyesuaian" class="form-control">
                                            <option value="">pilih metode</option>
                                            <option value="swakelola">Swakelola</option>
                                            <option value="pengadaan langsung">Pengadaan Langsung</option>
                                            <option value="pengadaan dikecualikan">Pengadaan Dikecualikan</option>
                                            <option value="e-purchasing">E-Purchasing</option>
                                            <option value="penunjukan langsung">Penunjukan Langsung (Kondisi Tertentu)</option>
                                            <option value="tender cepat">Tender Cepat</option>
                                            <option value="tender">Tender</option>
                                            <option value="seleksi">Seleksi</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="modal-footer">
                            {{-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> --}}
                            <button type="submit" id="simpan_penyesuaian" class="btn btn-primary simpan-rincian">Simpan</button>
                        </div>
                </form>
            </div>
        </div>
        {{-- </div> --}}

    </div>
</div>

@endsection

@push('js')
{{-- chart --}}
{{-- <script src="https://cdn.anychart.com/releases/8.9.0/js/anychart-core.min.js"></script> --}}
<script src=" {{ asset('assets/anychart/anychart-core.min.js') }}"></script>
<script src=" {{ asset('assets/anychart/anychart-venn.min.js') }}"></script>
<script src=" {{ asset('assets/anychart/pastel.min.js') }} "></script>
<script src="{{asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap" rel="stylesheet">

{{-- driver js --}}
<script src="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.js.iife.js"></script>

{{-- <script>
    document.addEventListener("DOMContentLoaded", function () {
        let modalFisik = document.getElementById("fisikModal");

        modalFisik.addEventListener("show.bs.modal", function (event) {
            let button = event.relatedTarget;
            let hasDokumen = button.getAttribute("data-has-dokumen") === "1";

            if (!hasDokumen) {
                event.preventDefault();
                
                Swal.fire({
                    title: 'Peringatan',
                    html: "Sebelum mengisi Realisasi Fisik <br> Harap input Dokumentasi 1 (Kontrak, SK dan lain lain), Dokumentasi 2 (Dokumentasi Kegiatan) dan Dokumentasi 3 (Dokumen Berita Acara Serah Terima) Terlebih Dahulu!",
                    icon: 'warning',
                    confirmButtonColor: '#3085d6',
                    confirmButtonText: 'Ya',
                    allowOutsideClick: false,
                }).then((result) => {
                    if (result.isConfirmed) {
                        let volume = parseInt("{{ $dataRincianKegiatan->volume }}");
                        let nilaiKontrak = parseInt("{{ $dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak }}");

                        if (volume <= 0 || nilaiKontrak == 0) {
                            $('#tambahSubKegiatan').modal('show');
                        }
                    }
                });
            }
        });
    });

</script> --}}

<script>
    const driver = window.driver.js.driver;
    const driverObj = driver();

    document.getElementById('koefisien').addEventListener('click', function () {
        driverObj.highlight({
            element: "#koefisien", 
            popover: {
                title: 'Koefisien/Volume',
                description: 'Peringatan Merubah Volume dapat berpengaruh ke Realisasi Fisik, Pastikan Volume yang diubah tidak lebih kecil dari Realisasi Fisik yang sudah ada!',
                position: 'top' 
            }
        });
    });

</script>

<!-- Make sure you put this AFTER Leaflet's CSS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
crossorigin=""></script>

<script>
    $(document).ready(function() {

        $("#jenis-pengadaan-penyesuaian").change(function () {
            selectedOption = $(this).find("option:selected").text();

            if (selectedOption == "Pengadaan") {
                $("#metode_penyesuaian").show();
                // $("#jenis_umk_edit").show();
                // $("#wraper-pdn-edit").show();

                $("#metode_input_penyesuaian").attr('required', '');
                // $("#jenis_umk_input_edit").attr('required', '');
                // $("#pdn-edit").attr('required', '');
            }else{
                $("#metode_penyesuaian").hide();
                // $("#jenis_umk_edit").hide();
                // $("#wraper-pdn-edit").hide();

                $("#metode_input_penyesuaian").val(null);
                // $("#jenis_umk_input_edit").val(null);
                // $("#pdn-edit").val(null);

                $("#metode_input_penyesuaian").removeAttr('required');
                // $("#jenis_umk_input_edit").removeAttr('required');
                // $("#pdn-edit").removeAttr('required');
            }
        });

        // Check on page load
        $("#jenis-pengadaan-penyesuaian").change();
    });
</script>

<script>
    $(document).ready(function() {

        $("#jenis_pengadaan_edit").change(function () {
            selectedOption = $(this).find("option:selected").text();

            if (selectedOption == "Pengadaan") {
                $("#metode_edit").show();
                $("#jenis_umk_edit").show();
                $("#wraper-pdn-edit").show();

                $("#metode_input_edit").attr('required', '');
                $("#jenis_umk_input_edit").attr('required', '');
                $("#pdn-edit").attr('required', '');
            }else{
                $("#metode_edit").hide();
                $("#jenis_umk_edit").hide();
                $("#wraper-pdn-edit").hide();

                $("#metode_input_edit").val(null);
                $("#jenis_umk_input_edit").val(null);
                $("#pdn-edit").val(null);

                $("#metode_input_edit").removeAttr('required');
                $("#jenis_umk_input_edit").removeAttr('required');
                $("#pdn-edit").removeAttr('required');
            }
            checkPdnEdit();
        });

        function checkPdnEdit() {
            var selectedOption = $("#pdn-edit").find("option:selected").text();

            if (selectedOption == "PDN") {
                $(".wraper-tkdn-edit").show();
            } else {
                $(".wraper-tkdn-edit").hide();
                $("#tkdn-edit").val(null);
            }
        }

        // Check on page load
        checkPdnEdit();
        $("#jenis_pengadaan_edit").change();

        // Check on change event
        $("#pdn-edit").change(function () {
            checkPdnEdit();
        });
    });
</script>

<script>
    $(document).ready(function() {

        $("#jenis_pengadaan_input").change(function () {
            selectedOption = $(this).find("option:selected").text();

            if (selectedOption == "Pengadaan") {
                $("#metode").show();
                $("#jenis_umk").show();
                $("#pdn_container").show();

                $("#metode").attr('required', '');
                $("#jenis_umk").attr('required', '');
                $("#pdn").attr('required', '');
            }else{
                $("#metode").hide();
                $("#jenis_umk").hide();
                $("#pdn_container").hide();

                $("#metode").val(null);
                $("#jenis_umk").val(null);
                $("#pdn").val(null);

                $("#metode").removeAttr('required');
                $("#jenis_umk").removeAttr('required');
                $("#pdn").removeAttr('required');
            }
            checkPdn();
        });

        function checkPdn() {
            var selectedOption = $("#pdn").find("option:selected").text();

            if (selectedOption == "PDN") {
                // console.log(selectedOption);
                $(".wraper-tkdn").show();
            } else {
                $(".wraper-tkdn").hide();
                $("#tkdn").val(null);
            }
        }

        // Check on page load
        checkPdn();
        $("#jenis_pengadaan_input").change();

        // Check on change event
        $("#pdn").change(function () {
            checkPdn();
        });
    });
</script>


<script>
    // notifikasi jika nilai_kontrak  melebihi pagu di setting
    $('#btn-save-setting').click(function (event) {
        let pagu = {{ $dataRincianKegiatan->pagu }};
        let nilai_kontrak = parseFloat($('#kontrak').val());
        
        if (nilai_kontrak > pagu) {
            event.preventDefault();
            Swal.fire({
                title: 'Warning',
                html: 'Nilai Kontrak Tidak Boleh Melebihi Pagu Anggaran Rp.'+ pagu +' <br> Silahkan Sesuaikan Kembali!',
                icon: 'warning',
                // confirmButtonText: 'Lanjutkan',
                showCancelButton: true,
                allowOutsideClick: false, // Tidak mengizinkan klik di luar kotak dialog
                showConfirmButton: false, // Tombol "Save/OK" tidak ditampilkan
            });
        }
        
    });

    // notifikasi jika nilai_kontrak  melebihi pagu di penyesuaian
    $(document).ready(function () {
        $('#simpan_penyesuaian').click(function (event) {
            let pagu = {{ $dataRincianKegiatan->pagu }};
            let nilai_kontrak = parseInt($('#penyesuaian_nilai_kontrak').val().replace(/,/g, ''));
            
            if (nilai_kontrak > pagu) {
                event.preventDefault();
                Swal.fire({
                    title: 'Warning',
                    html: 'Nilai Kontrak Tidak Boleh Melebihi Pagu Anggaran Rp.'+ pagu +' <br> Silahkan Sesuaikan Kembali!',
                    icon: 'warning',
                    // confirmButtonText: 'Lanjutkan',
                    showCancelButton: true,
                    allowOutsideClick: false, // Tidak mengizinkan klik di luar kotak dialog
                    showConfirmButton: false, // Tombol "Save/OK" tidak ditampilkan
                });
            }
            
        });
    });

    // notifikasi jika keuangan  melebihi fisik
    // $(document).ready(function () {
    //     $('#simpan_penyesuaian').click(function (event) {
    //         let keuangan = ;
    //         let fisik = {{ $data ? 100*($totalFisik/($data->rincianKegiatan->volume == 0 ? 1 : $data->rincianKegiatan->volume)) : 0 }};
            
    //         if (keuangan > fisik) {
    //             event.preventDefault();
    //             Swal.fire({
    //                 title: 'Warning',
    //                 html: 'Persentase Keuangan Tidak Boleh Melebihi Fisik'+ Fisik +' % <br> Silahkan Sesuaikan Kembali!',
    //                 icon: 'warning',
    //                 showCancelButton: true,
    //                 allowOutsideClick: false,
    //                 showConfirmButton: false,
    //             });
    //         }
            
    //     });
    // });
</script>

<script>
let latitude = {{ $dataRincianKegiatan->latitude ?? 'null' }};
let longitude = {{ $dataRincianKegiatan->longitude ?? 'null' }};

// Set default coordinates if latitude or longitude are null or zero
if (!latitude || latitude == 0 || !longitude || longitude == 0) {
    latitude = -0.507624;
    longitude = 117.168642;
}

function initializeMapAdd() {
        $("#fisikModal").find('.row-map').show();
        var map = L.map('map').setView([latitude, longitude], 11);

        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
        }).addTo(map);
        
        $('.btn-fisik').on('click', function(e) {
            if (map && map.invalidateSize) {
                setTimeout(function() {
                    map.invalidateSize();
                }, 1000);
            }
        });

        const popup = L.popup();

        @if ($dataRincianKegiatan->latitude && $dataRincianKegiatan->longitude)
            const marker = L.marker([{{$dataRincianKegiatan->latitude}}, {{ $dataRincianKegiatan->longitude }}]).addTo(map)
            .bindPopup('{{ $dataRincianKegiatan->uraian }}');
        @endif

        function onMapClickAdd(e) {
            popup
                .setLatLng(e.latlng)
                .setContent(`Koordinat : ${e.latlng.toString()}`)
                .openOn(map);

            // Set the latitude and longitude values
            $("#fisikModal").find('input[name="latitude"]').val(e.latlng.lat);
            $("#fisikModal").find('input[name="longtitude"]').val(e.latlng.lng);
        }

        map.on('click', onMapClickAdd);
    }

    function initializeMapEdit() {
        $("#fisikEditModal").find('.row-map').show();
        var mapEdit = L.map('mapEdit').setView([latitude, longitude], 11);

        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
        }).addTo(mapEdit);
        
        $('.btn-edit-fisik').on('click', function(e) {
            if (mapEdit && mapEdit.invalidateSize) {
                setTimeout(function() {
                    mapEdit.invalidateSize();
                }, 1000);
            }
        });

        const popupEdit = L.popup();

        @if ($dataRincianKegiatan->latitude && $dataRincianKegiatan->longitude)
            const markerEdit = L.marker([{{$dataRincianKegiatan->latitude}}, {{ $dataRincianKegiatan->longitude }}]).addTo(mapEdit)
            .bindPopup('{{ $dataRincianKegiatan->uraian }}');
        @endif

        function onMapClickEdit(e) {
            popupEdit
                .setLatLng(e.latlng)
                .setContent(`Koordinat : ${e.latlng.toString()}`)
                .openOn(mapEdit);

            // Set the latitude and longitude values
            $("#fisikEditModal").find('input[name="latitude"]').val(e.latlng.lat);
            $("#fisikEditModal").find('input[name="longtitude"]').val(e.latlng.lng);
        }

        mapEdit.on('click', onMapClickEdit);
    }

    function initializeMapKontrak() {
        $("#kontrakModal").find('.row-map').show();
        var mapKontrak = L.map('mapKontrak').setView([latitude, longitude], 11);

        L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
        }).addTo(mapKontrak);
        
        $('.btn-kontrak').on('click', function(e) {
            if (mapKontrak && mapKontrak.invalidateSize) {
                setTimeout(function() {
                    mapKontrak.invalidateSize();
                }, 1000);
            }
        });

        const popupKontrak = L.popup();

        @if ($dataRincianKegiatan->latitude && $dataRincianKegiatan->longitude)
            const markerKontrak = L.marker([{{$dataRincianKegiatan->latitude}}, {{ $dataRincianKegiatan->longitude }}]).addTo(mapKontrak)
            .bindPopup('{{ $dataRincianKegiatan->uraian }}');
        @endif

        function onMapClickKontrak(e) {
            popupKontrak
                .setLatLng(e.latlng)
                .setContent(`Koordinat : ${e.latlng.toString()}`)
                .openOn(mapKontrak);

            // Set the latitude and longitude values
            $("#kontrakModal").find('input[name="latitude"]').val(e.latlng.lat);
            $("#kontrakModal").find('input[name="longtitude"]').val(e.latlng.lng);
        }

        mapKontrak.on('click', onMapClickKontrak);
    }

    // Initialize the maps when modals are fully shown
    $('#fisikModal').on('shown.bs.modal', function () {
        if ($(this).find('select[name="kategori"]').val() === 'fisik') {
            initializeMapAdd();
        }
    });

    $('#fisikEditModal').on('shown.bs.modal', function () {
        if ($(this).find('select[name="kategori"]').val() === 'fisik') {
            initializeMapEdit();
        }
    });

    $('#kontrakModal').on('shown.bs.modal', function () {
        if ($(this).find('select[name="kategori"]').val() === 'fisik') {
            initializeMapKontrak();
        }
    });

    // Add event listeners for the change event
    $("#fisikModal").find('select[name="kategori"]').change(function () {
        if ($(this).val() === 'fisik') {
            initializeMapAdd();
        } else {
            $("#fisikModal").find('.row-map').find('input').attr('disabled', true);
            $("#fisikModal").find('.row-map').hide();
        }
    });

    $("#fisikEditModal").find('select[name="kategori"]').change(function () {
        if ($(this).val() === 'fisik') {
            initializeMapEdit();
        } else {
            $("#fisikEditModal").find('.row-map').find('input').attr('disabled', true);
            $("#fisikEditModal").find('.row-map').hide();
        }
    });

    $("#kontrakModal").find('select[name="kategori"]').change(function () {
        if ($(this).val() === 'fisik') {
            initializeMapKontrak();
        } else {
            $("#kontrakModal").find('.row-map').find('input').attr('disabled', true);
            $("#kontrakModal").find('.row-map').hide();
        }
    });
</script>
@role('admin')
    <script>
        var tgl_awal = {!! json_encode($tgl_awal) !!};
        var tgl_akhir = {!! json_encode($tgl_akhir) !!};

        $('.tanggal_realisasi').datepicker({
            endDate: new Date(tgl_akhir),
            format:'yyyy-mm-dd',
            startDate: new Date(tgl_awal),
            autoclose:true,
        }); 
    </script>
@else
    <script>
        // var batasInput = {!! json_encode($startOfMonthFormatted) !!};
        var tgl_awal = {!! json_encode($tgl_awal) !!};
        var tgl_akhir = {!! json_encode($tgl_akhir) !!};
        
        // console.log(batasInput);

        $('.tanggal_realisasi').datepicker({
            endDate: new Date(tgl_akhir),
            format: 'yyyy-mm-dd',
            startDate: new Date(tgl_awal),
            autoclose: true,
        });
    </script>
@endif

<script>
    $(document).ready(function() {
        // Define a function to handle volume input
        function handleVolumeInput() {
            const volumeValue = $('#volume').val();
            const volumeError = $('#volume-error');
            const btnSimpan = $('.simpan-rincian');

            if (parseInt(volumeValue) === 0) {
                volumeError.text('Volume tidak boleh 0');
                btnSimpan.prop('disabled', true);
            } else {
                volumeError.text('');
                btnSimpan.prop('disabled', false);
            }
        }

        // Call the function initially on document ready
        handleVolumeInput();

        // Attach the function to the input event
        $('#volume').on('input', handleVolumeInput);
    });
</script>

<script>
    $('img[data-enlargable]').addClass('img-enlargable').click(function(){
        var src = $(this).attr('src');
        var encodedSrc = encodeURIComponent(src); // Encode the URL

        // Create a container to display the enlarged image
        var $container = $('<div>').css({
            background: 'RGBA(0,0,0,.5)',
            width: '100%',
            height: '100%',
            position: 'fixed',
            zIndex: '10000',
            top: '0',
            left: '0',
            cursor: 'zoom-out',
        }).appendTo('body');

        // Create an image element inside the container
        $('<img>').attr('src', src).css({
            maxWidth: '100%',
            maxHeight: '100%',
            margin: 'auto',
            display: 'block',
        }).appendTo($container);

        // Click anywhere on the container to close it
        $container.click(function(){
            $(this).remove();
        });
    });
</script>


<script type="text/javascript">
    @if (intVal($dataRincianKegiatan->volume) <= 0 || intVal($dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak) == 0)

    Swal.fire({
        title: 'Peringatan',
        html: "Sebelum mengisi realisasi fisik & keuangan <br> harap sesuaikan nilai kontrak, satuan dan volume terlebih dahulu ! <br> <b>Nilai Kontrak Tidak Boleh 0</b>",
        icon: 'warning',
        // showCancelButton: true,
        confirmButtonColor: '#3085d6',
        // cancelButtonColor: '#d33',
        // cancelButtonText: 'Batal',
        confirmButtonText: 'Ya',
        allowOutsideClick: false,
        }).then((result) => {
        if (result.isConfirmed) {
            @if (intVal($dataRincianKegiatan->volume) <= 0 || intVal($dataRincianKegiatan->RealisasiRincianKegiatan->nilai_kontrak) == 0)   
                $('#tambahSubKegiatan').modal('show');
            @endif
        } else {
            $("#exampleModal1").modal("hide");
        }
    })

    @endif

    @if ($rincianRealisasi->realisasifisik->count() === 0 && $rincianRealisasi->realisasikeuangan->count() === 0)

        $('.tambah-rea-keu').click(function (e) { 
                // console.log(link);
                Swal.fire({
                    title: 'Apakah anda yakin?',
                    html: "Realisasi Fisik Masih Belum Di inputkan, <br> Jika Keuangan Terlebih dahulu maka akan dianggap sebagai uang muka!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    cancelButtonText: 'Batal',
                    confirmButtonText: 'Ya',
                    allowOutsideClick: false,
                    }).then((result) => {
                    if (result.isConfirmed) {
                        console.log(1);
                    } else {
                        $("#exampleModal1").modal("hide");
                    }
                })
                console.log('0');
            });
    @endif

    $('.btn-del').click(function(){
        var ini = $(this);
        var result = confirm("Want to delete?");
        if (result) {
            $.ajax({
                url:ini.attr('link'),
                method:'DELETE',
                data:{_method:'DELETE',_token:'{{csrf_token()}}'},
                dataType:'JSON',
                success:function(res){
                    // console.log(res);
                    alert(res);
                    location.reload();
                }
            });
        }

    });

    // $('.tanggal_realisasi').datepicker({
    //     format:'yyyy-mm-dd',
    //     autoclose:true,
    // });

    // function untuk format ke rupiah
    function formatRupiah(number) {
        if (isNaN(number)) {
            return "Invalid number";
        }
        var str = number.toString().replace(/\D/g, "");
        var formatted = str.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
        formatted = "Rp" + formatted;
        return formatted;
    }


    $('.btn-edit-fisik').click(function() {
        var ini = $(this);

        // function untuk mengecek sebelum data disubmit
        $('.ubahRealisasiFisik').click(function(event) {
            event.preventDefault();

            // Get the user input values
            var userInput = parseFloat($('#fisikEditModal').find('.InputUbahFisik').val());
            var tanggalInput = $('#fisikEditModal').find('[name="tanggal_realisasi_fisik"]').val();
            // var metode = $('#fisikEditModal').find('#metode').val();
            // var kontrak = parseFloat($('#fisikEditModal').find('#kontrak').val());
            // var penyedia = $('#fisikEditModal').find('#penyedia').val().trim();
            // var kategori = $('#fisikEditModal').find('#kategori').val();
            // var lokasi = $('#fisikEditModal').find('#lokasi').val().trim();
            var tkdn = parseFloat($('#fisikEditModal').find('#tkdn-edit').val());
            var cicilan = $('#fisikEditModal').find('.inputCicilan').length ? parseFloat($('#fisikEditModal').find('.inputCicilan').val()) : null;
            var realisasiKeuangan = {{ $totalKeuangan }};

            var pdn = $("#pdn-edit").find("option:selected").text();

            if (pdn == "PDN") {
                if (tkdn < 1 || tkdn > 100) {
                    Swal.fire({
                        title: 'Warning',
                        text: 'Nilai TKDN Minimal 1 dan Maksimal 100',
                        icon: 'error',
                    });
                    return
                }
            }

            if (realisasiKeuangan > kontrak) {
                Swal.fire({
                    title: 'Warning',
                    text: 'Nilai Kontrak: '+ formatRupiah(kontrak) +' Lebih kecil dari Realisasi Keuangan: '+ formatRupiah(realisasiKeuangan),
                    icon: 'error',
                });
            }else {
                // Check if required fields are empty
                console.log(cicilan)
                if (isNaN(userInput) || userInput <= 0 || tanggalInput.trim() === '' ||
                    // metode === '' || isNaN(kontrak) || kontrak <= 0 ||
                    // kategori === '' ||
                    (cicilan !== null && (isNaN(cicilan) || cicilan <= 0))) {
                    
                    Swal.fire({
                        title: 'Validasi Error',
                        text: 'Harap Lengkapi form dengan benar!',
                        icon: 'error',
                    });
                } else {
                    // Calculate the remaining koefisien fisik
                    var totalKoefisien = 0;
                    var selectedRow = $(ini).closest('tr'); // Get the selected row

                    $('.table-realisasi-fisik tbody tr').each(function() {
                        if (!$(this).is(selectedRow)) { // Exclude the selected row
                            var koefisien = parseFloat($(this).find('td.realisasi-table-data').text().trim(), 10);
                            if (!isNaN(koefisien)) {
                                totalKoefisien += koefisien;
                            }
                        }
                    });

                    var rencanaKoefisien = parseFloat($('.ubah-koefisien-fisik').val(), 10);
                    var remainingKoefisien = rencanaKoefisien - totalKoefisien;

                    // Compare user input with remaining koefisien fisik
                    if (userInput > remainingKoefisien) {
                        Swal.fire({
                            title: 'Warning',
                            html: 'Realisasi yang diinputkan melebihi koefisien fisik! <br> Sisa Koefisien: ' + remainingKoefisien + '<br> Silahkan sesuaikan kembali!',
                            icon: 'warning',
                            showCancelButton: true,
                            allowOutsideClick: false,
                            showConfirmButton: false,
                        }).then(function(result) {
                            if (result.isConfirmed) {
                                $('.ubahFisik').submit();
                            }
                        });
                    } else {
                        $('.ubahFisik').submit();
                    }
                }
            }
        });

        $.ajax({
            url: ini.attr('link'),
            method: 'GET',
            dataType: 'JSON',
            success: function(res) {
                $('#fisikEditModal').modal('toggle');
                // $('#fisikEditModal').find('#uraian').val(res.data.realisasirincian_kegiatan.rincian_kegiatan.uraian);
                $('#fisikEditModal').find('#koefisien').val(res.data.realisasirincian_kegiatan.rincian_kegiatan.volume);
                $('#fisikEditModal').find('#satuan').val(res.data.realisasirincian_kegiatan.rincian_kegiatan.satuan);
                $('#fisikEditModal').find('#tkdn-edit').val(res.data.realisasirincian_kegiatan.tkdn);
                $('#fisikEditModal').find('#realisasi').val(res.data.realisasi);
                $('#fisikEditModal').find('.tanggal_realisasi').val(res.data.tanggal_realisasi);
                $('#fisikEditModal').find('#ubah_cicilan').val(res.data.cicilan_uang_muka);
                $('#fisikEditModal').closest('form').attr('action', res.url);
            },
        });
    });


    $('.btn-edit-keuangan').click(function(){
        var ini = $(this);

        // function untuk mengecek data sebelum disubmit
        $('.ubahRealisasiKeuangan').click(function (event) {
            event.preventDefault();

            // Get the user input value
            var userInput = parseInt($('.InputUbahKeuangan').val().replace(/\D/g, ''), 10);
            var tanggalInput = $('.tanggal_edit_realisasi_keuangan').val();
            // console.log(tanggalInput);

            if (isNaN(userInput) || userInput <= 0 || tanggalInput.trim() === '') {
                // console.log(userInput);
                Swal.fire({
                    title: 'Validasi Error',
                    text: 'Harap Lengkapi form dengan benar!',
                    icon: 'error',
                })
            }else{
                // Calculate the remaining koefisien fisik
                var totalKoefisien = 0;
                // var selectedRow = $(this).closest('tr'); // Get the selected row
                var selectedRow = $(ini).closest('tr'); // Get the selected row
    
                $('.table-realisasi-keuangan tbody tr').each(function () {
                    if (!$(this).is(selectedRow)) { // Exclude the selected row
                        var koefisien = parseInt($(this).find('td.realisasi-keu-table-data').text().trim().replace(/\D/g, ''), 10);
                        if (!isNaN(koefisien)) {
                            totalKoefisien += koefisien;
                        }
                    }
                });
    
                var rencanaKoefisien = parseInt($('.ubah-pagu-keuangan').val().replace(/\D/g, ''), 10);
                var remainingKoefisien = rencanaKoefisien - totalKoefisien;
    
                if (remainingKoefisien < 0) {
                    remainingKoefisien = 0;
                }
    
                // Compare user input with remaining koefisien fisik
                if (userInput > remainingKoefisien) {
                    Swal.fire({
                        title: 'Warning',
                        html: 'Realisasi yang diinputkan melebihi pagu! <br> Sisa Pagu:'+ formatRupiah(remainingKoefisien)+'<br> Silahkan sesuaikan kembali!',
                        icon: 'warning',
                        // confirmButtonText: 'Lanjutkan',
                        showCancelButton: true,
                        allowOutsideClick: false, // Tidak mengizinkan klik di luar kotak dialog
                        showConfirmButton: false, // Tombol "Save/OK" tidak ditampilkan
                    }).then(function (result) {
                        if (result.isConfirmed) {
                            $('.ubahKeuangan').submit();
                        }
                    });
                } else {
                    $('.ubahKeuangan').submit();
                }
            }
        });



        $.ajax({
            url:ini.attr('link'),
            method:'GET',
            dataType:'JSON',
            success:function(res){
                $('.money').mask("#,##0",{
                    reverse: true
                });

                $('#exampleModal4').modal('toggle');
                $('#exampleModal4').find('#uraian').val(res.data.data.realisasirincian_kegiatan.rincian_kegiatan.uraian);
                $('#exampleModal4').find('#pagu').val(res.data.pagu);
                $('#exampleModal4').find('.realisasi').val(res.data.realisasi);
                $('#exampleModal4').find('.tanggal_realisasi').val(res.data.data.tanggal_realisasi);
                $('#exampleModal4').closest('form').attr('action',res.url);
            },
        });
    });

    $('.btn-edit-ptl').click(function(){
        var ini = $(this);

        $.ajax({
            url:ini.attr('link'),
            method:'GET',
            dataType:'JSON',
            success:function(res){
                $('#exampleModal5').modal('toggle');
                $('#exampleModal5').find('#permasalahan').val(res.data.permasalahan);
                $('#exampleModal5').find('#tindaklanjut').val(res.data.tindaklanjut);
                $('#exampleModal5').closest('form').attr('action',res.url);
            },
        });

        $('.ubahPTL').click(function (e) { 
            e.preventDefault();
            let permasalahan = $('#permasalahan').val();
            let tindaklanjut = $('#tindaklanjut').val();
            if (permasalahan === '' || tindaklanjut === '') {
                // console.log(permasalahan);
                // console.log(tindaklanjut);
                Swal.fire({
                    title: 'Validasi Error',
                    text: 'Harap Lengkapi form dengan benar!',
                    icon: 'error',
                })
            }else{
                $('#formubahPTL').submit();
            }
        });
    });

</script>

<script type="text/javascript">
    $('.money').mask("#,##0",{
        reverse: true
    });
</script>

<script>
    $(document).ready(function () {
        // function untuk mengecek data sebelum disubmit
        $('.submitFisik').click(function (event) {
            event.preventDefault();

            // Get the user input values
            var userInput = parseFloat($('.inputRealisasiFisik').val());
            var tanggalInput = $('[name="tanggal_realisasi_fisik"]').val();
            // var metode = $('#metode').val();
            // var kontrak = parseFloat($('#kontrak').val());
            // var penyedia = $('#penyedia').val().trim();
            // var kategori = $('#kategori').val();
            // var lokasi = $('#lokasi').val().trim();
            var tkdn = parseFloat($('#tkdn').val());
            var cicilan = $('.inputCicilan').length ? parseFloat($('.inputCicilan').val()) : null;
            var content = '<input type="hidden" name="submitFisik" value="submitFisik">';
            var realisasiKeuangan = {{ $totalKeuangan }};

            var pdn = $("#pdn").find("option:selected").text();

            if (pdn == "PDN") {
                if (tkdn < 1 || tkdn >100) {
                    Swal.fire({
                        title: 'Warning',
                        text: 'Nilai TKDN Minimal 1 dan Maksimal 100',
                        icon: 'error',
                    });
                    return;
                }
            }

            if (realisasiKeuangan > kontrak) {
                Swal.fire({
                    title: 'Warning',
                    text: 'Nilai Kontrak: '+ formatRupiah(kontrak) +' Lebih kecil dari Realisasi Keuangan: '+ formatRupiah(realisasiKeuangan),
                    icon: 'error',
                });
            }else {
                // Check if required fields are empty
                if (isNaN(userInput) || userInput <= 0 || tanggalInput.trim() === '' 
                    // || metode === '' || isNaN(kontrak) || kontrak <= 0 ||
                    // kategori === '' ||
                    ) {
                    
                    Swal.fire({
                        title: 'Validasi Error',
                        text: 'Harap Lengkapi form dengan benar!',
                        icon: 'error',
                    });
                } else {
                    // Calculate the remaining koefisien fisik
                    var totalKoefisien = 0;
                    $('.table-realisasi-fisik tbody tr').each(function () {
                        var koefisien = parseFloat($(this).find('td.realisasi-table-data').text().trim(), 10);
                        if (!isNaN(koefisien)) {
                            totalKoefisien += koefisien;
                        }
                    });
                    
                    var rencanaKoefisien = parseFloat($('.koefisien-fisik').val(), 10);
                    var remainingKoefisien = rencanaKoefisien - totalKoefisien;

                    console.log(userInput)
                    // Compare user input with remaining koefisien fisik
                    if (userInput > remainingKoefisien) {
                        Swal.fire({
                            title: 'Warning',
                            html: 'Realisasi yang diinputkan melebihi koefisien fisik! <br> Sisa Koefisien: ' + remainingKoefisien + '<br> Silahkan sesuaikan kembali!',
                            icon: 'warning',
                            showCancelButton: true,
                            allowOutsideClick: false,
                            showConfirmButton: false,
                        }).then(function (result) {
                            if (result.isConfirmed) {
                                $('#form').append(content);
                                $('#form').submit();
                            }
                        });
                    } else {
                        $('#form').append(content);
                        $('#form').submit();
                    }
                }
            }
        });


        // function untuk mengecek data sebelum disubmit
        $('.submitKeuangan').click(function (event) {
            event.preventDefault();

            // Get the user input value
            // var userInput = parseInt($('.inputRealisasiKeuangan').val());
            var userInput = parseInt($('.inputRealisasiKeuangan').val().replace(/\D/g, ''), 10);
            var tanggalInput = $('[name="tanggal_realisasi_keuangan"]').val();

            // check if input realisasi or tanggal is empty
            if (isNaN(userInput) || userInput <= 0 || tanggalInput.trim() === '') {
                Swal.fire({
                    title: 'Validasi Error',
                    text: 'Harap Lengkapi form dengan benar!',
                    icon: 'error',
                })
            }else{
                // Calculate the remaining koefisien fisik
                var totalKoefisien = 0;
                $('.table-realisasi-keuangan tbody tr').each(function () {
                    var koefisien = parseInt($(this).find('td.realisasi-keu-table-data').text().trim().replace(/\D/g, ''), 10);
                    if (!isNaN(koefisien)) {
                        totalKoefisien += koefisien;
                    }
                });
                
                var rencanaKoefisien = parseInt($('.pagu-keu').val().replace(/\D/g, ''), 10);
                var remainingKoefisien = rencanaKoefisien - totalKoefisien;
                
                if (remainingKoefisien < 0) {
                    remainingKoefisien = 0;
                }

                // Compare user input with remaining koefisien fisik
                if (userInput > remainingKoefisien) {
                    Swal.fire({
                        title: 'Warning',
                        html: 'Realisasi yang diinputkan melebihi pagu! <br> Sisa Pagu:'+ formatRupiah(remainingKoefisien)+'<br> Silahkan sesuaikan kembali!',
                        icon: 'warning',
                        // confirmButtonText: 'Lanjutkan',
                        showCancelButton: true,
                        allowOutsideClick: false, // Tidak mengizinkan klik di luar kotak dialog
                        showConfirmButton: false, // Tombol "Save/OK" tidak ditampilkan
                    }).then(function (result) {
                        if (result.isConfirmed) {
                            $('#form').submit();
                        }
                    });
                } else {
                    $('#form').submit();
                }
            }
        });

        $('.submitPermasalahanTindakLanjut').click(function (e) { 
            e.preventDefault();
            let inputPermasalahan = $('[name="permasalahan"]').val()
            let inputTindakLanjut = $('[name="tindaklanjut"]').val()
            var submit = '<input type="hidden" name="submitPermasalahanTindakLanjut" value="submitPermasalahanTindakLanjut">';

            if (inputPermasalahan === '' || inputTindakLanjut === '') {
                Swal.fire({
                    title: 'Validasi Error',
                    text: 'Harap Lengkapi form dengan benar!',
                    icon: 'error',
                })
            }else{
                $('#form').append(submit);
                $('#form').submit();
            }
        });
    });
</script>


@endpush

@push('chart')
<script>
function closeAllChild(obj) {
    const object = $(obj);
    object.each(function(i, o) {
        let self = $(o).data('self');
        let id = $(o).data('id');

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

            closeAllChild(obj)
        });
    });

}

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

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

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

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

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

}

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

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

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

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

const deleteDetail = (el) => {
    var confirm = window.confirm("Apakah anda yakin ingin menghapus Indikator Program ini ?");
    if (confirm) {
        const tbodyGroup = $(el).parent().parent();
        const indikator_program_id = $(tbodyGroup).attr('data-id');

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

        $.ajax({
            'type': 'DELETE',
            'url': `{{ url("indikator-program") }}/${indikator_program_id}`,
            'data': {
                'indikator_program_id': indikator_program_id,
                _token: '{!! csrf_token() !!}',
            },
            success: (res) => {
                tbodyGroup.remove();
                // window.location.href = `{!! url('indikator-sub-kegiatan') !!}`;
                // window.location.reload();
                // console.log(res);
            },
        });
    }
};

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



$(addButton).click(function(e) {
    e.stopPropagation();
    const idProgram = $(this).attr('name');
    const newrow = $(`
        <tr>
        <td class="text-center">
        <button class="btn btn-danger btn-sm" onclick=deleteRow(this);><i class="fas fa-trash"></i> Hapus
        </button>
        <button class="btn btn-primary btn-sm button-form" type="button" name="${idProgram}" onClick=storeIndikatorProgram(this)> Submit Semua Indikator </button>
        </td>
        <td><input type="text" placeholder="......" name="k_tolak_ukur" class="text-center"></td>
        <td><input type="text" placeholder="......" name="k_target" class="text-center"></td>
        <td class="text-center">
        <select name="sifat_indikator">
        <option value="akumulasi">Akumulasi</option>
        <option value="tetap">Tetap</option>
        <option value="penurunan">Penurunan</option>
        </select>
        </td>
        </tr>
        `);

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

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

});

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

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

    })
});
</script>

@endpush