@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">Realisasi 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">Realisasi 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">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class=""><a href=" {{ url('pinjaman/realisasi-pinjaman') }}"><span
                            class="visible-xs"><b>Lihat Data</b></span><span class="hidden-xs"><b>Lihat
                                Data</b></span></a></li>
                    <li class="active"><a href="{{ url('pinjaman/realisasi-pinjaman/create') }}"><span
                                class="visible-xs"><b>Tambah Data</b></span> <span class="hidden-xs"><b>Tambah
                                    Data</b></span></a></li>
                </ul>
                <!-- 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($listRealisasi, ['method' => 'PATCH', 'route' => ['realisasi-pinjaman.update', $listRealisasi->id . $var['url']['all']], 'id' => 'form-pengajuan-pinjaman', 'class' => 'form-horizontal']) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id' => 'form-realisasi-pinjaman', 'method' => 'POST', 'route' => 'realisasi-pinjaman.store', 'class' => 'form-horizontal']) !!}
                                @else
                                    {!! Form::model($listRealisasi, ['class' => 'form-horizontal']) !!}
                                @endif

                                <div class="col-lg-9">
                                    <div class="form-group">
                                        {!! Form::label('tanggal', 'Tanggal Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('tanggal', $var['method'] == 'create' ? Date('d-m-Y') : null, ['class' => 'form-control ' . $var['datepicker'], 'placeholder' => 'Inputkan Tanggal Transaksi', 'readonly' => $var['disabled']]) !!}
                                        </div>

                                        {!! Form::label('no_pinjaman', 'No. Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('no_pinjaman', $var['method'] == 'create' ? $var['no_trans'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan No. Transaksi', 'readonly' => $var['readonly']]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('ambil_pengajuan', 'Sumber Data', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::select('ambil_pengajuan', [0 => 'Ambil dari data anggota', 1 => 'Ambil dari data pengajuan'], $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->id_ambil_pengajuan : null, ['class' => 'form-control', 'onchange' => 'ambilPengajuan()']) !!}
                                            {!! Form::hidden('id_ambil_pengajuan', null, ['class' => 'form-control', 'id' => 'id_ambil_pengajuan']) !!}
                                        </div>

                                        {!! Form::label('no_pengajuan', 'No. Pengajuan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            <div class="input-group">
                                                {!! Form::text('no_pengajuan', $var['method'] == 'edit' || $var['method'] == 'show' ? @$listRealisasi->pengajuanPinjaman['no_transaksi'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan No. Pengajuan', 'readonly' => $var['readonly']]) !!}
                                                <span class="input-group-btn">
                                                    <a id="buttonPengajuan"
                                                        class="btn waves-effect waves-light btn-info disabled"
                                                        onclick="loadDataPengajuan()" alt="default" data-toggle="modal"
                                                        data-target=".bs-example-modal-lg3"
                                                        class="model_img img-responsive">Cari</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('pengajuan_id', null, ['class' => 'form-control', 'id' => 'pengajuan_id']) !!}
                                        </div>
                                    </div>
                                    <legend></legend>
                                    <div class="form-group">
                                        {!! Form::label('no_anggota', 'No. Anggota', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            <div class="input-group">
                                                {!! Form::text('no_anggota', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->anggota['no_anggota'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan No. Anggota', 'readonly' => $var['readonly2']]) !!}
                                                <span class="input-group-btn">
                                                    <a id="buttonAnggota" class="btn waves-effect waves-light btn-info"
                                                        onclick="loadData()" alt="default" data-toggle="modal"
                                                        data-target=".bs-example-modal-lg"
                                                        class="model_img img-responsive">Cari</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('anggota_id', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->anggota_id : null, ['class' => 'form-control', 'id' => 'anggota_id']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('nama', 'Nama', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('nama', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->anggota['nama'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan Nama', 'readonly' => $var['readonly']]) !!}
                                        </div>
                                        {!! Form::label('no_identitas', 'No. Identitas', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('no_identitas', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->anggota['no_identitas'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan No. Identitas', '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' ? $listRealisasi->anggota['alamat'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan Alamat', 'readonly' => $var['readonly']]) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('grup', 'Grup / Wilayah', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::text('grup', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->anggota->grup['nama'] : null, ['class' => 'form-control', 'placeholder' => 'Inputkan Grup / Wilayah', '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' ? $listRealisasi->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' ? $listRealisasi->anggota->statusAnggota['id'] : null, ['class' => 'form-control']) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-3">
                                    <div 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/' . $listRealisasi->anggota['foto'] : null, 'data-show-remove' => 'false', 'disabled' => true]) !!}
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <p></p>
                                    </div>
                                    <div class="col-lg-12">
                                        <a href="{{ url('pinjaman/realisasi-pinjaman/bukti-realisasi') }}" target="_blank"
                                            class="btn btn-info btn-block">Cetak Bukti Realisasi</a>
                                    </div>
                                    <div class="col-lg-12">
                                        <p></p>
                                    </div>
                                    <div class="col-lg-12">
                                        <p></p>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <legend><b>Detail Realisasi 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']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('keperluan', 'Keperluan Pinjaman', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::textarea('keperluan', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Keperluan Pinjaman', 'rows' => 5]) !!}
                                        </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();']) !!}
                                            {!! Form::hidden('pembulatan', $var['set_pinjaman']['pembulatan_angsuran'], ['class' => 'form-control', 'id' => 'pembulatan']) !!}
                                        </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('daftar_pinjaman_id', 'Jenis Pinjaman', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::select('daftar_pinjaman_id', $var['jenis_pinjaman'], null, ['class' => 'form-control select2', 'placeholder' => 'Pilih Jenis Pinjaman']) !!}
                                            {!! Form::hidden('daftar_pinjaman_id_2', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->daftar_pinjaman_id : null, ['class' => 'form-control', 'id' => 'daftar_pinjaman_id_2']) !!}
                                        </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_angsuran', 'Tempo', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-2">
                                            <div class="input-group">
                                                {!! Form::number('tempo_angsuran', null, ['class' => 'form-control', 'placeholder' => '0', 'onchange' => 'perhitunganPlafondJasa();']) !!}
                                                <span class="input-group-addon" id="basic-addon2">Kali</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            {!! Form::select('jenis_angsuran', ['1' => 'Bulanan', '2' => 'Mingguan', '3' => 'Harian'], null, ['class' => 'form-control', 'disabled' => $var['readonly'], 'id' => 'jenis_angsuran']) !!}
                                            {!! Form::hidden('jenis_angsuran_2', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->jenis_angsuran : '1', ['class' => 'form-control', 'id' => 'jenis_angsuran_2']) !!}
                                        </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();']) !!}
                                                <span class="input-group-addon" id="basic-addon2">%</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            {!! Form::select('jenis_jasa', ['1' => 'Flat / Mendatar', '2' => 'Menurun'], null, ['class' => 'form-control', 'disabled' => $var['readonly2'], 'id' => 'jenis_jasa', 'onchange' => 'perhitunganPlafondJasa();']) !!}
                                            {!! Form::hidden('jenis_jasa_2', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->jenis_jasa : '1', ['class' => 'form-control', 'id' => 'jenis_jasa_2']) !!}
                                        </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('bea_administrasi', 'Bea Adm.', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div id="area_bea_administrasi">
                                            <div class="col-lg-4">
                                                {!! Form::text('bea_administrasi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi"); totalDiterima();']) !!}
                                            </div>
                                        </div>
                                        {!! Form::hidden('tipe_bea_administrasi', 1, ['class' => 'form-control', 'id' => 'tipe_bea_administrasi']) !!}

                                        {!! 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('bea_asuransi', 'Bea Asuransi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div id="area_bea_asuransi">
                                            <div class="col-lg-4">
                                                {!! Form::text('bea_asuransi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi"); totalDiterima();']) !!}
                                            </div>
                                        </div>
                                        {!! Form::hidden('tipe_bea_asuransi', 1, ['class' => 'form-control', 'id' => 'tipe_bea_asuransi']) !!}


                                        {!! 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>

                                    <div class="form-group">
                                        {!! Form::label('bea_lain', 'Bea Lain', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('bea_lain', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Lain', 'onkeyup' => 'mataUang("bea_lain"); totalDiterima();']) !!}
                                        </div>

                                        <div class="col-lg-6">
                                            <legend></legend>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('swk_persen', 'SWK', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-2">
                                            <div class="input-group">
                                                {!! Form::text('swk_persen', $var['method'] == 'create' ? $var['set_pinjaman']['presentase_swk_realisasi'] : null, ['class' => 'form-control', 'placeholder' => '0', 'readonly' => $var['readonly']]) !!}
                                                <span class="input-group-addon" id="basic-addon2">%</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            {!! Form::text('swk_rp', null, ['class' => 'form-control', 'placeholder' => 'Inputkan SWK', 'readonly' => $var['readonly2'], 'id' => 'swk_rp', 'onkeyup' => 'mataUang("swk_rp"); totalDiterima();']) !!}
                                        </div>
                                        {!! Form::label('total_diterima', 'Total Diterima', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('total_diterima', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Total Diterima', 'readonly' => $var['readonly']]) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('swk_id', 'No. Rek. SWK', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::select('swk_id', $var['method'] == 'edit' || $var['method'] == 'show' ? $var['listSwk'] : [], null, ['class' => 'form-control', 'placeholder' => 'Pilih No. Rek. SWK']) !!}
                                        </div>

                                        {!! Form::label('jatuh_tempo_id', 'Jatuh Tempo Angsur', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div id="areaJatuhTempo">
                                            <div class="col-lg-4">
                                                {!! Form::select('jatuh_tempo_id', ['1' => 'Sesuai Tanggal Angsuran Pertama', '2' => 'Akhir Bulan'], null, ['class' => 'form-control']) !!}
                                            </div>
                                        </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 select2', 'placeholder' => 'Pilih Petugas']) !!}
                                        </div>

                                        {!! Form::label('tgl_mulai_angsur', 'Tanggal Mulai Angsur', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('tgl_mulai_angsur', null, ['class' => 'form-control datepicker-autoclose', 'placeholder' => 'Inputkan Tanggal Transaksi', 'readonly' => $var['disabled']]) !!}
                                        </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 Anggota</h4>
                </div>
                <div class="modal-body">
                    <form method="GET" action="" id="formCariAnggota">
                        <div class="input-group m-bot15">
                            <input name="cari" id="cariAnggota" 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="areaModalAnggota"></div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>

    <div class="">
        <div class=" modal fade bs-example-modal-lg3" 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="formCariPengajuan">
                        <div class="input-group m-bot15">
                            <input name="cari" id="cariPengajuan" 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="areaModalPengajuan"></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 jatuhTempo() {
            var jenis = $("#jenis_angsuran_2").val();
            var html = '';

            if (jenis == 1) {
                html += '<div class="col-lg-4">{!! Form::select('jatuh_tempo_id', ['1' => 'Sesuai Tanggal Angsuran Pertama', '2' => 'Akhir Bulan'], $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->jatuh_tempo_id : null, ['class' => 'form-control', 'id' => 'jatuh_tempo_id']) !!}</div>';
            } else if (jenis == 2) {
                html += '<div class="col-lg-4">{!! Form::select('jatuh_tempo_id', ['1' => 'Sesuai Tanggal Angsuran Pertama', '3' => 'Akhir Minggu / Hari Sabtu'], $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->jatuh_tempo_id : null, ['class' => 'form-control', 'id' => 'jatuh_tempo_id']) !!}</div>';
            } else if (jenis == 3) {
                html += '<div class="col-lg-4">{!! Form::select('jatuh_tempo_id', ['4' => 'Setiap Hari'], $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->jatuh_tempo_id : null, ['class' => 'form-control', 'id' => 'jatuh_tempo_id']) !!}</div>';
            }

            $("#areaJatuhTempo").html(html);
        }

        function loadData() {
            $("#areaModalAnggota").load('{!! url('/pinjaman/realisasi-pinjaman/list-anggota') !!}');
        }

        function loadDataPengajuan() {
            $("#areaModalPengajuan").load('{!! url('/pinjaman/realisasi-pinjaman/list-pengajuan') !!}');
        }

        function simulasiAngsuran() {
            var tgl_mulai_angsur = $('#tgl_mulai_angsur').val();

            if (tgl_mulai_angsur != '') {
                var plafond = $('#plafond').val();
                var total_jasa = $('#total_jasa').val();
                var tempo = $('#tempo_angsuran').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();
                var jatuh_tempo_id = $('#jatuh_tempo_id').val();
                var jenis_angsuran = $('#jenis_angsuran').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/realisasi-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 +
                    '&jatuh_tempo_id=' + jatuh_tempo_id + '&tgl_mulai_angsur=' + tgl_mulai_angsur + '&jenis_angsuran=' +
                    jenis_angsuran);
            } else {
                swal({
                    reverseButton: true,
                    title: "Oppss",
                    text: "Kolom tanggal mulai angsur diisi terlebih dahulu.",
                    type: "warning",
                    confirmButtonColor: "#DD6B55",
                    closeOnConfirm: false
                });
            }
        }

        function perhitunganPlafondJasa() {
            var plafond = $('#plafond').val();
            var tempo = $('#tempo_angsuran').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);

            $("#jenis_jasa_2").val(jenis_jasa);
        }

        function totalDiterima() {
            var plafond = $('#plafond').val();
            var bea_adm = $('#bea_administrasi').val();
            var bea_asuransi = $('#bea_asuransi').val();
            var bea_lain = $('#bea_lain').val();
            var swk_rp = $('#swk_rp').val();

            plafond = formatMataUang(plafond);
            bea_adm = formatMataUang(bea_adm);
            bea_asuransi = formatMataUang(bea_asuransi);
            bea_lain = formatMataUang(bea_lain);
            swk_rp = formatMataUang(swk_rp);

            if (plafond == "") {
                plafond = 0;
            }
            if (bea_adm == "") {
                bea_adm = 0;
            }
            if (bea_asuransi == "") {
                bea_asuransi = 0;
            }
            if (bea_lain == "") {
                bea_lain = 0;
            }
            if (swk_rp == "") {
                swk_rp = 0;
            }

            var total_diterima = eval(plafond) - eval(bea_adm) - eval(bea_asuransi) - eval(bea_lain) - eval(swk_rp);
            var total_diterima_2 = mataUang2(total_diterima);
            $('#total_diterima').val(total_diterima_2);
        }

        function hitungSwkRupiah() {
            var plafond = $('#plafond').val();
            var swk_persen = $("#swk_persen").val();

            plafond = formatMataUang(plafond);
            swk_persen = formatMataUang(swk_persen);

            if (plafond == "") {
                plafond = 0;
            }
            if (swk_persen == "") {
                swk_persen = 0;
            }

            var swk_rupiah = eval(plafond) * (eval(swk_persen) / 100);
            var swk_rupiah_2 = mataUang2(swk_rupiah);
            $('#swk_rp').val(swk_rupiah_2);
        }

        function totalBeaAdm() {
            var plafond = $('#plafond').val();
            var bea_adm_persen = $("#persen_bea_administrasi").val();

            plafond = formatMataUang(plafond);
            bea_adm_persen = formatMataUang(bea_adm_persen);

            if (plafond == "") {
                plafond = 0;
            }
            if (bea_adm_persen == "") {
                bea_adm_persen = 0;
            }

            var bea_adm_rupiah = eval(plafond) * (eval(bea_adm_persen) / 100);
            var bea_adm_rupiah_2 = mataUang2(bea_adm_rupiah);
            $('#bea_administrasi').val(bea_adm_rupiah_2);
        }

        function totalBeaAsuransi() {
            var plafond = $('#plafond').val();
            var bea_asuransi_persen = $("#persen_bea_asuransi").val();

            plafond = formatMataUang(plafond);
            bea_asuransi_persen = formatMataUang(bea_asuransi_persen);

            if (plafond == "") {
                plafond = 0;
            }
            if (bea_asuransi_persen == "") {
                bea_asuransi_persen = 0;
            }

            var bea_asuransi_rupiah = eval(plafond) * (eval(bea_asuransi_persen) / 100);
            var bea_asuransi_rupiah_2 = mataUang2(bea_asuransi_rupiah);
            $('#bea_asuransi').val(bea_asuransi_rupiah_2);
        }

        function totalDiterimaPersen() {
            totalBeaAdm();
            totalBeaAsuransi();
            totalDiterima();
        }

        function ambilPengajuan() {
            var nilai = $("#ambil_pengajuan").val();
            if (nilai == 0) {
                $("#no_anggota").prop('readonly', false);
                $("#buttonAnggota").removeClass("disabled");
                $("#no_pengajuan").prop('readonly', true);
                $("#buttonPengajuan").addClass("disabled");

                $("#plafond").prop('readonly', false);
                $("#daftar_pinjaman_id").prop('disabled', false);
                $("#tempo_angsuran").prop('readonly', false);
                $("#jasapct").prop('readonly', false);
                $("#jenis_jasa").prop('disabled', false);
            } else if (nilai == 1) {
                $("#no_anggota").prop('readonly', true);
                $("#buttonAnggota").addClass("disabled");
                $("#no_pengajuan").prop('readonly', false);
                $("#buttonPengajuan").removeClass("disabled");

                $("#plafond").prop('readonly', true);
                $("#daftar_pinjaman_id").prop('disabled', true);
                $("#tempo_angsuran").prop('readonly', true);
                $("#jasapct").prop('readonly', true);
                $("#jenis_jasa").prop('disabled', true);
            }

            $("#no_pengajuan").val("");
            $("#pengajuan_id").val("");
            $("#id_ambil_pengajuan").val(nilai);
            $("#anggota_id").val("");
            $("#no_anggota").val("");
            $("#nama").val("");
            $("#no_identitas").val("");
            $("#alamat").val("");
            $("#grup").val("");
            $("#status_anggota_nama").val("");
            $("#status_anggota_id").val("");
            $("#areaFoto").load('{!! url('/pinjaman/realisasi-pinjaman/area-foto?foto=') !!}');
            $("#agunan").val("");
            $("#keperluan").val("");
            $("#plafond").val("");
            $("#daftar_pinjaman_id").select2("val", "");
            $("#daftar_pinjaman_id_2").val("");
            $("#tempo_angsuran").val("");
            $("#jasapct").val("");
            $("#bea_administrasi").val("");
            $("#bea_asuransi").val("");
            $("#bea_lain").val("");
            $("#swk_rp").val("");
            $("#swk_id").val("");
            $("#total_jasa").val("");
            $("#angsur_pokok").val("");
            $("#angsur_jasa").val("");
            $("#jumlah_angsur").val("");
            $("#total_diterima").val("");

            var htmlBea = '<div class="col-lg-4">' +
                '{!! Form::text('bea_administrasi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi");', 'id' => 'bea_administrasi']) !!}' + '</div>';
            $("#area_bea_administrasi").html(htmlBea);
            $("#tipe_bea_administrasi").val('1');

            var htmlAsuransi = '<div class="col-lg-4">' +
                '{!! Form::text('bea_asuransi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi");', 'id' => 'bea_asuransi']) !!}' + '</div>';
            $("#area_bea_asuransi").html(htmlAsuransi);
            $("#tipe_bea_asuransi").val('1');

            var html = '<option value="">Pilih No. Rek SWK</option>';
            $("#swk_id").html(html);
        }

        function ambilPengajuanEdit() {
            var nilai = $("#ambil_pengajuan").val();
            if (nilai == 0) {
                $("#no_anggota").prop('readonly', false);
                $("#buttonAnggota").removeClass("disabled");
                $("#no_pengajuan").prop('readonly', true);
                $("#buttonPengajuan").addClass("disabled");

                $("#plafond").prop('readonly', false);
                $("#daftar_pinjaman_id").prop('disabled', false);
                $("#tempo_angsuran").prop('readonly', false);
                $("#jasapct").prop('readonly', false);
                $("#jenis_jasa").prop('disabled', false);
            } else if (nilai == 1) {
                $("#no_anggota").prop('readonly', true);
                $("#buttonAnggota").addClass("disabled");
                $("#no_pengajuan").prop('readonly', false);
                $("#buttonPengajuan").removeClass("disabled");

                $("#plafond").prop('readonly', true);
                $("#daftar_pinjaman_id").prop('disabled', true);
                $("#tempo_angsuran").prop('readonly', true);
                $("#jasapct").prop('readonly', true);
                $("#jenis_jasa").prop('disabled', true);
            }
        }

        $(document).ready(function() {

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

            @if ($var['method'] == 'create')
                var ambil_pengajuan = '{{ $var['set_pinjaman']['pinjaman_melalui_pengajuan'] }}';
                $("#ambil_pengajuan").val(ambil_pengajuan);
                $("#id_ambil_pengajuan").val(ambil_pengajuan);
                if(ambil_pengajuan == 1){
                $("#ambil_pengajuan").prop('disabled', true);
                }
                ambilPengajuan();
            @elseif($var['method']=='edit' || $var['method']=='show')
                ambilPengajuanEdit();
                var jenisBeaAdm = '{{ $listRealisasi->jenisPinjaman->bea_administrasi }}';
                var jenisBeaAsuransi = '{{ $listRealisasi->jenisPinjaman->bea_asuransi }}';
                if(jenisBeaAdm == 2){
                var htmlBea = '<div class="col-lg-2"><div class="input-group">'+
                        '{!! Form::text('persen_bea_administrasi', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->persen_bea_administrasi : null, ['class' => 'form-control', 'placeholder' => '0', 'onkeyup' => 'mataUang("persen_bea_administrasi"); totalDiterimaPersen();', 'id' => 'persen_bea_administrasi']) !!}'
                        +'<span class="input-group-addon" id="basic-addon2">%</span></div></div>'+'<div class="col-lg-2">'+
                    '{!! Form::text('bea_administrasi', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->bea_administrasi : null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi");', 'id' => 'bea_administrasi', 'readonly' => true]) !!}'+'</div>';
                $("#area_bea_administrasi").html(htmlBea);
                }
                if(jenisBeaAsuransi == 2){
                var htmlAsuransi = '<div class="col-lg-2"><div class="input-group">'+
                    '{!! Form::text('persen_bea_asuransi', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->persen_bea_asuransi : null, ['class' => 'form-control', 'placeholder' => '0', 'onkeyup' => 'mataUang("persen_bea_asuransi"); totalDiterimaPersen();', 'id' => 'persen_bea_asuransi']) !!}'+'<span class="input-group-addon" id="basic-addon2">%</span></div></div>'+'<div class="col-lg-2">'+
                    '{!! Form::text('bea_asuransi', $var['method'] == 'edit' || $var['method'] == 'show' ? $listRealisasi->bea_asuransi : null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi");', 'id' => 'bea_asuransi', 'readonly' => true]) !!}'+'</div>';
                $("#area_bea_asuransi").html(htmlAsuransi);
                }
                jatuhTempo();
            @endif


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

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

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

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

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

                $.ajax({
                    method: 'post',
                    url: '{{ url('/pinjaman/realisasi-pinjaman/list-anggota?') }}',
                    data: 'id=' + id,
                }).success(function(data) {
                    var html = '';

                    // console.log(data);
                    $("#cariAnggota").val("");
                    $("#anggota_id").val(data.id);
                    $("#no_anggota").val(data.no_anggota);
                    $("#nama").val(data.nama);
                    $("#no_identitas").val(data.no_identitas);
                    $("#alamat").val(data.alamat);
                    if (data.grup != null) {
                        $("#grup").val(data.grup.nama);
                    }
                    $("#status_anggota_nama").val(data.status_anggota.nama);
                    $("#status_anggota_id").val(data.status_anggota_id);
                    $("#areaFoto").load('{!! url('/pinjaman/realisasi-pinjaman/area-foto?foto=') !!}' + data.foto);

                    $("#agunan").val("");
                    $("#keperluan").val("");
                    $("#plafond").val("");
                    $("#daftar_pinjaman_id").select2("val", "");
                    $("#daftar_pinjaman_id_2").val("");
                    $("#tempo_angsuran").val("");
                    $("#jasapct").val("");
                    $("#bea_administrasi").val("");
                    $("#bea_asuransi").val("");
                    $("#bea_lain").val("");
                    $("#swk_rp").val("");
                    if (data.simpanan_rekening.length != 0) {
                        for (var i = 0; i < data.simpanan_rekening.length; i++) {
                            html += '<option value="' + data.simpanan_rekening[i].id + '">' + data
                                .simpanan_rekening[i].no_rekening + '</option>';
                        }
                    } else {
                        html += '<option value="">Pilih No. Rek SWK</option>';
                    }
                    $("#swk_id").html(html);
                    $("#total_jasa").val("");
                    $("#angsur_pokok").val("");
                    $("#angsur_jasa").val("");
                    $("#jumlah_angsur").val("");
                    $("#total_diterima").val("");
                });
            });

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

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

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

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

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

                $.ajax({
                    method: 'post',
                    url: '{{ url('/pinjaman/realisasi-pinjaman/list-pengajuan?') }}',
                    data: 'id=' + id,
                }).success(function(data) {
                    var html = '';
                    var htmlBea = '';
                    var htmlAsuransi = '';
                    // console.log(data);
                    $("#cariPengajuan").val("");
                    $("#pengajuan_id").val(data.id);
                    $("#no_pengajuan").val(data.no_transaksi);

                    $("#anggota_id").val(data.anggota.id);
                    $("#no_anggota").val(data.anggota.no_anggota);
                    $("#nama").val(data.anggota.nama);
                    $("#no_identitas").val(data.anggota.no_identitas);
                    $("#alamat").val(data.anggota.alamat);
                    if (data.anggota.grup != null) {
                        $("#grup").val(data.anggota.grup.nama);
                    }
                    $("#status_anggota_nama").val(data.anggota.status_anggota.nama);
                    $("#status_anggota_id").val(data.anggota.status_anggota_id);
                    $("#areaFoto").load('{!! url('/pinjaman/realisasi-pinjaman/area-foto?foto=') !!}' + data.anggota.foto);

                    $("#agunan").val(data.agunan);
                    $("#keperluan").val(data.keterangan);
                    $("#plafond").val(data.jumlah_disetujui);
                    $("#daftar_pinjaman_id").select2("val", data.jenis_pinjaman_id);
                    $("#daftar_pinjaman_id_2").val(data.jenis_pinjaman_id);
                    $("#tempo_angsuran").val(data.tempo_disetujui);
                    $("#jasapct").val(data.jasapct);
                    $('#jenis_angsuran').val(data.jenis_pinjaman.jenis_angsuran);
                    $('#jenis_angsuran_2').val(data.jenis_pinjaman.jenis_angsuran);
                    $('#jenis_jasa').val(data.jenis_pinjaman.jenis_jasa);
                    $('#jenis_jasa_2').val(data.jenis_pinjaman.jenis_jasa);
                    $("#total_jasa").val(data.total_jasa);
                    $("#plafond_jasa").val(data.plafond_jasa);
                    $("#angsur_pokok").val(data.angsur_pokok);
                    $("#angsur_jasa").val(data.angsur_jasa);
                    $("#jumlah_angsur").val(data.jumlah_angsur);
                    if (data.anggota.simpanan_rekening.length != 0) {
                        for (var i = 0; i < data.anggota.simpanan_rekening.length; i++) {
                            html += '<option value="' + data.anggota.simpanan_rekening[i].id +
                                '">' + data.anggota.simpanan_rekening[i].no_rekening + '</option>';
                        }
                    } else {
                        html += '<option value="">Pilih No. Rek SWK</option>';
                    }
                    $("#swk_id").html(html);
                    $("#jatuh_tempo_id").val(data.jenis_pinjaman.jatuh_tempo_angsur);

                    if (data.jenis_pinjaman.bea_administrasi == 1) {
                        htmlBea += '<div class="col-lg-4">' +
                            '{!! Form::text('bea_administrasi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi"); totalDiterima();', 'id' => 'bea_administrasi']) !!}' + '</div>';
                        $("#area_bea_administrasi").html(htmlBea);
                        $("#bea_administrasi").val(mataUang2(data.jenis_pinjaman.jumlah_1));
                    } else if (data.jenis_pinjaman.bea_administrasi == 2) {
                        htmlBea += '<div class="col-lg-2"><div class="input-group">' +
                            '{!! Form::text('persen_bea_administrasi', null, ['class' => 'form-control', 'placeholder' => '0', 'onkeyup' => 'mataUang("persen_bea_administrasi"); totalDiterimaPersen();', 'id' => 'persen_bea_administrasi']) !!}' +
                            '<span class="input-group-addon" id="basic-addon2">%</span></div></div>' +
                            '<div class="col-lg-2">' +
                            '{!! Form::text('bea_administrasi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi");', 'id' => 'bea_administrasi', 'readonly' => true]) !!}' + '</div>';
                        $("#area_bea_administrasi").html(htmlBea);
                        $("#persen_bea_administrasi").val(mataUang2(data.jenis_pinjaman.jumlah_1));

                        totalBeaAdm();
                    }
                    $("#tipe_bea_administrasi").val(data.jenis_pinjaman.bea_administrasi);

                    if (data.jenis_pinjaman.bea_asuransi == 1) {
                        htmlAsuransi += '<div class="col-lg-4">' +
                            '{!! Form::text('bea_asuransi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi"); totalDiterima();', 'id' => 'bea_asuransi']) !!}' + '</div>';
                        $("#area_bea_asuransi").html(htmlAsuransi);
                        $("#bea_asuransi").val(mataUang2(data.jenis_pinjaman.jumlah_2));
                    } else if (data.jenis_pinjaman.bea_asuransi == 2) {
                        htmlAsuransi += '<div class="col-lg-2"><div class="input-group">' +
                            '{!! Form::text('persen_bea_asuransi', null, ['class' => 'form-control', 'placeholder' => '0', 'onkeyup' => 'mataUang("persen_bea_asuransi"); totalDiterimaPersen();', 'id' => 'persen_bea_asuransi']) !!}' +
                            '<span class="input-group-addon" id="basic-addon2">%</span></div></div>' +
                            '<div class="col-lg-2">' +
                            '{!! Form::text('bea_asuransi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi");', 'id' => 'bea_asuransi', 'readonly' => true]) !!}' + '</div>';
                        $("#area_bea_asuransi").html(htmlAsuransi);
                        $("#persen_bea_asuransi").val(mataUang2(data.jenis_pinjaman.jumlah_2));

                        totalBeaAsuransi();
                    }
                    $("#tipe_bea_asuransi").val(data.jenis_pinjaman.bea_asuransi);

                    jatuhTempo();
                    hitungSwkRupiah();
                    totalDiterima();
                });
            });

            //----------END MODAL ANGGOTA--------------------------

            $(document).on('change', '#daftar_pinjaman_id', function(e) {
                var id_status_anggota = $("#status_anggota_id").val();

                if (id_status_anggota != "") {
                    var id = $(this).val();

                    $.ajax({
                        method: 'post',
                        url: '{{ url('/pinjaman/pengajuan-pinjaman/jenis-pinjaman') }}',
                        data: 'id=' + id,
                    }).success(function(data) {
                        // console.log(data);
                        var htmlBea = '';
                        var htmlAsuransi = '';

                        $('#daftar_pinjaman_id_2').val(id);
                        $('#tempo_angsuran').val(data.tempo_angsuran);
                        $('#jenis_angsuran').val(data.jenis_angsuran);
                        $('#jenis_angsuran_2').val(data.jenis_angsuran);
                        $('#jenis_jasa').val(data.jenis_jasa);
                        $('#jenis_jasa_2').val(data.jenis_jasa);
                        if (id_status_anggota == 1 || id_status_anggota == 2) {
                            $('#jasapct').val(data.jasa_non_anggota);
                        } else if (id_status_anggota == 3) {
                            $('#jasapct').val(data.jasa_anggota);
                        }

                        if (data.bea_administrasi == 1) {
                            htmlBea += '<div class="col-lg-4">' +
                                '{!! Form::text('bea_administrasi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi"); totalDiterima();', 'id' => 'bea_administrasi']) !!}' + '</div>';
                            $("#area_bea_administrasi").html(htmlBea);
                            $("#bea_administrasi").val(mataUang2(data.jumlah_1));
                        } else if (data.bea_administrasi == 2) {
                            htmlBea += '<div class="col-lg-2"><div class="input-group">' +
                                '{!! Form::text('persen_bea_administrasi', null, ['class' => 'form-control', 'placeholder' => '0', 'onkeyup' => 'mataUang("persen_bea_administrasi"); totalDiterimaPersen();', 'id' => 'persen_bea_administrasi']) !!}' +
                                '<span class="input-group-addon" id="basic-addon2">%</span></div></div>' +
                                '<div class="col-lg-2">' +
                                '{!! Form::text('bea_administrasi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Adm', 'onkeyup' => 'mataUang("bea_administrasi");', 'id' => 'bea_administrasi', 'readonly' => true]) !!}' + '</div>';
                            $("#area_bea_administrasi").html(htmlBea);
                            $("#persen_bea_administrasi").val(mataUang2(data.jumlah_1));

                            totalBeaAdm();
                        }
                        $("#tipe_bea_administrasi").val(data.bea_administrasi);

                        if (data.bea_asuransi == 1) {
                            htmlAsuransi += '<div class="col-lg-4">' +
                                '{!! Form::text('bea_asuransi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi"); totalDiterima();', 'id' => 'bea_asuransi']) !!}' + '</div>';
                            $("#area_bea_asuransi").html(htmlAsuransi);
                            $("#bea_asuransi").val(mataUang2(data.jumlah_2));
                        } else if (data.bea_asuransi == 2) {
                            htmlAsuransi += '<div class="col-lg-2"><div class="input-group">' +
                                '{!! Form::text('persen_bea_asuransi', null, ['class' => 'form-control', 'placeholder' => '0', 'onkeyup' => 'mataUang("persen_bea_asuransi"); totalDiterimaPersen();', 'id' => 'persen_bea_asuransi']) !!}' +
                                '<span class="input-group-addon" id="basic-addon2">%</span></div></div>' +
                                '<div class="col-lg-2">' +
                                '{!! Form::text('bea_asuransi', null, ['class' => 'form-control', 'placeholder' => 'Inputkan Bea Asuransi', 'onkeyup' => 'mataUang("bea_asuransi");', 'id' => 'bea_asuransi', 'readonly' => true]) !!}' + '</div>';
                            $("#area_bea_asuransi").html(htmlAsuransi);
                            $("#persen_bea_asuransi").val(mataUang2(data.jumlah_2));

                            totalBeaAsuransi();
                        }
                        $("#tipe_bea_asuransi").val(data.bea_asuransi);


                        jatuhTempo();
                        perhitunganPlafondJasa();
                        hitungSwkRupiah();
                        totalDiterima();
                    });
                } else {
                    $(this).select2("val", "");
                    swal({
                        reverseButton: true,
                        title: "Oppss",
                        text: "Data anggota diisi terlebih dahulu.",
                        type: "warning",
                        confirmButtonColor: "#DD6B55",
                        closeOnConfirm: false
                    });
                }
            });

            // this one requires the value to be the same as the first parameter
            $.validator.methods.cek_swk = function(value, element, param) {
                var swk_persen = $("#swk_persen").val();
                swk_persen = formatMataUang(swk_persen);

                if (Number(swk_persen) > 0 && value == '') {
                    return false;
                }
                return true;
            };

            $("#form-realisasi-pinjaman").validate({
                ignore: [],
                rules: {
                    no_anggota: "required",
                    plafond: "required",
                    daftar_pinjaman_id: "required",
                    swk_id: {
                        cek_swk: true
                    },
                    tgl_mulai_angsur: "required"
                },
                messages: {
                    no_anggota: "Kolom no anggota harus diisi",
                    plafond: "Kolom plafond harus diisi",
                    daftar_pinjaman_id: "Kolom jenis pinjaman harus diisi",
                    swk_id: {
                        cek_swk: "Kolom no rek SWK harus diisi"
                    },
                    tgl_mulai_angsur: "Kolom tanggal mulai angsur 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