@php
    $siteBreadcumb = [
        ["url"=>"/admin/SisaSalurDana","label"=>$siteTitle],
        ["url"=>"/admin/SisaSalurDana","label"=>$sitesubTitle]
    ];   
@endphp

@extends('layouts.app')
  
@section('content')
    <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h5><i class="fa fa-edit"></i> @php echo $sitesubTitle; @endphp</h5>
            </div>
            <div class="pull-right">
                <a class="btn btn-secondary btn-sm" href="{{ route('SisaSalurDana.index') }}"><i class="fa fa-arrow-left"></i> Kembali</a>
            </div>
        </div>
    </div>

    <form id="frmSisaSalurDana" action="{{ route('SisaSalurDana.store') }}" method="POST" enctype="multipart/form-data">
        @csrf

        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <label class="col-form-label label-align" for="txt_simtrad4_kotor">Tahun Anggaran</label>
                <input class="form-control form-control-sm" id="txt_ta" name="tahun" value="{{ getTA() }}" required readonly>
            </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label class="col-form-label label-align" for="txt_simtrad4_kotor">Kode Rekening</label>
                    <select id="txt_id_sps" name="kode_rekening" style="width:100%" class="form-control sps_search" required></select>
                </div>
            </div>
    
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <strong>Jumlah</strong>
                    <input id="uang" type="text" onkeypress="return hanyaAngka(event)" class="form-control number-separator-indo" value="0" name="jumlah" required placeholder="Masukkan jumlah">
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <label for="exampleFormControlFile1">Upload Dokumen</label>
                    <input type="file" class="form-control-file" id="dokumen" name="file" required>  
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <button type="submit" class="btn btn-success"><i class="fa fa-paper-plane"></i> Simpan</button>
            </div>
        </div>
    </form>
@endsection
@section('scripts')
    <script type="text/javascript">
        $(document).ready(function(){
        });

        $(input).datetimepicker({    
        format: "YYYY",    useCurrent: false,    viewMode: "years"  
        });

        function hanyaAngka(evt) {
		  var charCode = (evt.which) ? evt.which : event.keyCode
		   if (charCode > 31 && (charCode < 48 || charCode > 57))
 
		    return false;
		  return true;
		}

        $(document).ready(function(){
        // Format mata uang.
        $( '.uang' ).mask('000.000.000', {reverse: true});

        });

        $(document).ready(function(){
            let hitung_bersih = ()=> {
                let bersih = replaceValue($("#txt_simtrad4_kotor").val()) - replaceValue($("#txt_simtrad4_potongan").val());
                $("#txt_simtrad4_bersih").val(separateNumberIndo(bersih));

                let Totalbersih = replaceValue($("#txt_simtrad4_kotor").val()) - replaceValue($("#txt_simtrad4_potongan").val()) - replaceValue($("#txt_retur").val());
                $("#txt_bersih").val(separateNumberIndo(Totalbersih));
            }
            
            $("#txt_simtrad4_kotor, #txt_simtrad4_potongan, #txt_retur").on("keyup",function(){
                hitung_bersih();
            })

            $('#txt_id_sps').select2({
                placeholder: 'Pilih Kode Rekening',
                ajax: {
                    url: '{{ $baseUrl }}/item-search-sps?ta='+$("#txt_ta").val(),
                    dataType: 'json',
                    delay: 250,
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    text: item.name,
                                    id: item.idx
                                }
                            })
                        };
                    },
                    cache: true
                }
            });

            $('#txt_id_sps').on('select2:select', function (e) {
                var data = e.params.data;
                $("#txt_rek_sps").val(data.text);
                showRinciDBH(data.id);
            })
        });
        
        
    </script>
@endsection