[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/smk/application/views/akademik/siswa/ [ Home ]
File: add_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Tambah Siswa
		<small>Penambahan Siswa</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Tambah Siswa</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('akademik/siswa/add','id="form-tambah-siswa"')?>
	<div class="row">
        <div class="col-md-3">
                <div class="box">
					<div class="box-header with-border">
    					<div class="box-title">Referensi</div>
                    </div><!-- /.box-header -->
					
                    <div class="box-body">
							<div class="form-group">
								<label>Tahun Ajaran</label>
                                <input type="text" class="form-control input-sm" name="info-thnajaran" id="info-thnajaran" value="<?php if(!empty($info_thnajaran)){ echo $info_thnajaran; }else{ echo 'BELUM AKTIF'; } ?>" readonly>
                            </div>
							<div class="form-group">
                                <label>Tingkat</label>
                                <select name="info-tingkat" id="info-tingkat" class="form-control input-sm">
									<?php 
										if(!empty($info_tingkat)){ echo $info_tingkat; }
									?>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Kelas</label>
								<div id="data-kelas">
                                <select name="info-kelas" id="info-kelas" class="form-control input-sm">
									<option value="kosong">KOSONG</option>
                                </select>
								</div>
                            </div>
							<div class="form-group">
                                <label>Keterangan</label>
                                <textarea class="form-control input-sm" rows="3" name="info-keterangan" id="info-keterangan"  readonly><?php if(!empty($info_keterangan)){ echo $info_keterangan; }else{ echo ''; } ?></textarea>
                            </div> 							
                    </div>
                </div>
        </div>
    
        <div class="col-md-9">
                <div class="box">
                    <div class="box-header with-border">
    					<div class="box-title">Data Siswa</div>
                    </div><!-- /.box-header -->

                    <div class="box-body">
                        <div class="row">
							<div class="col-md-12 form-horizontal">
								<div id="form-pesan"></div>
								<div class="form-group">
									<label class="col-sm-3 control-label">NIS</label>
									<div class="col-sm-6">
										<input type="text" class="form-control input-sm" id="nis" name="nis" placeholder="Nomor Induk Siswa">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Nama</label>
									<div class="col-sm-9">
										<input type="text" class="form-control input-sm" id="nama" name="nama" placeholder="Nama Siswa">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Jenis Kelamin</label>
									<div class="col-sm-6">
										<select name="kelamin" id="kelamin" class="form-control input-sm">
											<option value="LAKI-LAKI">Laki Laki</option>
											<option value="PEREMPUAN">Perempuan</option>                                
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Alamat</label>
									<div class="col-sm-9">
										<input type="text" class="form-control input-sm" id="alamat" name="alamat" placeholder="Alamat Siswa">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<div class="row">
											<div class="col-sm-4">
												<input type="text" class="form-control input-sm" id="desa" name="desa" placeholder="Desa">
											</div>
											<div class="col-sm-4">
												<input type="text" class="form-control input-sm" id="kecamatan" name="kecamatan" placeholder="Kecamatan">
											</div>
											<div class="col-sm-4">
												<input type="text" class="form-control input-sm" id="kabupaten" name="kabupaten" placeholder="Kabupaten">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">No. HP</label>
									<div class="col-sm-9">
										<input type="text" class="form-control input-sm" id="hp" name="hp" placeholder="Nomor HP Siswa">
									</div>
								</div>
							</div>
						</div>                     
                    </div>
                </div>
				
				<div class="box">
                    <div class="box-header with-border">
    					<div class="box-title">Data Wali</div>
                    </div><!-- /.box-header -->

                    <div class="box-body">
                        <div class="row">
							<div class="col-md-12 form-horizontal">
								<div class="form-group">
									<label class="col-sm-3 control-label">Nama</label>
									<div class="col-sm-9">
										<input type="text" class="form-control input-sm" id="wali-nama" name="wali-nama" placeholder="Nama Wali">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Jenis Kelamin</label>
									<div class="col-sm-6">
										<select name="wali-kelamin" id="wali-kelamin" class="form-control input-sm">
											<option value="LAKI-LAKI">Laki Laki</option>
											<option value="PEREMPUAN">Perempuan</option>                                
										</select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">Alamat</label>
									<div class="col-sm-9">
										<input type="text" class="form-control input-sm" id="wali-alamat" name="wali-alamat" placeholder="Alamat Wali">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label"></label>
									<div class="col-sm-9">
										<div class="row">
											<div class="col-sm-4">
												<input type="text" class="form-control input-sm" id="wali-desa" name="wali-desa" placeholder="Desa">
											</div>
											<div class="col-sm-4">
												<input type="text" class="form-control input-sm" id="wali-kecamatan" name="wali-kecamatan" placeholder="Kecamatan">
											</div>
											<div class="col-sm-4">
												<input type="text" class="form-control input-sm" id="wali-kabupaten" name="wali-kabupaten" placeholder="Kabupaten">
											</div>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">No. HP</label>
									<div class="col-sm-9">
										<input type="text" class="form-control input-sm" id="wali-hp" name="wali-hp" placeholder="Nomor HP Walli">
									</div>
								</div>
							</div>
						</div>                     
                    </div>
					<div class="box-footer">
						<a href="<?php echo site_url()?>/akademik/siswa" class="btn btn-default">Kembali</a>
						<button type="submit" id="btn-simpan" class="btn btn-info pull-right">Simpan</button>
					</div>
                </div>
        </div>
    </div>
</form>
</section><!-- /.content -->

<script lang="javascript">
	function refresh_kelas(tingkat){
		$("#modal-proses").modal('show');
		$.getJSON('<?php echo site_url()?>/akademik/siswa/get_kelas2/'+tingkat+'', function(data){
            var $kelas = $('#info-kelas');
            $kelas.empty();
			$.each(data.data, function(key, val){
                $kelas.append('<option value="' + val.id + '">' + val.kelas +'</option>');
			});
		});
		$("#modal-proses").modal('hide');
	}
	
    $(function(){
		$("#info-tingkat").change(function(){
			refresh_kelas($('#info-tingkat').val());
		});
		
        $('#form-tambah-siswa').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/akademik/siswa/add",
     			    type:"POST",
     			    data:$('#form-tambah-siswa').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan').html('');
							}, 2000);
							$('#nis').val('');
							$('#nama').val('');
							$('#alamat').val('');
							$('#desa').val('');
							$('#kecamatan').val('');
							$('#kabupaten').val('');
							$('#hp').val('');
							$('#wali-nama').val('');
							$('#wali-alamat').val('');
							$('#wali-desa').val('');
							$('#wali-kecamatan').val('');
							$('#wali-kabupaten').val('');
							$('#wali-hp').val('');
							$('#nis').focus();
							$(window).scrollTop(0);
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan').html('');
							}, 10000);
          		        }
         			}
      		});
            
      		return false;
        });
		 
		 $( document ).ready(function() {
				refresh_kelas($('#info-tingkat').val());
				$('#nis').focus();
		 });
    });
</script>