@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">Penerimaan Angsuran</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">Penerimaan Angsuran</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/penerimaan-angsuran') }}"><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/penerimaan-angsuran/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($listAngsuran, ['method'=>'PATCH', 'route'=> ['penerimaan-angsuran.update', $listAngsuran->id.$var['url']['all']], 'id'=>'form-penerimaan-angsuran', 'class'=>'form-horizontal']) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-penerimaan-angsuran', 'method'=>'POST', 'route'=>'penerimaan-angsuran.store', 'class'=>'form-horizontal']) !!}
                                @else
                                    {!! Form::model($listAngsuran, ['class'=>'form-horizontal']) !!}
                                @endif

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

                                            {!! Form::label('no_angsuran', 'No. Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('no_angsuran', ($var['method']=='create'?$var['no_trans']:$listAngsuran->no_angsuran), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Transaksi',  'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('no_pinjaman', 'No. Pinjaman', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                 <div class="input-group">
                                                    {!! Form::text('no_pinjaman', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['no_pinjaman']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Pinjaman',  'readonly'=>$var['readonly2']]) !!}
                                                    <span class="input-group-btn">
                                                        <a id="buttonPinjaman" class="btn waves-effect waves-light btn-info" @if($var['method']=='create') onclick="loadDataPinjaman()" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" @endif class="model_img img-responsive">Cari</a>
                                                    </span>
                                                </div>
                                                {!! Form::hidden('pinjaman_id', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['id']:null), ['class'=>'form-control', 'id'=>'pinjaman_id']) !!}
                                                {!! Form::hidden('angsuran_id', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->id:null), ['class'=>'form-control', 'id'=>'angsuran_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">
                                                {!! Form::text('no_anggota', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman->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-4">
                                                {!! Form::text('nama', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman->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'?$listAngsuran->pinjaman->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'?$listAngsuran->pinjaman->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'?$listAngsuran->pinjaman->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'?$listAngsuran->pinjaman->anggota->statusAnggota['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Status Anggota', 'readonly'=>$var['readonly'], 'id'=>'status_anggota_nama']) !!}
                                            </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/'.$listAngsuran->pinjaman->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/penerimaan-angsuran/bukti-angsuran') }}" target="_blank" class="btn btn-info btn-block">Cetak Bukti Angsuran</a>
                                        </div>
                                        <div class="col-lg-12"><p></p></div>
                                        <div class="col-lg-12"><p></p></div>
                                    </div>

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

                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('daftar_pinjaman_id', 'Jenis Pinjaman', ['class' => 'control-label']) !!}
                                                {!! Form::select('daftar_pinjaman_id', $var['jenis_pinjaman'],
                                                    ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['daftar_pinjaman_id']:null), ['class'=>'form-control', 'placeholder'=>'Pilih Jenis Pinjaman', 'disabled'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-2">
                                                {!! Form::label('jasapct', 'Jasa', ['class' => 'control-label']) !!}
                                                <div class="input-group">
                                                    {!! Form::text('jasapct', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['jasapct']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Jasa', 'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-addon" id="basic-addon2">%</span>
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                {!! Form::label('jenis_jasa', 'Jenis Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::select('jenis_jasa', array('1' => 'Flat / Mendatar', '2' => 'Menurun'),
                                                    ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['jenis_jasa']:null), ['class'=>'form-control', 'disabled'=>$var['readonly'], 'placeholder'=>'Pilih Jenis Jasa']) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('plafond_jasa', 'Plafond + Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::text('plafond_jasa', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['plafond_jasa']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Plafond + Jasa',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('plafond', 'Plafond', ['class' => 'control-label']) !!}
                                                {!! Form::text('plafond', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['plafond']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Plafond', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('tanggal', 'Tgl. Realisasi', ['class' => 'control-label']) !!}
                                                {!! Form::text('tanggal', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman['tanggal']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Tgl. Realisasi', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('sisa_pokok', 'Sisa Pokok', ['class' => 'control-label']) !!}
                                                {!! Form::text('sisa_pokok', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->sisa_pokok:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Sisa Pokok',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('angsuran_ke_tempo', 'Angsuran ke / Tempo', ['class' => 'control-label']) !!}
                                                <div class="input-group">
                                                    {!! Form::text('angsuran_ke', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->angsuran_ke:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Ke', 'id'=>'angsuran_ke', 'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-addon bg-info b-0 text-white">/</span>
                                                    {!! Form::text('tempo_angsuran', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman->tempo_angsuran:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Tempo Angsuran', 'id'=>'tempo_angsuran', 'readonly'=>$var['readonly']]) !!}
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('jenis_angsuran', 'Jenis Angsuran', ['class' => 'control-label']) !!}
                                                {!! Form::select('jenis_angsuran', array('1' => 'Bulanan', '2' => 'Mingguan', '3' => 'Harian'),
                                                    ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->pinjaman->jenis_angsuran:null), ['class'=>'form-control', 'disabled'=>$var['readonly'], 'placeholder'=>'Inputkan Jenis Angsuran']) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('sisa_jasa', 'Sisa Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::text('sisa_jasa', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->sisa_jasa:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Sisa Jasa',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('tgl_jatuh_tempo', 'Tgl. Jatuh Tempo', ['class' => 'control-label']) !!}
                                                {!! Form::text('tgl_jatuh_tempo', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->est_tanggal:null), ['class'=>'form-control '.$var['datepicker'], 'placeholder'=>'Inputkan Tgl. Jatuh Tempo']) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('terlambat', 'Terlambat', ['class' => 'control-label']) !!}
                                                <div class="input-group">
                                                    {!! Form::text('terlambat', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->terlambat:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Terlambat', 'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-addon" id="basic-addon2">Hari</span>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('sisa_pokok_jasa', 'Sisa Plafond + Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::text('sisa_pokok_jasa', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->sisa_pokok_jasa:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Sisa Plafond + Jasa',
                                                    'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                <legend><b>Kewajiban Angsur Sekarang</b></legend>
                                                {!! Form::label('pokok_sekarang', 'Angsuran Pokok', ['class' => 'control-label']) !!}
                                                {!! Form::text('pokok_sekarang', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->est_pokok:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Pokok', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                <legend><b>Kekurangan Angsur Sebelumnya</b></legend>
                                                {!! Form::label('pokok_sebelumnya', 'Angsuran Pokok', ['class' => 'control-label']) !!}
                                                {!! Form::text('pokok_sebelumnya', ($var['method']=='edit'||$var['method']=='show'?$var['kurang_pokok2']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Pokok', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                <legend><b>Total Kewajiban Angsur</b></legend>
                                                {!! Form::label('pokok_total', 'Angsuran Pokok', ['class' => 'control-label']) !!}
                                                {!! Form::text('pokok_total', ($var['method']=='edit'||$var['method']=='show'?$var['total_kewajiban_pokok']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Pokok', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('jasa_sekarang', 'Angsuran Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::text('jasa_sekarang', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->est_jasa:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Jasa', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('jasa_sebelumnya', 'Angsuran Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::text('jasa_sebelumnya', ($var['method']=='edit'||$var['method']=='show'?$var['kurang_jasa2']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Jasa', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('jasa_total', 'Angsuran Jasa', ['class' => 'control-label']) !!}
                                                {!! Form::text('jasa_total', ($var['method']=='edit'||$var['method']=='show'?$var['total_kewajiban_jasa']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Jasa', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('denda_sekarang', 'Denda', ['class' => 'control-label']) !!}
                                                {!! Form::text('denda_sekarang', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->est_denda:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Denda', 'onkeyup'=>'mataUang("denda_sekarang"); hitungKewajibanAngsur();']) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('denda_sebelumnya', 'Denda', ['class' => 'control-label']) !!}
                                                {!! Form::text('denda_sebelumnya', ($var['method']=='edit'||$var['method']=='show'?$var['kurang_denda2']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Denda', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('denda_total', 'Denda', ['class' => 'control-label']) !!}
                                                {!! Form::text('denda_total', ($var['method']=='edit'||$var['method']=='show'?$var['total_kewajiban_denda']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Denda', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-4">
                                                {!! Form::label('jumlah_sekarang', 'Total Angsuran Sekarang', ['class' => 'control-label']) !!}
                                                {!! Form::text('jumlah_sekarang', ($var['method']=='edit'||$var['method']=='show'?$var['jumlah_sekarang']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Total Angsuran Sekarang', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('jumlah_sebelumnya', 'Total Kekurangan Angsuran Sebelumnya', ['class' => 'control-label']) !!}
                                                {!! Form::text('jumlah_sebelumnya', ($var['method']=='edit'||$var['method']=='show'?$var['jumlah_kekurangan']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Kekurangan Total Angsuran Sekarang', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                {!! Form::label('jumlah_total', 'Total Kewajiban Angsur', ['class' => 'control-label']) !!}
                                                {!! Form::text('jumlah_total', ($var['method']=='edit'||$var['method']=='show'?$var['total_kewajiban_kekurangan']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Total Kewajiban Angsur', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <legend><b>Pembayaran Angsuran</b></legend>
                                        </div>
                                        <div class="col-lg-6">
                                            <legend><b>Sisa Angsuran Berikutnya</b></legend>
                                        </div>

                                        <div class="form-group">    
                                            {!! Form::label('angsur_pokok', 'Angsuran Pokok', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('angsur_pokok', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->angsur_pokok:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Pokok', 'onkeyup'=>'mataUang("angsur_pokok"); pembayaranAngsuran();']) !!}
                                            </div>
                                            {!! Form::label('sisa_pokok_berikutnya', 'Jumlah Pokok', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('sisa_pokok_berikutnya', ($var['method']=='edit'||$var['method']=='show'?$var['jum_pokok_berikutnya']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Jumlah Angsuran Pokok', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">    
                                            {!! Form::label('angsur_jasa', 'Angsuran Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('angsur_jasa', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->angsur_jasa:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Angsuran Jasa', 'onkeyup'=>'mataUang("angsur_jasa"); pembayaranAngsuran();']) !!}
                                            </div>
                                            {!! Form::label('sisa_jasa_berikutnya', 'Jumlah Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('sisa_jasa_berikutnya', ($var['method']=='edit'||$var['method']=='show'?$var['jum_jasa_berikutnya']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Jumlah Angsuran Jasa', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">    
                                            {!! Form::label('denda', 'Denda', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('denda', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->denda:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Denda', 'onkeyup'=>'mataUang("denda"); pembayaranAngsuran();']) !!}
                                            </div>
                                            {!! Form::label('pokok_dan_jasa', 'Pokok + Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('pokok_dan_jasa', ($var['method']=='edit'||$var['method']=='show'?$var['jum_pokokjasa_berikutnya']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Pokok + Jasa', 'readonly'=>$var['readonly']]) !!}
                                            </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']=='edit'||$var['method']=='show'?$listAngsuran['swk_persen']: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', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->swk_rp:null), ['class'=>'form-control', 'placeholder'=>'Inputkan SWK', 'readonly'=>$var['readonly2'], 'id'=>'swk_rp', 'onkeyup'=>'mataUang("swk_rp"); pembayaranAngsuran();']) !!}
                                            </div>
                                            {!! 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']:[]),
                                                    ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->swk_id:null), ['class'=>'form-control', 'placeholder'=>'Pilih No. Rek. SWK']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">    
                                            {!! Form::label('potongan', 'Potongan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('potongan', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->potongan:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Potongan', 'onkeyup'=>'mataUang("potongan"); pembayaranAngsuran();']) !!}
                                            </div>
                                            {!! Form::label('jasa_id', 'No. Rek. Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::select('jasa_id', ($var['method']=='edit'||$var['method']=='show'?$var['listJasa']:[]),
                                                    ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->simp_sukarela_id:null), ['class'=>'form-control', 'placeholder'=>'Pilih No. Rek. Jasa']) !!}
                                                {!! Form::hidden('jasa_persen', ($var['method']=='create'?$var['set_pinjaman']['presentase_dari_jasa']:($var['method']=='edit'||$var['method']=='show'?$listAngsuran['sukarela_persen']:null)), ['class'=>'form-control', 'placeholder'=>'Inputkan Jasa Persen', 'id'=>'jasa_persen']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">    
                                            {!! Form::label('total_bayar', 'Total Bayar', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('total_bayar', ($var['method']=='edit'||$var['method']=='show'?$var['total_bayar']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Total Bayar', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                            {!! 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'],
                                                    ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->petugas_id:null), ['class'=>'form-control select2', 'placeholder'=>'Pilih Petugas']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">    
                                            {!! Form::label('keterangan', 'Keterangan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::textarea('keterangan', ($var['method']=='edit'||$var['method']=='show'?$listAngsuran->keterangan:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Keterangan', 'rows'=>'4']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('status_pinjaman', 'Status Pinjaman', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">   
                                                {!! Form::select('status_pinjaman', [], null, ['class'=>'form-control', 'placeholder'=>'Inputkan Status Pinjaman']) !!}
                                                {!! Form::hidden('dianggap_lunas', $var['set_pinjaman']['pinjaman_dianggap_lunas'], ['class'=>'form-control', 'id'=>'dianggap_lunas']) !!}
                                            </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">
                                                @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 Pinjaman Belum Lunas</h4> </div>
                    <div class="modal-body">
                        <form method="GET" action="" id="formCariPinjaman">
                            <div class="input-group m-bot15">
                                <input name="cari" id="cariPinjaman" 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="areaModalPinjaman"></div>
                    </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    </div>
    <!-- /.modal -->
@endsection

@section('javascript')
    <script type="text/javascript">
        function loadDataPinjaman(){
            $("#areaModalPinjaman").load('{!! url('/pinjaman/penerimaan-angsuran/list-pinjaman') !!}');
        }

        function hitungKewajibanAngsur(){
            var pinjaman_id = $("#pinjaman_id").val();
            if(pinjaman_id != ""){
                //sekarang
                var pokokSekarang = formatMataUang($("#pokok_sekarang").val());
                var jasaSekarang = formatMataUang($("#jasa_sekarang").val());
                var dendaSekarang = formatMataUang($("#denda_sekarang").val());

                if(pokok_sekarang == ""){pokok_sekarang = 0;}
                if(jasaSekarang == ""){jasaSekarang = 0;}
                if(dendaSekarang == ""){dendaSekarang = 0;}

                var angsurSekarang = eval(pokokSekarang) + eval(jasaSekarang) + eval(dendaSekarang);
                var angsurSekarang_2 = mataUang2(angsurSekarang);
                $('#jumlah_sekarang').val(angsurSekarang_2);

                var dendaSekarang_2 = mataUang2(eval(dendaSekarang));
                $("#denda").val(dendaSekarang_2);

                //kekurangan
                var pokokKekurangan = formatMataUang($("#pokok_sebelumnya").val());
                var jasaKekurangan = formatMataUang($("#jasa_sebelumnya").val());
                var dendaKekurangan = formatMataUang($("#denda_sebelumnya").val());
                var jumlahKekurangan = formatMataUang($("#jumlah_sebelumnya").val());

                if(pokokKekurangan == ""){pokokKekurangan = 0;}
                if(jasaKekurangan == ""){jasaKekurangan = 0;}
                if(dendaKekurangan == ""){dendaKekurangan = 0;}
                if(jumlahKekurangan == ""){jumlahKekurangan = 0;}

                //total kewajiban
                var pokokKewajiban = eval(pokokSekarang) + eval(pokokKekurangan);
                var pokokKewajiban_2 = mataUang2(pokokKewajiban);
                $('#pokok_total').val(pokokKewajiban_2);

                var jasaKewajiban = eval(jasaSekarang) + eval(jasaKekurangan);
                var jasaKewajiban_2 = mataUang2(jasaKewajiban);
                $('#jasa_total').val(jasaKewajiban_2);

                var dendaKewajiban = eval(dendaSekarang) + eval(dendaKekurangan);
                var dendaKewajiban_2 = mataUang2(dendaKewajiban);
                $('#denda_total').val(dendaKewajiban_2);

                var totalKewajiban = eval(angsurSekarang) + eval(jumlahKekurangan);
                var totalKewajiban_2 = mataUang2(totalKewajiban);
                $('#jumlah_total').val(totalKewajiban_2);

                pembayaranAngsuran();
            }
        }

        function pembayaranAngsuran(){
            var pinjaman_id = $("#pinjaman_id").val();
            if(pinjaman_id != ""){
                //angsur pokok dan beikutnya
                var angsur_pokok = formatMataUang($("#angsur_pokok").val());
                var sisa_pokok = formatMataUang($("#sisa_pokok").val());
                if(angsur_pokok == ""){angsur_pokok = 0;}
                if(sisa_pokok == ""){sisa_pokok = 0;}
                var sisaPokokBerikutnya = eval(sisa_pokok) - eval(angsur_pokok);
                var sisaPokokBerikutnya_2 = mataUang2(sisaPokokBerikutnya);
                $('#sisa_pokok_berikutnya').val(sisaPokokBerikutnya_2);

                //angsur jasa dan berikutnya
                var angsur_jasa = formatMataUang($("#angsur_jasa").val());
                var sisa_jasa = formatMataUang($("#sisa_jasa").val());
                if(angsur_jasa == ""){angsur_jasa = 0;}
                if(sisa_jasa == ""){sisa_jasa = 0;}
                var sisaJasaBerikutnya = eval(sisa_jasa) - eval(angsur_jasa);
                var sisaJasaBerikutnya_2 = mataUang2(sisaJasaBerikutnya);
                $('#sisa_jasa_berikutnya').val(sisaJasaBerikutnya_2);

                //pokok dan jasa
                var pokok_dan_jasa = eval(sisaPokokBerikutnya) + eval(sisaJasaBerikutnya);
                var pokok_dan_jasa_2 = mataUang2(pokok_dan_jasa);
                $('#pokok_dan_jasa').val(pokok_dan_jasa_2);

                //denda
                var denda = formatMataUang($("#denda").val());
                if(denda == ""){denda = 0;}

                //swk
                var swk_rp = formatMataUang($("#swk_rp").val());
                if(swk_rp == ""){swk_rp = 0;}

                //potongan
                var potongan = formatMataUang($("#potongan").val());
                if(potongan == ""){potongan = 0;}

                var totalBayar = eval(angsur_pokok) + eval(angsur_jasa) + eval(denda) + eval(swk_rp) - eval(potongan);
                var totalBayar_2 = mataUang2(totalBayar);
                $('#total_bayar').val(totalBayar_2);

                apakahLunas();
            }
        }

        function apakahLunas(){
            var jenisPelunasan = $("#dianggap_lunas").val();
            var pokok_dan_jasa = formatMataUang($("#pokok_dan_jasa").val());
            var pokok = formatMataUang($("#sisa_pokok_berikutnya").val());
            var htmlStatus = ''
            var lunas;
            if((jenisPelunasan == 1 && pokok_dan_jasa <= 0) || (jenisPelunasan == 2 && pokok <= 0)){
                htmlStatus += '<option value="1">Lunas</option>';
                $("#status_pinjaman").html(htmlStatus);
                $("#status_pinjaman").css({'background-color': '#6ecdf7', 'font-weight':'bold'});
            }else{
                htmlStatus += '<option value="0">Aktif</option>';
                $("#status_pinjaman").html(htmlStatus);
                $("#status_pinjaman").css({'background-color': 'white', 'font-weight':'normal'});
            }
        }

        $(document).ready(function() { 

            var htmlEdit = '';
            @if($var['method']=='edit' || $var['method']=='show')
                @if($listAngsuran->pinjaman->status_id == 0)
                    htmlEdit += '<option value="0">Aktif</option>';
                    $("#status_pinjaman").html(htmlEdit);
                    $("#status_pinjaman").css({'background-color': 'white', 'font-weight':'normal'});
                @elseif($listAngsuran->pinjaman->status_id == 1)
                    htmlEdit += '<option value="1">Lunas</option>';
                    $("#status_pinjaman").html(htmlEdit);
                    $("#status_pinjaman").css({'background-color': '#6ecdf7', 'font-weight':'bold'});
                @endif
            @endif

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

            $('#tgl_jatuh_tempo').datepicker().on("changeDate", function (e) {
                var pinjaman_id = $("#pinjaman_id").val();
                if(pinjaman_id != ""){
                    var tgl_jatuh_tempo = e.target.value;
                    $.ajax({
                        method : 'post',
                        url : '{{ url('/pinjaman/penerimaan-angsuran/hitung-terlambat?') }}',
                        data : 'id='+pinjaman_id+'&tanggal='+tgl_jatuh_tempo,
                    }).success(function (data) {
                        $("#terlambat").val(data.terlambat);
                        $("#denda_sekarang").val(data.denda_rupiah);
                        $("#denda").val(data.denda_rupiah);

                        hitungKewajibanAngsur();
                    });
                }
            });

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

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

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

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

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

                $.ajax({
                    method : 'post',
                    url : '{{ url('/pinjaman/penerimaan-angsuran/list-pinjaman?') }}',
                    data : 'id='+id,
                }).success(function (data) {
                    var htmlSwk = '';
                    var htmlJasa = '';
                    var htmlStatus = '';

                    // console.log(data);
                    $("#cariPinjaman").val("");
                    $("#no_pinjaman").val(data.no_pinjaman);
                    $("#pinjaman_id").val(data.id);
                    $("#angsuran_id").val(data.angsuran.id);
                    $("#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);
                    $("#areaFoto").load('{!! url('/pinjaman/penerimaan-angsuran/area-foto?foto=') !!}'+data.anggota.foto);

                    $("#daftar_pinjaman_id").val(data.daftar_pinjaman_id);
                    $("#jasapct").val(data.jasapct);
                    $("#jenis_jasa").val(data.jenis_jasa);
                    $("#plafond_jasa").val(data.plafond_jasa);
                    $("#plafond").val(data.plafond);
                    $("#tanggal").val(data.tanggal);
                    $("#sisa_pokok").val(data.sisa_pokok);
                    $("#angsuran_ke").val(data.angsuran_ke);
                    $("#tempo_angsuran").val(data.tempo_angsuran);
                    $("#jenis_angsuran").val(data.jenis_angsuran);
                    $("#sisa_jasa").val(data.sisa_jasa);
                    $("#tgl_jatuh_tempo").val(data.angsuran.est_tanggal);
                    $("#terlambat").val(data.terlambat);
                    $("#sisa_pokok_jasa").val(data.sisa_pokok_jasa);

                    $("#pokok_sekarang").val(data.angsuran.est_pokok);
                    $("#jasa_sekarang").val(data.angsuran.est_jasa);
                    $("#denda_sekarang").val(data.denda_rupiah_sekarang); 
                    $("#jumlah_sekarang").val(data.total_angsur_sekarang);

                    $("#pokok_sebelumnya").val(data.kekurangan.kurang_pokok2);
                    $("#jasa_sebelumnya").val(data.kekurangan.kurang_jasa2);
                    $("#denda_sebelumnya").val(data.kekurangan.kurang_denda2); 
                    $("#jumlah_sebelumnya").val(data.kekurangan.jumlah_kekurangan);

                    $("#pokok_total").val(data.total_kewajiban_pokok);
                    $("#jasa_total").val(data.total_kewajiban_jasa);
                    $("#denda_total").val(data.total_kewajiban_denda); 
                    $("#jumlah_total").val(data.total_kewajiban_kekurangan);

                    $("#angsur_pokok").val(data.angsuran.est_pokok);
                    $("#angsur_jasa").val(data.angsuran.est_jasa);
                    $("#denda").val(data.denda_rupiah_sekarang); 
                    $("#swk_persen").val(data.swk_persen); 
                    $("#swk_rp").val(data.swk_rupiah); 
                    if(formatMataUang(data.swk_persen) == 0){
                        $("#swk_rp").attr('readonly', true);
                    }
                    $("#potongan").val("0"); 
                    $("#total_bayar").val(data.total_bayar_semua); 

                    $("#sisa_pokok_berikutnya").val(data.jum_pokok_berikutnya);
                    $("#sisa_jasa_berikutnya").val(data.jum_jasa_berikutnya);
                    $("#pokok_dan_jasa").val(data.jum_pokokjasa_berikutnya);

                    if(data.rek_swk.length != 0){
                        for(var i = 0; i < data.rek_swk.length; i++){
                            htmlSwk += '<option value="'+data.rek_swk[i].id+'">'+data.rek_swk[i].no_rekening+'</option>';
                        }
                    }else{
                        htmlSwk += '<option value="">Pilih No. Rek SWK</option>';
                    } 
                    $("#swk_id").html(htmlSwk);   

                    if(data.rek_jasa.length != 0){
                        for(var i = 0; i < data.rek_jasa.length; i++){
                            htmlJasa += '<option value="'+data.rek_jasa[i].id+'">'+data.rek_jasa[i].no_rekening+'</option>';
                        }
                    }else{
                        htmlJasa += '<option value="">Pilih No. Rek Jasa</option>';
                    } 
                    $("#jasa_id").html(htmlJasa); 

                    apakahLunas();
                    // if(data.list_status_pinjaman.length != 0){
                    //     htmlStatus += '<option value="'+data.list_status_pinjaman.id+'">'+data.list_status_pinjaman.nama+'</option>';
                    // }else{
                    //     htmlStatus += '<option value="">Pilih Status Pinjaman</option>';
                    // } 
                    // $("#status_pinjaman").html(htmlStatus);
                });
            });

            // 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;
            };

            $.validator.methods.cek_jasa = function(value, element, param) {
                var jasa_persen = $("#jasa_persen").val();
                jasa_persen = formatMataUang(jasa_persen);

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

            $("#form-penerimaan-angsuran").validate({
                ignore: [],   
                rules: {
                    no_pinjaman: "required",
                    swk_id:{
                        cek_swk: true
                    },
                    jasa_id:{
                        cek_jasa: true
                    },
                },
                messages: {
                    no_pinjaman: "Kolom no pinjaman harus diisi",
                    swk_id:{
                        cek_swk: "Kolom no rek SWK harus diisi"
                    },
                    jasa_id:{
                        cek_jasa: "Kolom no rek jasa 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