<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>SIMN Smada</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
	<link href="<?php echo base_url() ?>public/css/bootstrap.css" rel="stylesheet">
	<link rel="stylesheet" href="<?php echo base_url() ?>public/css/datepicker.css">
	<script src="<?php echo base_url() ?>public/js/jquery.js"></script>
	<script src="<?php echo base_url() ?>public/js/bootstrap.js"></script>
	<script src="<?php echo base_url() ?>public/js/bootstrap-datepicker.js"></script>
	<style>
	.datepicker{z-index:1151;}
	</style>
	<script>
		jQuery(function($){
		    $("#tanggal").datepicker({
			format:'yyyy-mm-dd'
		    });
                });
	</script>
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="<?php echo base_url() ?>public/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">SIMN Smada</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="<?php echo base_url() ?>wonggundul/panel_admin">Home</a></li>
			  <li class="active"><a href="<?php echo base_url() ?>wonggundul/logout">Logout</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->

      <!-- Example row of columns -->
      <div class="hero-unit">
		<h3>Data Guru Mapel</h3><br/><br/>
        <?php 
			$form = array(
				'method' => 'post'
			);
			
			echo form_open('gurumapel/update_guru');
		?>
		<?php 
			foreach($guru as $gurua) {
				$id = $gurua->id_guru;
				$nip = $gurua->NIP_guru;
				$nama = $gurua->nama_guru;
				$alamat = $gurua->alamat_guru;
				$tempat = $gurua->tempat_lahir_guru;
				$tgl = $gurua->tanggal_lahir_guru;
				$pass = $gurua->password;
			}
		?>
		<center>
		<table border="0" cellpadding="5" cellspacing="0">
		<tbody>
		<tr>
			<td class="span2">NIP Guru</td>
			<td>:</td>
			<td>
				<input name="nip" value="<?php echo $nip ?>" type="text" id="induk" size="30" required="required"/>
				<input name="id" value="<?php echo $id ?>" type="hidden" />
			</td>
		</tr>
		<tr>
			<td>Nama Guru</td>
			<td>:</td>
			<td><input name="nama" value="<?php echo $nama ?>" type="text" id="nama_depan" size="30" required="required"/></td>
		</tr>
		<tr>
			<td>Alamat Guru</td>
			<td>:</td>
			<td><input name="alamat" value="<?php echo $alamat ?>" type="text" size="20" required="required"/></td>
		</tr>
		<tr>
			<td>Tempat Lahir</td>
			<td>:</td>
			<td>
				<input name="tempat_lahir" value="<?php echo $tempat ?>" type="text" id="tempat_lahir" size="20" required="required"/>
			</td>
		</tr>
		<tr>
			<td>Tanggal Lahir</td>
			<td>:</td>
			<td><input type="text" value="<?php echo $tgl ?>" id="tanggal" name="tanggal" required="required"></td>
		</tr>
		<tr>
			<td>Password</td>
			<td>:</td>
			<td><input name="pass" value="<?php echo $pass ?>" type="text" id="ortu" size="60" required="required"/></td>
		</tr>
		<tr>
			<td colspan="3">
				<center>
				<button class="btn btn-large btn-primary" type="submit">Submit</button>
				<button class="btn btn-large" type="reset">Reset</button>
				</center>
			</td>
		</tr>
		</tbody>
		</table>
		</center>
		<?php echo form_close(); ?>
      </div>

      <hr>

      <footer>
        <p>Copyright &copy; ERA 2014</p>
      </footer>

    </div> <!-- /container -->
	<script src="<?php echo base_url() ?>public/js/jquery.js"></script>
	<script src="<?php echo base_url() ?>public/js/bootstrap-modal.js"></script>
	<script src="<?php echo base_url() ?>public/js/bootstrap-transition.js"></script>
	<script src="<?php echo base_url() ?>public/js/bootstrap-datepicker.js"></script>

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="<?php echo base_url() ?>public/js/jquery.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-transition.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-alert.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-modal.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-dropdown.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-scrollspy.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-tab.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-tooltip.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-popover.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-button.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-collapse.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-carousel.js"></script>
    <script src="<?php echo base_url() ?>public/js/bootstrap-typeahead.js"></script>

  </body>
</html>
