@extends('layout.admin')

@section('content')
    <div class="row bg-title" style="background-color: white;">
        <!-- .page title -->
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Persetujuan Pinjaman</h4> 
        </div>
        <!-- /.page title -->

        <!-- .breadcrumb -->
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0)">Pinjaman</a></li>
                <li class="active">Persetujuan Pinjaman</li>
            </ol>
        </div>
        <!-- /.breadcrumb -->
    </div>

    <!-- .row -->
    <div class="row">
        <div class="col-lg-12 col-sm-12 col-xs-12">
            <div class="white-box">
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane active">
                        <!-- .row -->
                        <div class="row">
                            <div class="col-sm-12">
                                @if($var['method']=='edit')
                                    {!! Form::model($listPengajuan, ['method'=>'PATCH', 'route'=> ['pengajuan-pinjaman.update', $listPengajuan->id.$var['url']['all']], 'id'=>'form-persetujuan-pinjaman', 'class'=>'form-horizontal']) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-persetujuan-pinjaman', 'method'=>'POST', 'route'=>'persetujuan-pinjaman.update', 'class'=>'form-horizontal']) !!}
                                @else
                                    {!! Form::model($listPengajuan, ['class'=>'form-horizontal']) !!}
                                @endif

                                    <div class="col-lg-9">
                                        <div class="form-group">
                                            {!! Form::label('tgl_persetujuan', 'Tanggal Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('tgl_persetujuan', ($var['method']=='create'?Date('d-m-Y'):null), ['class'=>'form-control '.$var['datepicker'], 'placeholder'=>'Inputkan Tanggal Transaksi', 'readonly'=>$var['disabled']]) !!}
                                            </div>
                                        </div>
                                        <legend></legend>
                                        <div class="form-group">
                                            {!! Form::label('no_transaksi', 'No. Pengajuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                 <div class="input-group">
                                                    {!! Form::text('no_transaksi', null, ['class'=>'form-control', 'placeholder'=>'Inputkan No. Pengajuan',  'readonly'=>$var['disabled']]) !!}
                                                    <span class="input-group-btn">
                                                        <a class="btn waves-effect waves-light btn-info" @if($var['method']=='create') onclick="loadData()" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" @endif class="model_img img-responsive">Cari</a>
                                                    </span>
                                                </div>
                                                {!! Form::hidden('pengajuan_id', null, ['class'=>'form-control', 'id'=>'pengajuan_id']) !!}
                                            </div>

                                            {!! Form::label('tanggal', 'Tgl. Pengajuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('tanggal', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->tanggal:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Tgl. Pengajuan',  'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('no_anggota', 'No. Anggota', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('no_anggota', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['no_anggota']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Anggota',  'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('nama', 'Nama', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('nama', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Nama', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('no_identitas', 'No. Identitas', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('no_identitas', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['no_identitas']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Identitas', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('tanggal_daftar', 'Tanggal Daftar', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('tanggal_daftar', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['tanggal_daftar']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Tanggal Daftar', 'readonly'=>$var['readonly']]) !!}
                                            </div>

                                             {!! Form::label('no_registrasi', 'No. Registrasi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('no_registrasi', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['no_registrasi']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Registrasi', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('alamat', 'Alamat', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('alamat', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['alamat']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Alamat', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('pekerjaan', 'Pekerjaan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('pekerjaan', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['pekerjaan']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Pekerjaan', 'readonly'=>$var['readonly']]) !!}
                                            </div>

                                            {!! Form::label('pendapatan', 'Pendapatan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('pendapatan', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota['pendapatan']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Pendapatan', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('status_anggota_id', 'Status Anggota', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('status_anggota_nama', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota->statusAnggota['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Status Anggota', 'readonly'=>$var['readonly'], 'id'=>'status_anggota_nama']) !!}
                                                 {!! Form::hidden('status_anggota_id', ($var['method']=='edit'||$var['method']=='show'?$listPengajuan->anggota->statusAnggota['id']:null), ['class'=>'form-control']) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-3" id="areaFoto">
                                        <div class="col-lg-12">
                                            {!! Form::label('foto', 'Foto Anggota', ['class' => 'control-label']) !!}
                                            {!! Form::file('foto', ['class'=>'dropify', 'accept'=>'.jpg', 'data-max-width'=>'300',
                                                    'data-default-file'=>($var['method']!='create'?URL('/').'/upload/foto-anggota/'.$listPengajuan->anggota['foto']:null), 'data-show-remove'=>'false', 'disabled'=>true ]) !!}
                                        </div>
                                        <br />
                                    </div>

                                    <div class="col-lg-12">
                                        <legend><b>Detail Pengajuan Pinjaman</b></legend>

                                        <div class="form-group">
                                            {!! Form::label('agunan', 'Agunan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('agunan', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Agunan', 'readonly'=>$var['readonly']]) !!}
                                                {!! Form::hidden('pembulatan', $var['set_pinjaman']['pembulatan_angsuran'], ['class'=>'form-control', 'id'=>'pembulatan']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('keterangan', 'Keperluan Pinjaman', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::textarea('keterangan', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Keperluan Pinjaman', 'rows'=>5, 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('plafond', 'Plafond', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('plafond', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Plafond', 'onkeyup'=>'mataUang("plafond"); perhitunganPlafondJasa();', 'readonly'=>$var['readonly']]) !!}
                                            </div>

                                            {!! Form::label('total_jasa', 'Total Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('total_jasa', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Total Jasa',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('jenis_pinjaman_id', 'Jenis Pinjaman', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::select('jenis_pinjaman_id', $var['jenis_pinjaman'],
                                                    null, ['class'=>'form-control', 'placeholder'=>'Pilih Jenis Pinjaman', 'disabled'=>$var['readonly']]) !!}
                                            </div>

                                            {!! Form::label('plafond_jasa', 'Plafond + Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('plafond_jasa', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Plafond + Jasa',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('tempo', 'Tempo', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-2">
                                                <div class="input-group">
                                                    {!! Form::number('tempo', null, ['class'=>'form-control', 'placeholder'=>'0', 'onchange'=>'perhitunganPlafondJasa();', 'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-addon" id="basic-addon2">Kali</span>
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                {!! Form::select('jenis_angsuran', array('1' => 'Bulanan', '2' => 'Mingguan', '3' => 'Harian'),
                                                    null, ['class'=>'form-control', 'disabled'=>$var['readonly'], 'id'=>'jenis_angsuran']) !!}
                                            </div>

                                            <div class="col-lg-6">
                                                <legend><h5><b>Keterangan Angsuran</b></h5></legend>
                                            </div>
                                        </div>

                                         <div class="form-group">
                                            {!! Form::label('jasapct', 'Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-2">
                                                <div class="input-group">
                                                    {!! Form::text('jasapct', null, ['class'=>'form-control', 'placeholder'=>'0', 'onkeyup'=>'mataUang("jasapct"); perhitunganPlafondJasa();', 'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-addon" id="basic-addon2">%</span>
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                {!! Form::select('jenis_jasa', array('1' => 'Flat / Mendatar', '2' => 'Menurun'),
                                                    null, ['class'=>'form-control', 'disabled'=>$var['readonly'], 'id'=>'jenis_jasa']) !!}
                                            </div>

                                            {!! Form::label('angsur_pokok', 'Angsur Pokok', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('angsur_pokok', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Angsur Pokok',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('petugas_id', 'Petugas', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::select('petugas_id', $var['petugas'],
                                                    null, ['class'=>'form-control', 'placeholder'=>'Pilih Petugas', 'disabled'=>$var['readonly']]) !!}
                                            </div>

                                            {!! Form::label('angsur_jasa', 'Angsur Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('angsur_jasa', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Angsur Jasa',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('status_id', 'Status Pengajuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('status_nama', null, ['class'=>'form-control', 'placeholder'=>'Status Pengajuan', 'readonly'=>$var['readonly'], 'id'=>'status_nama']) !!}
                                                {!! Form::hidden('status_id', null, ['class'=>'form-control']) !!}
                                            </div>

                                            {!! Form::label('jumlah_angsur', 'Jumlah Angsur', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('jumlah_angsur', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Jumlah Angsur',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

                                        <legend><b>Persetujuan Pinjaman</b></legend>
                                        <div class="form-group">
                                            {!! Form::label('plafond_disetujui', 'Plafond Disetujui', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-2">
                                                {!! Form::text('plafond_disetujui', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Plafond Disetujui', 'onkeyup'=>'mataUang("plafond_disetujui"); perhitunganPlafondJasa();']) !!}
                                            </div>

                                            {!! Form::label('tempo_disetujui', 'Tempo Disetujui', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-2">
                                                <div class="input-group">
                                                    {!! Form::number('tempo_disetujui', null, ['class'=>'form-control', 'placeholder'=>'0', 'onchange'=>'perhitunganPlafondJasa();']) !!}
                                                    <span class="input-group-addon" id="basic-addon2">Kali</span>
                                                </div>
                                            </div>

                                            {!! Form::label('tgl_realisasi', 'Tgl. Realisasi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-2">
                                                {!! Form::text('tgl_realisasi', ($var['method']=='create'?Date('d-m-Y'):null), ['class'=>'form-control '.$var['datepicker'], 'placeholder'=>'Inputkan Tgl. Realisasi', 'readonly'=>$var['disabled']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('petugas_penyetujuan_id', 'Petugas Penyetujuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::select('petugas_penyetujuan_id', $var['petugas'],
                                                    null, ['class'=>'form-control select2', 'placeholder'=>'Pilih Petugas Penyetujuan']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('update_status_pengajuan', 'Update Status Pengajuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::select('update_status_pengajuan', [2=>'Ditunda', 3=>'Disetujui', 4=>'Ditolak'],
                                                    null, ['class'=>'form-control', 'placeholder'=>'Pilih Status Pengajuan']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('keterangan2', 'Keterangan Persetujuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::textarea('keterangan2', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Keterangan Persetujuan', 'rows'=>5]) !!}
                                            </div>
                                        </div>

                                    </div>

                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <div class="col-md-12 col-md-offset-7 col-xs-8 col-xs-offset-4">
                                                <a class="btn waves-effect waves-light btn-inverse" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg2" class="model_img img-responsive" onclick="simulasiAngsuran()">Simulasi Angsuran</a>
                                                @if($var['method']=='edit')
                                                    {!! Form::submit('Update', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @elseif($var['method']=='create')
                                                    {!! Form::submit('Simpan', ['class'=>'btn btn-primary']) !!}
                                                    {!! Form::reset('Reset', ['class'=>'btn btn-danger']) !!}
                                                @else
                                                    <a href="{{ url()->previous() }}" class="btn btn-primary">Kembali</a>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                {!! Form::close() !!}  
                            </div>
                        </div>
                        <!-- /.row -->
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .row -->

    <!-- sample modal content -->
    <div class="">
        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myLargeModalLabel">Daftar Pengajuan</h4> </div>
                    <div class="modal-body">
                        <form method="GET" action="" id="formCari">
                            <div class="input-group m-bot15">
                                <input name="cari" id="cari" type="text" class="form-control" placeholder="Inputkan Pencarian">
                                <span class="input-group-btn">
                                    <button class="btn btn-info" type="submit">Cari</button>
                                </span>
                            </div>
                        </form>
                        <br />
                        <br />
                        <div id="areaAKunModal"></div>
                    </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>

    <div class="">
        <div class="modal fade bs-example-modal-lg2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="display: none;">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myLargeModalLabel">Simulasi Angsuran</h4> </div>
                    <div class="modal-body">
                        <div id="areaSimulasi"></div>
                    </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>
    <!-- /.modal -->
@endsection

@section('javascript')
    <script type="text/javascript">
        function loadData(){
            $("#areaAKunModal").load('{!! url('/pinjaman/persetujuan-pinjaman/list-pengajuan') !!}');
        }

        function simulasiAngsuran(){
            var plafond = $('#plafond_disetujui').val();
            var total_jasa = $('#total_jasa').val();
            var tempo = $('#tempo_disetujui').val();
            var angsur_pokok = $('#angsur_pokok').val();
            var angsur_jasa = $('#angsur_jasa').val();
            var jenis_jasa = $('#jenis_jasa').val();
            var jasapct = $('#jasapct').val();
            var plafond_jasa = $('#plafond_jasa').val();

            plafond = formatMataUang(plafond);
            total_jasa = formatMataUang(total_jasa);
            tempo = formatMataUang(tempo);
            angsur_pokok = formatMataUang(angsur_pokok);
            angsur_jasa = formatMataUang(angsur_jasa);
            jasapct = formatMataUang(jasapct);
            plafond_jasa = formatMataUang(plafond_jasa);

            if(plafond == ""){plafond = 0;}
            if(total_jasa == ""){total_jasa = 0;}
            if(tempo == ""){tempo = 0;}
            if(angsur_pokok == ""){angsur_pokok = 0;}
            if(angsur_jasa == ""){angsur_jasa = 0;}
            if(jasapct == ""){jasapct = 0;}
            if(plafond_jasa == ""){plafond_jasa = 0;}

            $("#areaSimulasi").load('{!! url('/pinjaman/pengajuan-pinjaman/simulasi') !!}?plafond='+plafond+'&total_jasa='+total_jasa+'&tempo='+tempo+'&angsur_pokok='+angsur_pokok+'&angsur_jasa='+angsur_jasa+'&jenis_jasa='+jenis_jasa+'&jasapct='+jasapct+'&plafond_jasa='+plafond_jasa);
        }

        function perhitunganPlafondJasa(){
            var plafond = $('#plafond_disetujui').val();
            var tempo = $('#tempo_disetujui').val();
            var jasa = $('#jasapct').val();
            var jenis_jasa = $('#jenis_jasa').val();
            var pembulatan = $('#pembulatan').val();

            plafond = formatMataUang(plafond);
            tempo = formatMataUang(tempo);
            jasa = formatMataUang(jasa);
            pembulatan = formatMataUang(pembulatan);

            if(plafond == ""){plafond = 0;}
            if(tempo == ""){tempo = 0;}
            if(jasa == ""){jasa = 0;}
            if(pembulatan == ""){pembulatan = 0;}

            //angsur pokok
            var angsur_pokok = eval(plafond) / eval(tempo);
            if(pembulatan != 0){
                var angsur_pokok_2 = Math.ceil(eval(angsur_pokok)/eval(pembulatan))*eval(pembulatan);
            }else{
                var angsur_pokok_2 = angsur_pokok;
            }
            var angsur_pokok_3 = angsur_pokok_2;
            angsur_pokok_2 = mataUang2(angsur_pokok_2);
            $('#angsur_pokok').val(angsur_pokok_2);

            //angsur jasa 1
            var angsur_jasa_1 = eval(plafond) * (eval(jasa)/100);
            if(pembulatan != 0){
                var angsur_jasa_2 = Math.ceil(eval(angsur_jasa_1)/eval(pembulatan))*eval(pembulatan);
            }else{
                var angsur_jasa_2 = angsur_jasa_1;
            }
            var angsur_jasa_3 = angsur_jasa_2;
            angsur_jasa_2 = mataUang2(angsur_jasa_2);
            $('#angsur_jasa').val(angsur_jasa_2);

            //jumlah_angsur
            var jumlah_angsur = eval(angsur_pokok_3) + eval(angsur_jasa_3);
            var jumlah_angsur_2 = mataUang2(jumlah_angsur);
            $('#jumlah_angsur').val(jumlah_angsur_2);

            //total_jasa
            var total_jasa = 0;
            var sisa_plafond = plafond;
            if(jenis_jasa == 1){
                total_jasa = eval(angsur_jasa_3) * eval(tempo);
            }else if(jenis_jasa == 2){
                for(var i=1;i<=tempo;i++){
                    var angsur_jasa = eval(sisa_plafond) * (eval(jasa)/100);
                    sisa_plafond -= angsur_pokok_3;
                    total_jasa += angsur_jasa;
                }
            }
            var total_jasa_2 = mataUang2(total_jasa);
            $('#total_jasa').val(total_jasa_2);

            //plafond_jasa
            var plafond_jasa = eval(total_jasa) + eval(plafond);
            var plafond_jasa_2 = mataUang2(plafond_jasa);
            $('#plafond_jasa').val(plafond_jasa_2);
        }

        $(document).ready(function() { 

            $(".select2").select2();

            $(document).on('click', '.pagination a', function (e) {
                e.preventDefault();
                //console.log($(this).attr('href').split('page='));
                var page = $(this).attr('href').split('page=')[1];
                var cari = $('#cari').val();

                $.ajax({
                    url : '{{ url('/pinjaman/persetujuan-pinjaman/list-pengajuan?page=') }}'+page+'&cari='+cari,
                }).success(function (data) {
                    //console.log(data);
                    $('#areaAKunModal').html(data);
                });
            });

            $(document).on('submit', '#formCari', function (e) {
                e.preventDefault();
                var cari = $('#cari').val();

                $.ajax({
                    url : '{{ url('/pinjaman/persetujuan-pinjaman/list-pengajuan?') }}'+'cari='+cari
                }).success(function (data) {
                    //console.log(data);
                    $('#areaAKunModal').html(data);
                });
            });

            $(document).on('click', '#buttonPilih', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-value');

                $.ajax({
                    method : 'post',
                    url : '{{ url('/pinjaman/persetujuan-pinjaman/list-pengajuan?') }}',
                    data : 'id='+id,
                }).success(function (data) {
                    // console.log(data);
                    $("#cari").val("");
                    $("#no_transaksi").val(data.no_transaksi);
                    $("#pengajuan_id").val(data.id);
                    $("#tanggal").val(data.tanggal);
                    $("#no_anggota").val(data.anggota.no_anggota);
                    $("#nama").val(data.anggota.nama);
                    $("#no_identitas").val(data.anggota.no_identitas);
                    $("#tanggal_daftar").val(data.anggota.tanggal_daftar);
                    $("#no_registrasi").val(data.anggota.no_registrasi);
                    $("#alamat").val(data.anggota.alamat);
                    $("#pekerjaan").val(data.anggota.pekerjaan);
                    $("#pendapatan").val(data.anggota.pendapatan);
                    $("#status_anggota_nama").val(data.anggota.status_anggota.nama);
                    $("#status_anggota_id").val(data.anggota.status_anggota_id);
                    $("#areaFoto").load('{!! url('/pinjaman/pengajuan-pinjaman/area-foto?foto=') !!}'+data.anggota.foto);
                    $("#agunan").val(data.agunan);
                    $("#keterangan").val(data.keterangan);
                    $("#plafond").val(data.plafond);
                    $("#total_jasa").val(data.total_jasa);
                    $("#jenis_pinjaman_id").val(data.jenis_pinjaman_id);
                    $("#plafond_jasa").val(data.plafond_jasa);
                    $("#tempo").val(data.tempo);
                    $("#jenis_angsuran").val(data.jenis_pinjaman.jenis_angsuran);
                    $("#jasapct").val(data.jasapct);
                    $("#jenis_jasa").val(data.jenis_pinjaman.jenis_jasa);
                    $("#angsur_pokok").val(data.angsur_pokok);
                    $("#petugas_id").val(data.petugas_id);
                    $("#angsur_jasa").val(data.angsur_jasa);
                    $("#status_id").val(data.status_id);
                    $("#status_nama").val(data.status_pengajuan);
                    $("#jumlah_angsur").val(data.jumlah_angsur);

                    $("#plafond_disetujui").val(data.plafond);
                    $("#tempo_disetujui").val(data.tempo);
                });
            });

            $("#form-persetujuan-pinjaman").validate({ 
                rules: {
                    no_transaksi: "required",
                    update_status_pengajuan: "required",
                },
                messages: {
                    no_transaksi: "Kolom no pengajuan harus diisi",
                    update_status_pengajuan: "Kolom update status pengajuan harus diisi",
                }
            });

            // Basic Upload
            $('#foto').dropify({
                messages: {
                    'default': 'Drag dan drop foto kesini',
                    'replace': 'Drag dan drop atau klik untuk mengganti',
                    'remove':  'Hapus',
                    'error':   'Ooops, format salah'
                },
                error: {
                    'maxWidth': 'Ukuran gambar maksimal 300 x 300 piksel.',
                }
            });
        });
          
    </script>
@endsection