[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/BACKUP C 19-12/XAMPP74/htdocs/smk/application/views/keuangan/penerimaan/ [ Home ]
File: penerimaan_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Transaksi Penerimaan
		<small>Transaksi penerimaan iuran dari siswa sesuai dengan Jenis Iuran.</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Transaksi Penerimaan</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
	<div class="row">
        <div class="col-md-5">
        	<!-- Custom Tabs (Pulled to the right) -->
        	<div class="nav-tabs-custom">
		    	<ul class="nav nav-tabs">
		        	<li class="active"><a href="#tab-siswa-aktif" id="btn-tab-siswa-aktif" data-toggle="tab">Siswa Aktif</a></li>
		            <li><a href="#tab-siswa-lulus" id="btn-tab-siswa-lulus" data-toggle="tab">Siswa Lulus</a></li>
		        </ul>
		        <div class="tab-content">
		        	<div class="tab-pane active form-horizontal" id="tab-siswa-aktif">
			        	<div class="form-group">
	                      	<label class="col-sm-3 control-label">Tingkat</label>
	                      	<div class="col-sm-9">
	                      		<input type="hidden" class="form-control" id="pilihan-siswa" name="pilihan-siswa" value="aktif">
	                        	<select class="form-control input-sm" name="info-tingkat-aktif" id="info-tingkat-aktif">
		                        	<?php if(!empty($info_tingkat)){ echo $info_tingkat; } ?>
		                        </select>
	                      	</div>
	                    </div>
	                    <div class="form-group">
	                      	<label class="col-sm-3 control-label">Jurusan</label>
	                      	<div class="col-sm-9">
	                        	<select class="form-control input-sm" name="info-jurusan-aktif" id="info-jurusan-aktif">
		                        	<?php if(!empty($info_jurusan)){ echo $info_jurusan; } ?>
		                        </select>
	                      	</div>
	                    </div>
		            </div><!-- /.tab-pane -->
		            <div class="tab-pane form-horizontal" id="tab-siswa-lulus">
			            <div class="form-group">
	                      	<label class="col-sm-3 control-label">Tahun Ajaran</label>
	                      	<div class="col-sm-9">
	                        	<select class="form-control input-sm" name="info-thnajaran-lulus" id="info-thnajaran-lulus">
		                        	<?php if(!empty($info_thnajaran_lulus)){ echo $info_thnajaran_lulus; } ?>
		                        </select>
	                      	</div>
	                    </div>
	                    <div class="form-group">
	                      	<label class="col-sm-3 control-label">Jurusan</label>
	                      	<div class="col-sm-9">
	                        	<select class="form-control input-sm" name="info-jurusan-lulus" id="info-jurusan-lulus">
		                        	<?php if(!empty($info_jurusan)){ echo $info_jurusan; } ?>
		                        </select>
	                      	</div>
	                    </div>
		            </div><!-- /.tab-pane -->
		        </div><!-- /.tab-content -->
		    </div><!-- nav-tabs-custom -->
        	
        	<div class="box">
            	<div class="box-body">
					<table id="table-siswa" class="table table-bordered table-hover table-condensed responsive">
                    	<thead>
                        	<tr>
	                            <th> </th>
	                            <th>Nama</th>
	                            <th>Pilih</th>
                        	</tr>
                        </thead>
                        <tbody>
                        	<tr>
								<td> </td>
                                <td> </td>
                                <td> </td>
                            </tr>
                        </tbody>
                    </table>  
                </div>
			</div>
        </div>
        <div class="col-md-7 hide" id="transaksi">
        	<?php echo form_open($url.'/simpan_pembayaran','id="form-pembayaran"'); ?>
        	<div class="box">
            	<div class="box-body form-horizontal">
					<div class="form-group">
						<label class="col-sm-3 control-label">NIS</label>
	                    <div class="col-sm-9">
	                    	<input type="hidden" id="transaksi-siswa-id" name="transaksi-siswa-id" >
	                    	<label class="control-label" id="transaksi-siswa-nis">NIS</label>
		                </div>
		            </div>
		            <div class="form-group">
						<label class="col-sm-3 control-label">Nama Siswa</label>
	                    <div class="col-sm-9">
	                    	<label class="control-label" id="transaksi-siswa-nama">Nama Siswa</label>
		                </div>
		            </div>
		            <div class="form-group">
						<label class="col-sm-3 control-label">Penerimaan</label>
	                    <div class="col-sm-9">
	                    	<select class="form-control input-sm" name="transaksi-jenis-penerimaan" id="transaksi-jenis-penerimaan">
		                    	<?php if(!empty($jenis_penerimaan)){ echo $jenis_penerimaan; }else{
		                    		echo '<option value="kosong">Pilih Jenis Penerimaan</option>';
		                    	} ?>
		                    </select>
		                </div>
		            </div>
		            <div class="form-group">
						<label class="col-sm-3 control-label">Total Tagihan</label>
	                    <div class="col-sm-9">
	                    	<label class="control-label" id="transaksi-total-tagihan">Total Tagihan</label>
		                </div>
		            </div>
		            <div class="form-group">
						<label class="col-sm-3 control-label">Total Angsuran</label>
	                    <div class="col-sm-9">
	                    	<label class="control-label" id="transaksi-total-angsuran">Total Angsuran</label>
		                </div>
		            </div>
                </div>
			</div>
			<div class="box hide" id="pembayaran">
            	<div class="box-body form-horizontal">
            		<div id="form-pesan"></div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Jenis Transaksi</label>
	                    <div class="col-sm-9">
	                    	<select class="form-control input-sm" name="transaksi-jenis-transaksi" id="transaksi-jenis-transaksi">
		                    	<option value="1">Pembayaran</option>
		                    	<option value="2">Potongan</option>
		                    </select>
		                </div>
		            </div>
		            <div class="form-group">
						<label class="col-sm-3 control-label">Jumlah Angsuran</label>
	                    <div class="col-sm-9">
	                    	<input type="text" class="form-control input-sm" id="transaksi-jumlah-angsuran" name="transaksi-jumlah-angsuran">
		                </div>
		            </div>
		            <div class="form-group" id="pembayaran-keterangan">
						<label class="col-sm-3 control-label">Keterangan</label>
	                    <div class="col-sm-9">
	                    	<input type="text" class="form-control input-sm" id="transaksi-keterangan" name="transaksi-keterangan">
	                    	<p class="help-block">Keterangan diisi untuk transaksi Potongan.</p>
		                </div>
		            </div>
                </div>
                <div class="box-footer with-border">
    				<button type="submit" class="btn btn-primary pull-right" id="btn-transaksi" title="Simpan Transaksi">Simpan</button>
                </div><!-- /.box-header -->
			</div>
			</form>

			<div class="box hide" id="data-angsuran">
				<div class="box-header with-border">
    				<div class="box-title">Data Angsuran</div>
                </div><!-- /.box-header -->
            	<div class="box-body">
					<table id="table-angsuran" class="table table-bordered table-hover table-condensed responsive">
                    	<thead>
                        	<tr>
	                            <th> </th>
	                            <th>Tanggal</th>
	                            <th>Jumlah</th>
	                            <th class="none">Keterangan</th>
	                            <th class="none">Petugas</th>
	                            <th></th>
                        	</tr>
                        </thead>
                        <tbody>
                        	<tr>
								<td> </td>
								<td> </td>
                                <td> </td>
                                <td> </td>
                                <td> </td>
                                <td> </td>
                            </tr>
                        </tbody>
                    </table>  
                </div>
			</div>
        </div>
    </div>
</section><!-- /.content -->

<script lang="javascript">
	function refresh_table(){
		$('#table-siswa').dataTable().fnReloadAjax();
	}

	function refresh_table_angsuran(){
		$('#table-angsuran').dataTable().fnReloadAjax();
	}

	function cetaknota(jurnal_id){
		window.open('<?php echo site_url().'/'.$url; ?>/cetak_nota/'+jurnal_id,
        'open_window',
        'menubar=no, toolbar=no, status=no, scrollbars=no, resizable=no, dependent, width=400, height=650');
	}

	function pilihsiswa(id_siswa){
		$("#modal-proses").modal('show');
        $.getJSON('<?php echo site_url().'/'.$url; ?>/get_identitas_tagihan/'+id_siswa, function(data){
            if(data.data==1){
                $('#transaksi-siswa-id').val(data.siswa_id);
                $('#transaksi-siswa-nis').html(data.siswa_nis);
                $('#transaksi-siswa-nama').html(data.siswa_nama);
                $('#transaksi-jenis-penerimaan').html(data.jenis_penerimaan);
                $('#transaksi-total-angsuran').html('Pilih Penerimaan terlebih Dahulu');
                $('#transaksi-total-tagihan').html('Pilih Penerimaan terlebih Dahulu');

                $('#transaksi').removeClass('hide');
                $('#data-angsuran').addClass('hide');
    			$('#pembayaran').addClass('hide');
            }
            $("#modal-proses").modal('hide');
        });
	}

    $(function(){
    	$('#btn-tab-siswa-lulus').on('shown.bs.tab', function(){
	        $('#pilihan-siswa').val('lulus');
	        refresh_table();
	    });
	    $('#btn-tab-siswa-aktif').on('shown.bs.tab', function(){
	        $('#pilihan-siswa').val('aktif');
	        refresh_table();
	    });
	    $('#info-jurusan-aktif').change(function(){
    		refresh_table();
    	});
    	$('#info-tingkat-aktif').change(function(){
    		refresh_table();
    	});
    	$('#info-jurusan-lulus').change(function(){
    		refresh_table();
    	});
    	$('#info-thnajaran-lulus').change(function(){
    		refresh_table();
    	});
    	$('#transaksi-jenis-penerimaan').change(function(){
    		var jenis_penerimaan = $('#transaksi-jenis-penerimaan').val();
    		if(jenis_penerimaan=='kosong'){
    			$('#data-angsuran').addClass('hide');
    			$('#pembayaran').addClass('hide');
    			$('#transaksi-total-angsuran').html('Pilih Penerimaan terlebih Dahulu');
                $('#transaksi-total-tagihan').html('Pilih Penerimaan terlebih Dahulu');
                refresh_table_angsuran();
    		}else{
    			$("#modal-proses").modal('show');
		        $.getJSON('<?php echo site_url().'/'.$url; ?>/get_tagihan/'+jenis_penerimaan, function(data){
		            if(data.data==1){
		                $('#transaksi-total-angsuran').html(data.total_angsuran);
		                $('#transaksi-total-tagihan').html(data.total_tagihan);

		                $('#transaksi-jumlah-angsuran').val('');
		                $('#transaksi-keterangan').val('');

		                $('#transaksi').removeClass('hide');
		                $('#data-angsuran').removeClass('hide');
		    			$('#pembayaran').removeClass('hide');
		    			$('#form-pesan').html('');

		    			$('#transaksi-jumlah-angsuran').focus();

		    			// refresh table angsuran sesuai tagihan siswa
		    			refresh_table_angsuran();
		            }
		            $("#modal-proses").modal('hide');
		        });
    		}
    	});

    	$('#form-pembayaran').submit(function(){
            $("#modal-proses").modal('show');
            $.ajax({
                    url:"<?php echo site_url().'/'.$url; ?>/simpan_pembayaran",
                    type:"POST",
                    data:$('#form-pembayaran').serialize(),
                    cache: false,
                    async: false,
                    success:function(respon){
                        var obj = $.parseJSON(respon);
                        if(obj.status==1){
                            $("#form-pesan").html('');
                            $("#modal-proses").modal('hide');
                            $('#transaksi-total-angsuran').html(obj.total_angsuran);
                            $('#transaksi-jumlah-angsuran').val('');
		                	$('#transaksi-keterangan').val('');

                            notify_success(obj.pesan);
                            refresh_table_angsuran();

                            // Cetak Nota
                            cetaknota(obj.jurnal_id);
                        }else{
                            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
                        }
                    }
            });
            return false;
        });

	    $('#table-siswa').DataTable({
                  "paging": true,
                  "iDisplayLength":25,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": true,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
    					{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false, "sWidth":"70px"}],
                  "sAjaxSource": "<?php echo site_url().'/'.$url; ?>/get_datatable_siswa/",
                  "aLengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]],
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
		            aoData.push( { "name": "tingkat_aktif", "value": $('#info-tingkat-aktif').val()} );
		            aoData.push( { "name": "jurusan_aktif", "value": $('#info-jurusan-aktif').val()} );
		            aoData.push( { "name": "thnajaran_lulus", "value": $('#info-thnajaran-lulus').val()} );
		            aoData.push( { "name": "jurusan_lulus", "value": $('#info-jurusan-lulus').val()} );
		            aoData.push( { "name": "pilihan_siswa", "value": $('#pilihan-siswa').val()} );
				  }
		});

		$('#table-angsuran').DataTable({
                  "paging": true,
                  "iDisplayLength":10,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": false,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
    					{"bSearchable": false, "bSortable": false},
    					{"bSearchable": false, "bSortable": false},
    					{"bSearchable": false, "bSortable": false},
    					{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false, "sWidth":"30px"}],
                  "sAjaxSource": "<?php echo site_url().'/'.$url; ?>/get_datatable_angsuran/",
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
		            aoData.push( { "name": "tagihan_id", "value": $('#transaksi-jenis-penerimaan').val()} );
				  }
		});
    });
</script>