@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">Transaksi Simpanan</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)">Simpanan</a></li>
                <li class="active">Transaksi Simpanan</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('simpanan/trans-simpanan') }}"><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('simpanan/trans-simpanan/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($listTransaksiSimpanan, ['method'=>'PATCH', 'route'=> ['trans-simpanan.update', $listTransaksiSimpanan->id.$var['url']['all']], 'id'=>'form-trans-simpanan', 'class'=>'form-horizontal', 'files'=>true]) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-trans-simpanan', 'method'=>'POST', 'route'=>'trans-simpanan.store', 'class'=>'form-horizontal', 'files'=>true]) !!}
                                @else
                                    {!! Form::model($listTransaksiSimpanan, ['class'=>'form-horizontal', 'files'=>true]) !!}
                                @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_transaksi', 'No. Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-4">
                                                {!! Form::text('no_transaksi', ($var['method']=='create'?$var['no_trans']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Transaksi',  'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>
                                        <legend></legend>
                                        <div class="form-group">
                                            {!! Form::label('no_rekening', 'No. Rekening', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                 <div class="input-group">
                                                    {!! Form::text('no_rekening', ($var['method']=='edit'||$var['method']=='show'?$listTransaksiSimpanan->simpananRekening['no_rekening']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan No. Rekening',  'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-btn">
                                                        <a class="btn waves-effect waves-light btn-info" @if($var['method']=='create') onclick="loadData()" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" @endif class="model_img img-responsive">Cari</a>
                                                    </span>
                                                </div>
                                                {!! Form::hidden('rek_simpanan_id', ($var['method']=='edit'||$var['method']=='show'?$listTransaksiSimpanan->simpananRekening['id']:null), ['class'=>'form-control', 'id'=>'rek_simpanan_id']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('produk_simpanan', 'Produk Simpanan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('produk_simpanan', ($var['method']=='edit'||$var['method']=='show'?$listTransaksiSimpanan->simpananRekening->produkSimpanan['nama_simpanan']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Produk Simpanan', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

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

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

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

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

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

                                        <div class="form-group">
                                            {!! Form::label('alamat', 'Alamat', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::text('alamat', ($var['method']=='edit'||$var['method']=='show'?$listTransaksiSimpanan->simpananRekening->anggota['alamat']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Alamat', '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_id', ($var['method']=='edit'||$var['method']=='show'?$listTransaksiSimpanan->simpananRekening->anggota->statusAnggota['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Status Anggota', 'readonly'=>$var['readonly']]) !!}
                                            </div>
                                        </div>

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

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

                                        <legend><b>5 Transaksi Sebelumnya</b></legend>
                                        <div id="areaTabel"></div>

                                        <legend><b>Detail Transaksi</b></legend>

                                        <div class="form-group">
                                            {!! Form::label('smk_simpanan_id', 'Kode Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::select('smk_simpanan_id', $var['kode_simpan'],
                                                    null, ['class'=>'form-control', 'placeholder'=>'Pilih Kode Transaksi', 'onchange'=>'saldoSekarang()']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('jumlah', 'Jumlah Setoran', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                <div class="input-group">
                                                    {!! Form::text('jumlah', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Jumlah Setoran', 'onkeyup'=>'mataUang("jumlah"); saldoSekarang()']) !!}
                                                    <span class="input-group-addon" id="basic-addon2"><b id="textSetoran">Minimal Setoran Rp 0</b></span>
                                                </div>
                                                {!! Form::hidden('jumlah_setoran_hidden', 0, ['class'=>'form-control', 'id'=>'jumlah_setoran_hidden']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('saldo', 'Saldo Sekarang', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                <div class="input-group">
                                                    {!! Form::text('saldo', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Saldo Sekarang', 'readonly'=>$var['readonly']]) !!}
                                                    <span class="input-group-addon" id="basic-addon2"><b id="textMinimalSaldo">Minimal Saldo Rp 0</b></span>
                                                </div>
                                                {!! Form::hidden('jumlah_saldo_minimal_hidden', 0, ['class'=>'form-control', 'id'=>'jumlah_saldo_minimal_hidden']) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('petugas', 'Petugas', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                            <div class="col-lg-10">
                                                {!! Form::select('petugas', $var['petugas'],
                                                    null, ['class'=>'form-control select2', 'placeholder'=>'Pilih Petugas']) !!}
                                            </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/'.$listTransaksiSimpanan->simpananRekening->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('simpanan/trans-simpanan/cetak-bukti') }}" target="_blank" class="btn btn-info btn-block">Cetak Bukti Transaksi Simpanan</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="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="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 Rekening</h4> </div>
                <div class="modal-body">
                    <form method="GET" action="" id="formCari">
                        <div class="input-group m-bot15">
                            <input name="cari" id="cari" type="text" class="form-control" placeholder="Inputkan Pencarian">
                            <span class="input-group-btn">
                                <button class="btn btn-info" type="submit">Cari</button>
                            </span>
                        </div>
                    </form>
                    <br />

                    <br />
                    <div id="areaAKunModal"></div>
                </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
@endsection

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

        function saldoSekarang(){
            var saldoTerakhir = $('#saldo_terakhir').val();
            var kodeTransaksi = $('#smk_simpanan_id').val();
            var setoran = $('#jumlah').val();
            
            saldoTerakhir = formatMataUang(saldoTerakhir);
            setoran = formatMataUang(setoran);

            if(saldoTerakhir == ""){saldoTerakhir = 0;}
            if(setoran == ""){setoran = 0;}
            
            if(kodeTransaksi == '9' || kodeTransaksi == '11'){
                var saldoSekarang = eval(saldoTerakhir) + eval(setoran);
            }else if(kodeTransaksi == '10'){
                var saldoSekarang = eval(saldoTerakhir) - eval(setoran);
            }

            saldoSekarang = mataUang2(saldoSekarang);
            $('#saldo').val(saldoSekarang);
        }

        $(document).ready(function() {  4

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

            $("#areaTabel").load('{!! url('/simpanan/trans-simpanan/list-transaksi-terakhir') !!}');
            @if($var['method']=='edit' || $var['method']=='show')
                var pk = '{{ $listTransaksiSimpanan->id  }}';
                $('#jumlah_setoran_hidden').val(formatMataUang('{{ $listTransaksiSimpanan->simpananRekening->produkSimpanan->minimal_transaksi }}'));
                $('#jumlah_saldo_minimal_hidden').val(formatMataUang('{{ $listTransaksiSimpanan->simpananRekening->produkSimpanan->minimal_saldo }}'));
                $('#textSetoran').html('Minimal Setoran Rp {{ $listTransaksiSimpanan->simpananRekening->produkSimpanan->minimal_transaksi }}');
                $('#textMinimalSaldo').html('Minimal Saldo Rp {{ $listTransaksiSimpanan->simpananRekening->produkSimpanan->minimal_saldo }}');
                $("#areaTabel").load('{!! url('/simpanan/trans-simpanan/list-transaksi-terakhir?id='.$listTransaksiSimpanan->simpananRekening['id'].'&aksi='.$var['method'].'&id_transaksi='.$listTransaksiSimpanan->id) !!}');
            @else
                var pk = null;
            @endif

            var jumMinimalSetoran = $('#jumlah_setoran_hidden').val();
            var jumMinimalSaldo = $('#jumlah_saldo_minimal_hidden').val();

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

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

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

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

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

                $.ajax({
                    method : 'post',
                    url : '{{ url('/simpanan/trans-simpanan/list-rekening') }}',
                    data : 'id='+id,
                }).success(function (data) {
                    // console.log(data);
                    $("#cari").val("");
                    $("#no_rekening").val(data.no_rekening);
                    $("#rek_simpanan_id").val(data.id);
                    $("#produk_simpanan").val(data.produk_simpanan.nama_simpanan);
                    $("#no_anggota").val(data.anggota.no_anggota);
                    $("#nama").val(data.anggota.nama);
                    $("#no_identitas").val(data.anggota.no_identitas);
                    $("#tanggal_daftar").val(data.anggota.tanggal_daftar);
                    $("#no_registrasi").val(data.anggota.no_registrasi);
                    $("#alamat").val(data.anggota.alamat);
                    $("#status_anggota_id").val(data.anggota.status_anggota.nama);
                    $("#tgl_transaksi_terakhir").val(data.tgl_transaksi_terakhir);
                    $("#saldo_terakhir").val(data.saldo);
                    $("#areaFoto").load('{!! url('/simpanan/trans-simpanan/area-foto?foto=') !!}'+data.anggota.foto);
                    $("#areaTabel").load('{!! url('/simpanan/trans-simpanan/list-transaksi-terakhir?aksi='.$var['method'].'&id=') !!}'+data.id);

                    $('#textSetoran').html('Minimal Setoran Rp '+data.produk_simpanan.minimal_transaksi);

                    jumMinimalSetoran = formatMataUang(data.produk_simpanan.minimal_transaksi);
                    $("#jumlah_setoran_hidden").val(jumMinimalSetoran);

                    $('#textMinimalSaldo').html('Minimal Saldo Rp '+data.produk_simpanan.minimal_saldo);

                    jumMinimalSaldo= formatMataUang(data.produk_simpanan.minimal_saldo);
                    $("#jumlah_saldo_minimal_hidden").val(jumMinimalSaldo);

                    $("#saldo").val(data.saldo);

                    $('#smk_simpanan_id').val('');
                    $('#jumlah').val('');
                });
            });

            // this one requires the value to be the same as the first parameter
            $.validator.methods.minimalSetoran = function(value, element, param) {
                value2 = formatMataUang(value);

                var transaksi = $("#smk_simpanan_id").val();
                // console.log(transaksi);
                // console.log(value2);
                // console.log(jumMinimalSetoran);
                if((Number(value2) < Number(jumMinimalSetoran)) && (transaksi != '11')){
                    return false;
                }
                return true;
            };

            $.validator.methods.minimalSaldo = function(value, element, param) {
                value2 = formatMataUang(value);
                // console.log(value2);
                // console.log(jumMinimalSaldo);
                if(Number(value2) < Number(jumMinimalSaldo)){
                    return false;
                }
                return true;
            };

            $("#form-trans-simpanan").validate({
                rules: {
                    no_rekening: "required",
                    smk_simpanan_id: "required",
                    jumlah: {
                        required: true,
                        minimalSetoran: true
                    },
                    saldo: {
                        required: true,
                        minimalSaldo: true
                    }
                },
                messages: {
                    no_rekening: "Kolom no rekening harus diisi",
                    smk_simpanan_id: "Kolom kode transaksi harus diisi",
                    jumlah: {
                        required: "Kolom saldo harus diisi",
                        minimalSetoran: "Saldo dibawah saldo minimal"
                    },
                    saldo: {
                        required: "Kolom saldo harus diisi",
                        minimalSaldo: "Saldo dibawah saldo minimal"
                    }
                }
            });

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