@php
    $siteBreadcumb = [
        ["url"=>"/realisasi-belanja","label"=>$siteTitle],
        ["url"=>"/realisasi-belanja/create","label"=>$sitesubTitle]
    ];   
@endphp

@section('styles')
  <!-- DataTables -->
  <link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
  <link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
  <link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/css/fixedColumns.bootstrap4.min.css">
@endsection

@extends('layouts.empty')
  
@section('content')
    <div class="card">
        <div class="card-header">
            <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> DETAIL {{ strtoupper($sitesubTitle) }}</h2>
            <div class="card-tools">
                {{-- @if(auth()->user()->can('Tambah SKPP')) --}}
                    <button class="btn btn-tool" onclick="location.href='{{ url('/realisasi-belanja') }}'"><i class="fa fa-arrow-left"></i>  Kembali</button>
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                {{-- @endif --}}
            </div>
        </div>
        <div class="card-body">
            <form id="frmRealBelanja" action="{{ url('/realisasi-belanja/'.$BelanjaRealisasi->id.'/submit') }}" method="POST" autocomplete="off">
                @csrf
                @include('realisasi_belanja.form')
                @if(auth()->user()->can('Update Detail Realisasi Belanja'))
                    <button id="btnUbah" class="btn btn-sm btn-warning">Ubah Data</button>
                @endif
                <input id="btnSubmit" class="btn btn-sm btn-success" type="submit" value="Simpan" style="display: none;">
                <button type="button" id="btnCancel" class="btn btn-sm btn-danger" style="display: none;">Batal</button>
            </form>
        </div>
    </div>   
    <div class="card">
        <div class="card-header">
            <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> AKB vs REALISASI</h2>
            <div class="card-tools">
                {{-- @if(auth()->user()->can('Tambah SKPP')) --}}
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                {{-- @endif --}}
            </div>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <th>Bulan</th>
                    <th class="text-right">AKB</th>
                    <th class="text-right">Realisasi</th>
                </thead>
                <tbody>
                    <?php 
                        $totalAKB = 0; $totalBKU = 0;
                        foreach(GetBulan() as $key=>$bulan){ ?>
                            <tr>
                                <td>{{ $bulan }}</td>
                                <td class="text-right">{{ separateNumberIndo($vwAKB["v_akb_".substr("00".($key+1),-2)]) }} </td>
                                <td class="text-right">{{ separateNumberIndo($vwAKB["v_bku_".substr("00".($key+1),-2)]) }} </td>
                            </tr>
                    <?php 
                        $totalAKB+=floatVal($vwAKB["v_akb_".substr("00".($key+1),-2)]); 
                        $totalBKU+=floatVal($vwAKB["v_bku_".substr("00".($key+1),-2)]); 
                    } ?>
                    <tr>
                        <td><strong>TOTAL</strong></td>
                        <td class="text-right"><strong>{{ separateNumberIndo($totalAKB) }}</strong></td>
                        <td class="text-right"><strong>{{ separateNumberIndo($totalBKU) }}</strong></td>
                    </tr>
                </tbody>
            </table>
                {{-- <div class="col-6">
                    <strong><i class="fa fa-th-list mr-2"></i> SPD</strong><hr style="margin-bottom: 0 !important;">
                    <table class="table table-sm table-striped">
                        <thead>
                            <th>No</th>
                            <th>Nomor SPD</th>
                            <th class="text-center">Tanggal</th>
                            <th class="text-right">Jumlah</th>
                        </thead>
                        <tbody>
                            <?php 
                                //$totalSPD = 0;    
                                //foreach($vwSPD as $key=>$spd){ ?>
                                    <tr>
                                        <td>{{ $key+1 }}</td>
                                        <td>{{ $spd->i_spdno_dok }}</td>
                                        <td class="text-center">{{ date("d-m-Y",strtotime($spd->d_spdno)) }}</td>
                                        <td class="text-right">{{ separateNumberIndo($spd->jml) }}</td>
                                    </tr>
                            <?php //$totalSPD+=floatVal($spd->jml); } ?>
                            <tr >
                                <td colspan="3"><strong>TOTAL SPD</strong></td>
                                <td class="text-right"><strong>{{ separateNumberIndo($totalSPD) }}</strong></td>
                            </tr>
                        </tbody>
                    </table>
                    <strong><i class="fa fa-th-list mr-2 mt-3"></i> SP2D</strong><hr style="margin-bottom: 0 !important;">
                    <table class="table table-sm table-striped">
                        <thead>
                            <th>No</th>
                            <th>Nomor SP2D</th>
                            <th class="text-center">Tanggal</th>
                            <th class="text-right">Jumlah</th>
                        </thead>
                        <tbody>
                            <?php 
                                //$totalSP2D = 0;    
                                //foreach($vwSP2D as $key=>$sp2d){ ?>
                                    <tr>
                                        <td>{{ $key+1 }}</td>
                                        <td>{{ $sp2d->i_sp2dno_dok }}</td>
                                        <td class="text-center">{{ date("d-m-Y",strtotime($sp2d->d_sp2d_sah)) }}</td>
                                        <td class="text-right">{{ separateNumberIndo($sp2d->v_spp) }}</td>
                                    </tr>
                            <?php //$totalSP2D+=floatVal($sp2d->v_spp); } ?>
                            <tr >
                                <td colspan="3"><strong>TOTAL SP2D</strong></td>
                                <td class="text-right"><strong>{{ separateNumberIndo($totalSP2D) }}</strong></td>
                            </tr>
                        </tbody>
                    </table>
                </div> 
            </div>--}}
        </div>
    </div>
    <?php if (strtoupper($BelanjaRealisasi->jenis_dana) == "DAK" && strtoupper($BelanjaRealisasi->sub_jenis_dana) == "FISIK") { ?>
        <div class="card">
            <div class="card-header">
                <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> KONTRAK <?= Auth::user()->can("Create Kontrak")?'[ <a class="modalButton" title="Input Kontrak" href="'.url('/realisasi-belanja/'.$BelanjaRealisasi->id.'/kontrak') .'">Tambah Kontrak</a> ]':'' ?></h2>
                <div class="card-tools">
                    {{-- @if(auth()->user()->can('Tambah SKPP')) --}}
                        <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    {{-- @endif --}}
                </div>
            </div>
            <div class="card-body">
                <table class="table table-sm table-striped">
                    <thead>
                        <th>No</th>
                        <th>Nomor Kontrak</th>
                        <th class="text-center">Tanggal</th>
                        <th class="text-right">Jumlah</th>
                        <th class="text-center">File</th>
                        <?php if (Auth::user()->can("Create Kontrak")){ ?>
                            <th class="text-center"></th>
                        <?php } ?>
                    </thead>
                    <tbody>
                        <?php 
                            $totalKontrak = 0;    
                            foreach($BelanjaRealisasiKontrak as $key=>$kontrak){ ?>
                                <tr data-widget="expandable-table" aria-expanded="false">
                                    <td>{{ $key+1 }}</td>
                                    <td class="text-left">{{ $kontrak->nomor_kontrak }}</td>
                                    <td class="text-center">{{ date("d-m-Y",strtotime($kontrak->tgl_kontrak)) }}</td>
                                    <td class="text-right">{{ separateNumberIndo($kontrak->nominal_kontrak) }}</td>
                                    <td class="text-center"><?= empty($kontrak->file_kontrak)?"-":"<a href='".url("/realisasi-belanja/".$BelanjaRealisasi->id.'__'.$kontrak->id ."/download-kontrak")."'>".$kontrak->file_kontrak."</a>" ?></td>
                                    <?php if (Auth::user()->can("Create Kontrak")){ ?>
                                        <td class="text-center">
                                            <form class='form-delete' action='{{ $baseUrl }}/realisasi-belanja/{{ $kontrak->id }}/kontrak' method='POST'>
                                                <input type='hidden' name='_token' id='csrf-token' value='{{ Session::token() }}' />
                                                <input type='hidden' name='_method' value='DELETE'>
                                                <a class='btn btn-default btn-sm modalButton' href='{{ $baseUrl }}/realisasi-belanja/{{ $kontrak->id }}/kontrak/update' title='Ubah Kontrak'><i class='fa fa-edit'></i></a>
                                                <button type="submit" class="btn btn-danger btn-sm" name="btnSubmit"><i class="fa fa-trash"></i></button>
                                                <a class='btn btn-default btn-sm modalButton' href='{{ $baseUrl }}/realisasi-belanja/{{ $kontrak->id }}/bast' title='BAST' modal-target="modal-lg"><i class='fa fa-file'></i></a>
                                            </form>
                                        </td>
                                    <?php } ?>
                                </tr>
                        <?php $totalKontrak+=floatVal($kontrak->nominal_kontrak); } ?>
                        <tr >
                            <td colspan="3"><strong>TOTAL KONTRAK</strong></td>
                            <td class="text-right"><strong>{{ separateNumberIndo($totalKontrak) }}</strong></td>
                            <td colspan="2">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    <?php } ?>
    <div class="card">
        <div class="card-header">
            <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> REALISASI</h2>
            <div class="card-tools">
                {{-- @if(auth()->user()->can('Tambah SKPP')) --}}
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                {{-- @endif --}}
            </div>
        </div>
        <div class="card-body">
            <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">SEMESTER 1</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="custom-tabs-four-profile-tab" data-toggle="pill" href="#custom-tabs-four-profile" role="tab" aria-controls="custom-tabs-four-profile" aria-selected="false">SEMESTER 2</a>
                </li>
            </ul>
            <div class="tab-content pt-2" id="custom-tabs-four-tabContent">
                <div class="tab-pane fade active show" id="custom-tabs-four-home" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
                    <div class="col-12">
                        <div class="form-group">
                            <label class="col-form-label label-align" for="sk">Jumlah Realisasi</label>
                            <input type="text" class="form-control" name="jml_realisasi" disabled value="{{ isset($BelanjaRealisasiDetail[0])?separateNumberIndo($BelanjaRealisasiDetail[0]->jumlah_realisasi):"" }}">
                        </div>
                        <div class="form-group">
                            <label class="col-form-label label-align" for="sk">Volume Realisasi</label>
                            <input type="text" class="form-control" name="vol_realisasi" value="{{ isset($BelanjaRealisasiDetail[0])?separateNumberIndo($BelanjaRealisasiDetail[0]->volume_satuan_realisasi):"" }}" disabled>
                        </div>
                        <div class="form-group">
                            <label class="col-form-label label-align" for="sk">Unit Realisasi</label>
                            <input type="text" class="form-control" name="unit_realisasi" disabled value="{{ isset($BelanjaRealisasiDetail[0])?$BelanjaRealisasiDetail[0]->unit_satuan_realisasi:"" }}">
                        </div>
                        <?php if (Auth::user()->can("Input Realisasi DBH Realisasi Belanja")){ ?>
                            <a class="btn btn-success modalButton" title="Input Realisasi" href="{{ url('/realisasi-belanja/'.$BelanjaRealisasi->id.'/inputRealisasi?sms=1&redirect_link=/realisasi-belanja/'.$BelanjaRealisasi->id.'/submit') }}"><i class="fa fa-paper-plane"></i> Input Realisasi</a>
                        <?php } ?>
                    </div>
                </div>
                <div class="tab-pane fade" id="custom-tabs-four-profile" role="tabpanel" aria-labelledby="custom-tabs-four-profile-tab">
                    <div class="col-12">
                        <div class="form-group">
                            <label class="col-form-label label-align" for="sk">Jumlah Realisasi</label>
                            <input type="text" class="form-control" name="jml_realisasi2" disabled value="{{ separateNumberIndo($jmlRealisasi) }}">
                        </div>
                        <div class="form-group">
                            <label class="col-form-label label-align" for="sk">Volume Realisasi</label>
                            <input type="text" class="form-control" name="vol_realisasi2" disabled>
                        </div>
                        <div class="form-group">
                            <label class="col-form-label label-align" for="sk">Unit Realisasi</label>
                            <input type="text" class="form-control" name="unit_realisasi2" disabled>
                        </div>
                        <?php if (Auth::user()->can("Input Realisasi DBH Realisasi Belanja")){ ?>
                            <a class="btn btn-success modalButton" title="Input Realisasi" href="{{ url('/realisasi-belanja/'.$BelanjaRealisasi->id.'/inputRealisasi?sms=2&redirect_link=/realisasi-belanja/'.$BelanjaRealisasi->id.'/submit') }}"><i class="fa fa-paper-plane"></i> Input Realisasi</a>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts2')
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/jszip/jszip.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/pdfmake/pdfmake.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/pdfmake/vfs_fonts.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.print.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/js/dataTables.fixedColumns.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/js/fixedColumns.bootstrap4.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-rowgroup/js/dataTables.rowGroup.min.js"></script>
    <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-rowgroup/js/rowGroup.bootstrap4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var srcDate1 = null, srcDate2 = null;
            let $newOptionJenisBelanja = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->jenis_belanja }}").text("{{ $BelanjaRealisasi->jenis_belanja." | ".$BelanjaRealisasi->nama_jenis_belanja }}")
            $("select[name=jenis]").val("{{ $BelanjaRealisasi->jenis_belanja }}");
            $("select[name=jenis]").append($newOptionJenisBelanja).trigger('change');
            $("select[name=jenis]").attr("disabled", true);

            let $newOptionSubJenisBelanja = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->sub_jenis_belanja }}").text("{{ $BelanjaRealisasi->sub_jenis_belanja." | ".$BelanjaRealisasi->nama_sub_jenis_belanja }}")
            $("select[name=sub_jenis]").val("{{ $BelanjaRealisasi->sub_jenis_belanja }}");
            $("select[name=sub_jenis]").append($newOptionSubJenisBelanja).trigger('change');
            $("select[name=sub_jenis]").attr("disabled", true);

            let $newOptionProgram = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->kode_program }}").text("{{ $BelanjaRealisasi->kode_program." | ".$BelanjaRealisasi->nama_program }}")
            $("select[name=prog]").val("{{ $BelanjaRealisasi->kode_program }}");
            $("select[name=prog]").append($newOptionProgram).trigger('change');
            $("select[name=prog]").attr("disabled", true);

            let $newOptionSkpd = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->kode_skpd }}").text("{{ $BelanjaRealisasi->kode_skpd." | ".$BelanjaRealisasi->nama_skpd }}")
            $("select[name=skpd]").val("{{ $BelanjaRealisasi->kode_skpd }}");
            $("select[name=skpd]").append($newOptionSkpd).trigger('change');
            $("select[name=skpd]").attr("disabled", true);

            let $newOptionKegiatan = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->kode_kegiatan }}").text("{{ $BelanjaRealisasi->kode_kegiatan." | ".$BelanjaRealisasi->nama_kegiatan }}")
            $("select[name=keg]").val("{{ $BelanjaRealisasi->kode_kegiatan }}");
            $("select[name=keg]").append($newOptionKegiatan).trigger('change');
            $("select[name=keg]").attr("disabled", true);

            let $newOptionSubKegiatan = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->kode_sub_kegiatan }}").text("{{ $BelanjaRealisasi->kode_sub_kegiatan." | ".$BelanjaRealisasi->nama_sub_kegiatan }}")
            $("select[name=sk]").val("{{ $BelanjaRealisasi->kode_sub_kegiatan }}");
            $("select[name=sk]").append($newOptionSubKegiatan).trigger('change');
            $("select[name=sk]").attr("disabled", true);

            let $newOptionRSK = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->kode_rsk }}").text("{{ $BelanjaRealisasi->kode_rsk." | ".$BelanjaRealisasi->nama_rsk }}")
            $("select[name=rsk]").val("{{ $BelanjaRealisasi->kode_rsk }}");
            $("select[name=rsk]").append($newOptionRSK).trigger('change');
            $("select[name=rsk]").attr("disabled", true);

            $("input[name=anggaran]").val("{{ separateNumberIndo($BelanjaRealisasi->jumlah_anggaran) }}");
            $("input[name=anggaran]").attr("readonly", true);
            $("input[name=vol]").val("{{ isset($BelanjaRealisasi->volume_satuan)?separateNumberIndo($BelanjaRealisasi->volume_satuan):0 }}");
            $("input[name=vol]").attr("readonly", true);
            $("select[name=unit]").val("{{ $BelanjaRealisasi->unit_satuan }}");
            $("select[name=unit]").attr("disabled", true);
            $("input[name=jml_rencana_kontrak]").val("{{ isset($BelanjaRealisasi->jml_rencana_kontrak)?$BelanjaRealisasi->jml_rencana_kontrak:0 }}");
            $("input[name=jml_rencana_kontrak]").attr("readonly", true);

            $("#btnUbah").on("click", function(){
                $("input[name=vol]").attr("readonly", false);
                $("select[name=unit]").attr("disabled", false);
                $("#btnCancel").show();
                $("#btnSubmit").show();
                $(this).hide();
            });

            $("#btnCancel").on("click", function(){
                $("input[name=vol]").attr("readonly", true);
                $("select[name=unit]").attr("disabled", true);
                $("#btnUbah").show();
                $("#btnSubmit").hide();
                $(this).hide();
            });

            $(document).on("submit","#frmRealBelanja",function (e){
                e.preventDefault();
                Swal.fire({
                    title: 'Data akan disimpan?',
                    showDenyButton: true,
                    showCancelButton: false,
                    confirmButtonText: 'Ya',
                    denyButtonText: "Tidak",
                    icon: "warning",
                }).then((result) => {
                    if (result.isConfirmed) {
                        e.currentTarget.submit();
                    }
                })
            });
        });
    </script>
@endsection