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

@section('styles')
  <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 card-secondary">
        <div class="card-header">
            <h2 class="card-title"><i class="fa fa-th-list mr-2"></i> DETAIL {{ strtoupper($sitesubTitle) }}
                <?= !empty($BelanjaRealisasi->f_view_sbpk) && getRole()!="skpd"?"<span class='text-success'><strong>[ Review SBPK ]</strong></span>":"" ?></h2>
            <div class="card-tools">
                <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>
            </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')
            </form>
        </div>
    </div> 

    <div id="div_submit_akb_spd_kontrak"></div> 
    <div id="div_submit_realisasi"></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;

            $("select[name=jenis_dana]").val("{{ $BelanjaRealisasi->jenis_dana }}");
            $("select[name=jenis_dana]").attr("disabled", true);
            $('select[name=jenis_dana]').change();

            let $newOptionSubJenisDana = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->sub_jenis_dana }}").text("{{ $BelanjaRealisasi->nama_subjenis_dana }}")
            $("select[name=sub_jenis_dana]").val("{{ $BelanjaRealisasi->sub_jenis_dana }}");
            $("select[name=sub_jenis_dana]").append($newOptionSubJenisDana).trigger('change');
            $("select[name=sub_jenis_dana]").attr("disabled", true);

            cekInputKontrak("{{ $BelanjaRealisasi->nama_subjenis_dana }}");

            <?php if (!empty($BelanjaRealisasi->kode_rekening)) { ?>
                let $newOptionSps = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->kode_rekening }}").text("{{ $BelanjaRealisasi->nama_rekening }}")
                $("select[name=id_sps]").val("{{ $BelanjaRealisasi->kode_rekening }}");
                $("select[name=id_sps]").append($newOptionSps).trigger('change');
                $("select[name=id_sps]").attr("disabled", true);
            <?php } ?>

            let $newOptionJenisBelanja = $("<option selected='selected'></option>").val("{{ $BelanjaRealisasi->jenis_belanja }}").text("{{ $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->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=alokasi_anggaran]").val("{{ separateNumberIndo($BelanjaRealisasi->alokasi_anggaran) }}");
            $("input[name=alokasi_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);

            subJenisDana($("#jenis_dana").val());
            subJenisBelanja($("select[name=jenis]").val());

            $("#btnUbah").on("click", function(){
                $("input[name=vol]").attr("readonly", false);
                $("select[name=unit]").attr("disabled", false);
                $("select[name=periode_anggaran]").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();
                    }
                })
            });

            $.ajax({
                async: true,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST', 
                url : '{{ url("/realisasi-belanja/$BelanjaRealisasi->id/submit-akb") }}', 
                beforeSend: function() {
                    let $data = '<div class="card card-secondary"><div class="card-body"><div class="text-center"><strong>LOADING ...</strong></span></div></div>';
                    $("#div_submit_akb_spd_kontrak").html($data);
                },
                success : function (data) {
                    $("#div_submit_akb_spd_kontrak").html(data);
                }
            });

            $.ajax({
                async: true,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST', 
                url : '{{ url("/realisasi-belanja/$BelanjaRealisasi->id/submit-realisasi") }}', 
                beforeSend: function() {
                    let $data = '<div class="card card-secondary"><div class="card-body"><div class="text-center"><strong>LOADING ...</strong></span></div></div>';
                    $("#div_submit_realisasi").html($data);
                },
                success : function (data) {
                    $("#div_submit_realisasi").html(data);
                }
            });

            $("#divDAU").remove();
        });
    </script>
@endsection