<div class="content-wrapper">
    <div class="page-title">
      <div>
        <h1><i class="fa fa-gear"></i> Control Panel</h1>
      </div>
      <div>
        <ul class="breadcrumb">
          <li><i class="fa fa-home fa-lg"></i></li>
          <li><a href="<?php echo base_url() ?>">Dashboard</a></li>
          <li><a href="<?php echo base_url('nilai/pengetahuan')?>"> Nilai Pengetahuan</a></li>
        </ul>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-title-w-btn">
            <h4 class="title">Jadwal Mengajar Anda : <?php foreach ($tahun as $key) {
              echo $key->nama_tahunakademik;
            } ?></h4>
          </div>
          <div class="card-body">
          <div class="hasil">

          </div>
            <table class="table table-hover table-bordered" cellspacing="0" width="100%">
              <thead>
              <tr>
                <th style="width: 30px; text-align: center;" rowspan="2">No</th>
                <th style="width: 170px; text-align: center;" rowspan="2">Nama Lengkap</th>
                <th style="text-align: center;" colspan="6">Pengetahuan</th>
                <th style="width: 55px; text-align: center;" rowspan="2">N/A</th>
                <th style="text-align: center;" rowspan="2">Deskripsi</th>
                <th style="text-align: center;" rowspan="2">Action</th>
              </tr>
              <tr>
                  <th style="width: 55px; text-align: center;">N1</th>
                  <th style="width: 55px; text-align: center;">N2</th>
                  <th style="width:  55px; text-align: center;">N3</th>
                  <th style="width: 55px; text-align: center;">N4</th>
                  <th style="width: 55px; text-align: center;">N5</th>
                  <th style="width: 55px; text-align: center;">N6</th>
              </tr>
              </thead>
              <tbody>
              <form id="inputnilai" method="POST">
              <?php $no=1; foreach ($siswa as $row) { ?>
              <tr>
              <input type="hidden" id="jadwal" value="<?php echo $row->id_jadwal;?>">
              <input type="hidden" id="siswa" value="<?php echo $row->id_siswa;?>">
              <input type="hidden" id="jenis" value="Pengetahuan">
                <td><?php echo $no++; ?></td>
                <td><?php echo $row->nama_siswa; ?></td>
                <td><input type="text" id="n1<?= $row->id_siswa;?>" style="width: 35px; text-align: center; padding: 0px;"/></td>
                <td><input type="text" id="n2<?= $row->id_siswa;?>" style="width: 35px; text-align: center; padding: 0px;"/></td>
                <td><input type="text" id="n3<?= $row->id_siswa;?>" style="width: 35px; text-align: center; padding: 0px;"/></td>
                <td><input type="text" id="n4<?= $row->id_siswa;?>" style="width: 35px; text-align: center; padding: 0px;"/></td>
                <td><input type="text" id="n5<?= $row->id_siswa;?>" style="width: 35px; text-align: center; padding: 0px;"/></td>
                <td><input type="text" id="n6<?= $row->id_siswa;?>" style="width: 35px; text-align: center; padding: 0px;"/></td>
                <td><input type="text" readonly style="width: 35px; text-align: center; padding: 0px;" value=""/></td>
                <td><input type="text" id="des" style="width: 100%; padding: 0px;"/></td>
                <td><button type="button" id_siswa="<?php echo $row->id_siswa;?>" id="btn-save" class="btn btn-xs btn-info btn-save"><i class="fa fa-save"></i> Simpan</button></td>
              </tr>
              <?php } ?>
              </form>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Javascripts-->
<script src="<?php echo base_url('dist/js/jquery-2.1.4.min.js')?>"></script>
<script src="<?php echo base_url('dist/js/bootstrap.min.js')?>"></script>
<script src="<?php echo base_url('dist/js/plugins/pace.min.js')?>"></script>
<script src="<?php echo base_url('dist/js/main.js')?>"></script>
<!-- Data table plugin-->
<script src="<?php echo base_url('dist/js/plugins/bootstrap-notify.min.js')?>"></script>
<script>
  $('.btn-save').click(function (e) {
    var id = $(this).attr('id_siswa');
    var jadwal = $('#jadwal').val();
    var jenis = $('#jenis').val();
    var n1 = $('#n1'+id).val();
    var n2 = $('#n2'+id).val();
    var n3 = $('#n3'+id).val();
    var n4 = $('#n4'+id).val();
    var n5 = $('#n5'+id).val();
    var n6 = $('#n6'+id).val();
    var des = $('#des'+id).val();

    alert (id_siswa+" "+jadwal+" "+jenis+" "+n1+" "+n2+" "+n3+" "+n4+" "+n5+" "+n6+" "+des);

    $.ajax({
      url: '<?php echo site_url('nilai/inputnilai') ?>',
      type: "POST",
      data: {jadwal:jadwal,siswa:id,jenis:jenis,n1:n1,n2:n2,n3:n3,n4:n4,n5:n5,n6:n6,des:des},
      dataType: "JSON",
      success: function(data) {
        var result = $.parseJSON(JSON.stringify(data));
        if(result.status == true){
          $.notify({
              message: 'Sukses.. Data Berhasil Di Input'
              },{
              type: "success",
              placement: {
                from: "top",
                align: "right"
              }
              });
        } else {
          $.notify({
              message: result.message
              },{
              type: "danger",
              placement: {
                from: "top",
                align: "right"
              }
              });
        }
      },
      error: function (jqXHR, textStatus, errorthrown) {
        $.notify({
            message: 'Gagal Saat Posting Data'
            },{
            type: "danger",
            placement: {
                from: "top",
                align: "right"
              }
            });
      }
    });
  });
</script>
</body>
</html>