@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">Produk 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)">Pengaturan</a></li>
                <li class="active">Produk 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('pengaturan/produk-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('pengaturan/produk-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($listProdukSimpanan, ['method'=>'PATCH', 'route'=> ['produk-simpanan.update', $listProdukSimpanan->id.$var['url']['all']], 'id'=>'form-produk-simpanan', 'class'=>'form-horizontal']) !!}
                                @elseif($var['method']=='create')
                                    {!! Form::open(['id'=>'form-produk-simpanan', 'method'=>'POST', 'route'=>'produk-simpanan.store', 'class'=>'form-horizontal']) !!}
                                @else
                                    {!! Form::model($listProdukSimpanan, ['class'=>'form-horizontal']) !!}
                                @endif

                                    <div class="form-group">
                                        {!! Form::label('kode', 'Kode Produk Simpanan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::text('kode', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Kode Produk Simpanan']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('nama_simpanan', 'Nama Simpanan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::text('nama_simpanan', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Nama Simpanan']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('prefik_rekening', 'Prefik Rekening', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            <div class="input-group">
                                                {!! Form::text('prefik_rekening', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Prefik Rekening']) !!}
                                                <span class="input-group-addon" id="basic-addon2"><b>+ [Kode Anggota]</b></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('jenis_jasa', 'Jenis Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                            {!! Form::select('jenis_jasa', array('1' => 'Saldo Rata-Rata Harian', '2' => 'Saldo Minimal', '3' => 'Saldo Terakhir'),
                                                null, ['class'=>'form-control']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('bunga_per_bulan', 'Bunga Per Bulan (%)', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            <div class="input-group">
                                                {!! Form::text('bunga_per_bulan', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Bunga Per Bulan (%)', 'onkeyup'=>'mataUang("bunga_per_bulan")']) !!}
                                                <span class="input-group-addon" id="basic-addon2"><b>%</b></span>
                                            </div>
                                        </div>

                                        {!! Form::label('minimal_transaksi', 'Minimal Transaksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('minimal_transaksi', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Minimal Transaksi', 'onkeyup'=>'mataUang("minimal_transaksi")']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('minimal_setoran_awal', 'Minimal Setoran Awal', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('minimal_setoran_awal', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Minimal Setoran Awal', 'onkeyup'=>'mataUang("minimal_setoran_awal")']) !!}
                                        </div>

                                        {!! Form::label('bea_adm_bulanan', 'Bea Adm. Bulanan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::select('bea_adm_bulanan', array('1' => 'Nominal Rp.', '2' => 'Persen Saldo'),
                                                null, ['class'=>'form-control']) !!}
                                        </div>
                                    </div>

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

                                        {!! Form::label('jumlah', 'Jumlah (Rp / %)', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-4">
                                            {!! Form::text('jumlah', null, ['class'=>'form-control', 'placeholder'=>'Inputkan Jumlah', 'onkeyup'=>'mataUang("jumlah")']) !!}
                                        </div>
                                    </div>

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

                                        
                                        <div class="col-lg-4 col-lg-offset-2">
                                            {!! Form::checkbox('dihitung_dalam_shu', 1, null, ['class'=>'js-switch', 'data-color'=>'#3d3b3b', 'data-size'=>'medium']) !!}
                                            {!! Form::label('dihitung_dalam_shu', 'Dihitung Dalam Pembagian SHU', ['class' => 'control-label']) !!}
                                        </div>
                                       
                                    </div>

                                    <legend><b>Setting Akun</b></legend>

                                    <div class="form-group">
                                        {!! Form::label('nama_akun_kas', 'Akun Kas', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_kas', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailKas['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Kas', 'onblur'=>'hapusId("nama_akun_kas", "akun_kas_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('1', 'nama_akun_kas', 'akun_kas_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_kas_id', null, ['class'=>'form-control', 'id'=>'akun_kas_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_akun_simpanan', 'Akun Simpanan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_simpanan', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailSimpanan['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Simpanan', 'onblur'=>'hapusId("nama_akun_simpanan", "akun_simpanan_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('2|3', 'nama_akun_simpanan', 'akun_simpanan_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_simpanan_id', null, ['class'=>'form-control', 'id'=>'akun_simpanan_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_akun_bea_adm_pendaftaran', 'Akun Bea Adm. Pendaftaran', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_bea_adm_pendaftaran', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailBeaAdmPendaftaran['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Bea Adm. Pendaftaran', 'onblur'=>'hapusId("nama_akun_bea_adm_pendaftaran", "akun_bea_adm_pendaftaran_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('4', 'nama_akun_bea_adm_pendaftaran', 'akun_bea_adm_pendaftaran_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_bea_adm_pendaftaran_id', null, ['class'=>'form-control', 'id'=>'akun_bea_adm_pendaftaran_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_akun_bea_adm_bulanan', 'Akun Bea Adm. Bulanan', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_bea_adm_bulanan', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailBeaAdmBulanan['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Bea Adm. Bulanan', 'onblur'=>'hapusId("nama_akun_bea_adm_bulanan", "akun_bea_adm_bulanan_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('4', 'nama_akun_bea_adm_bulanan', 'akun_bea_adm_bulanan_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_bea_adm_bulanan_id', null, ['class'=>'form-control', 'id'=>'akun_bea_adm_bulanan_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_akun_beban_jasa', 'Akun Beban Jasa', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_beban_jasa', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailBebanJasa['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Beban Jasa', 'onblur'=>'hapusId("nama_akun_beban_jasa", "akun_beban_jasa_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('5', 'nama_akun_beban_jasa', 'akun_beban_jasa_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_beban_jasa_id', null, ['class'=>'form-control', 'id'=>'akun_beban_jasa_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_penutupan_rekening', 'Akun Penutupan Rekening', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_penutupan_rekening', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailPenutupanRekening['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Penutupan Rekening', 'onblur'=>'hapusId("nama_penutupan_rekening", "penutupan_rekening_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('4', 'nama_penutupan_rekening', 'penutupan_rekening_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('penutupan_rekening_id', null, ['class'=>'form-control', 'id'=>'penutupan_rekening_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_akun_pendapatan_koreksi', 'Akun Pendapatan Koreksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_pendapatan_koreksi', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailPendapatanKoreksi['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Pendapatan Koreksi', 'onblur'=>'hapusId("nama_akun_pendapatan_koreksi", "akun_pendapatan_koreksi_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('4', 'nama_akun_pendapatan_koreksi', 'akun_pendapatan_koreksi_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_pendapatan_koreksi_id', null, ['class'=>'form-control', 'id'=>'akun_pendapatan_koreksi_id']) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('nama_akun_biaya_koreksi', 'Akun Biaya Koreksi', ['class' => 'col-lg-2 col-sm-2 control-label']) !!}
                                        <div class="col-lg-10">
                                             <div class="input-group">
                                                {!! Form::text('nama_akun_biaya_koreksi', ($var['method']=='edit'||$var['method']=='show'?$listProdukSimpanan->tipeAkunDetailBiayaKoreksi['nama']:null), ['class'=>'form-control', 'placeholder'=>'Inputkan Akun Biaya Koreksi', 'onblur'=>'hapusId("nama_akun_biaya_koreksi", "akun_biaya_koreksi_id")']) !!}
                                                <span class="input-group-btn">
                                                    <a class="btn waves-effect waves-light btn-info" onclick="loadData('5', 'nama_akun_biaya_koreksi', 'akun_biaya_koreksi_id')" alt="default" data-toggle="modal" data-target=".bs-example-modal-lg" class="model_img img-responsive">Pilih Akun</a>
                                                </span>
                                            </div>
                                            {!! Form::hidden('akun_biaya_koreksi_id', null, ['class'=>'form-control', 'id'=>'akun_biaya_koreksi_id']) !!}
                                        </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 Akun</h4> </div>
                <div class="modal-body">
                    <input type="hidden" class="form-control" id="jenis_form">
                    <input type="hidden" class="form-control" id="nama_form1">
                    <input type="hidden" class="form-control" id="nama_form2">
                    <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(nilai, form1, form2){
            $("#jenis_form").val(nilai);
            $("#nama_form1").val(form1);
            $("#nama_form2").val(form2);
            $("#areaAKunModal").load('{!! url('/pengaturan/produk-simpanan/list-akun?akun=') !!}'+nilai);
        }

        function hapusId(form1, form2){
            var data = $("#"+form1).val();
            if(data == ""){
                $("#"+form2).val("");
            }
        }

        $(document).ready(function() {  
            $(document).on('change', '#bea_adm_bulanan', function(e){
                $('#jumlah').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();
                var nilai = $('#jenis_form').val();

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

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

                $.ajax({
                    url : '{{ url('/pengaturan/produk-simpanan/list-akun?') }}'+'cari='+cari+'&akun='+nilai
                }).success(function (data) {
                    //console.log(data);
                    $('#areaAKunModal').html(data);
                });
            });

            $(document).on('click', '#buttonPilih', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-value');
                var nilai = $('#jenis_form').val();
                var form1 = $('#nama_form1').val();
                var form2 = $('#nama_form2').val();

                $.ajax({
                    method : 'post',
                    url : '{{ url('/pengaturan/produk-simpanan/list-akun?') }}',
                    data : 'id='+id,
                }).success(function (data) {
                    // console.log(data);
                    $("#cari").val("");
                    $("#"+form2).val(data.id);
                    $("#"+form1).val(data.nama);
                });
            });

            @if($var['method']=='edit' || $var['method']=='show')
                var pk = '{{ $listProdukSimpanan->id  }}';
            @else
                var pk = null;
            @endif

            $("#form-produk-simpanan").validate({
                rules: {
                   kode: {
                        required: true,
                        remote: {
                            url: "{{ url('pengaturan/produk-simpanan/cek-validasi') }}",
                            type: "post",
                            data: {
                                'kolom': 'kode',
                                'aksi': '{{ $var['method'] }}',
                                'pk' : pk
                            }
                        }
                    },
                    nama_simpanan: "required",
                    prefik_rekening: {
                        required: true,
                        remote: {
                            url: "{{ url('pengaturan/produk-simpanan/cek-validasi') }}",
                            type: "post",
                            data: {
                                'kolom': 'prefik_rekening',
                                'aksi': '{{ $var['method'] }}',
                                'pk' : pk
                            }
                        }
                    },
                },
                messages: {
                    kode: {
                        required: "Kolom kode harus diisi",
                        remote: "Kode sudah digunakan"
                    },
                    nama_simpanan: "Kolom nama simpanan harus diisi",
                    prefik_rekening: {
                        required: "Kolom prefik rekening harus diisi",
                        remote: "Prefik Rekening sudah digunakan"
                    }
                }
            });

        });
          
    </script>
@endsection