<style type="text/css">
	.width-td{width: 100px;}
	.myselect-container {
    position:relative;
    height:10px;
    width:100px;
    /*for contain our absoulte select tag */
	}
	.myselect-container select {
	    position:absolute;
	    /*for put our list on other tag */
	}
	.wth-form{
		width:100%;
	}
</style>

<style type="text/css">
  .table > thead > tr > th {
     vertical-align: middle;
     text-align: center;
  }
  .table > tbody > tr > td {
     vertical-align: middle;
     text-align: center;
  }
</style>

<?php 
	$jam_mulai = strpos($data[0]['mulai_uji'], '00:00:00') == false ? date('H', strtotime($data[0]['mulai_uji'])) : date('H'); 
	$menit_mulai = strpos($data[0]['mulai_uji'], '00:00:00') == false ? date('H', strtotime($data[0]['mulai_uji'])) : date('i');
	$jam_selesai = strpos($data[0]['selesai_uji'], '00:00:00') == false ? date('H', strtotime($data[0]['selesai_uji'])) : date('H'); 
	$menit_selesai = strpos($data[0]['selesai_uji'], '00:00:00') == false ? date('H', strtotime($data[0]['selesai_uji'])) : date('i');
?>

<h4>Nomor Batch: <?php echo (!empty($data[0]['nomor_batch']) ? $data[0]['nomor_batch'] : $this->session->userdata('nomor_batch')); ?></h4>

<div class="row">
    <!-- begin col-8 -->
    <div class="col-sm-12">
        <!-- begin panel -->
        <div class="panel panel-inverse">
			<form method="post" id="form_edit" action="">
            	<div class="panel-heading">
        			<div class="panel-heading-btn">
                  		<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-grey" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                  		<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-grey" data-click="panel-remove"><i class="fa fa-times"></i></a>
              		</div>

              		<?php echo menu_parameter('af', true, ($method == 'edit' ? null : $url_batch)); ?>
					<button type="button" onclick="save_analis();" class="btn btn-warning">Simpan</button>
					<hr>

					<table class="table">
						<tr> 
							<th>Terbitan/Revisi</th>
							<td>:</td>
							<th><input class="form-control" style="width:204px;" name='terbitan_revisi_ke[]' value="<?php echo ($data[0]['terbitan_revisi_ke'] ? $data[0]['terbitan_revisi_ke'] : '') ?>"></th>

							<th>Tanggal Revisi</th>
							<td>:</td>
							<th>
								<div style="width:204px;" class="input-group">
									<input style="width:50px;" class="mulai_uji" onchange="klik_tgl('tanggal_revisi');" type="date" id="tanggal_revisi" name="tanggal_revisi[]" value="<?php echo $data[0]['tanggal_revisi']; ?>">
									<input class="form-control" id="c_tanggal_revisi" value="<?php echo toi_date03($data[0]['tanggal_revisi']); ?>" readonly>
								</div>
							</th>

							<th style="width:100px;"></th>
						</tr>
						<tr>
							<th>Tanggal Terbitan</th>
							<td>:</td>
							<th>
								<div style="width:204px;" class="input-group">
									<input style="width:50px;" class="mulai_uji" onchange="klik_tgl('tanggal_terbitan');" type="date" id="tanggal_terbitan" name="tanggal_terbitan[]" value="<?php echo ($data[0]['tanggal_terbitan'] ? $data[0]['tanggal_terbitan'] : date('Y-m-d')); ?>">
									<input class="form-control" id="c_tanggal_terbitan" class="" value="<?php echo toi_date03(($data[0]['tanggal_terbitan'] ? $data[0]['tanggal_terbitan'] : date('Y-m-d'))); ?>" readonly>
								</div>
							</th>
							<th></th> <th></th> <th></th>
							<th style="width:100px;"></th>
						</tr>
						<tr>
							<th>Tanggal Pengujian</th>
							<td>:</td>
							<td>
								<div style="width:204px;" class="input-group">
									<input style="width:50px;" class="mulai_uji" onchange="klik_tgl('mulai_uji')" type="date" id="mulai_uji" name="mulai_uji[]" value="<?php echo ( $data[0]['mulai_uji'] ? explode(' ', $data[0]['mulai_uji'])[0] : date('Y-m-d')); ?>">
									<input class="form-control" id="c_mulai_uji" value="<?php echo toi_date03(( $data[0]['mulai_uji'] ? explode(' ', $data[0]['mulai_uji'])[0] : date('Y-m-d'))); ?>" readonly>
								</div>
							</td>

							<th>Suhu (ᵒC)</th>
							<td>:</td>
							<th><input class="form-control" style="width:204px;" name='suhu[]' value="<?php echo $data[0]['suhu'] ?>"></th>

							<th></th>
						</tr>
						<tr>
							
							<th>Pukul Mulai Pengujian</th>
							<td>:</td>
							<td class="input-group">
								<select style="width:100px;" class="default-select2" name="jam_selesai[]">
									<?php for($x=0; $x<24; $x++) {  $x = strlen($x) < 2 ? '0'.$x : $x; ?>
										<option <?php echo $jam_mulai == $x ? 'selected' : ''; ?> value="<?php echo $x;?>"><?php echo $x; ?></option>
									<?php } ?>
								</select> :
								<select style="width:100px;" class="default-select2" name="menit_selesai[]">
									<?php for($x=0; $x<60; $x++) {  $x = strlen($x) < 2 ? '0'.$x : $x; ?>
										<option <?php echo $menit_mulai == $x ? 'selected' : ''; ?> value="<?php echo $x;?>"><?php echo $x; ?></option>
									<?php } ?>
								</select>
							</td>

							<th>RH</th>
							<td>:</td>
							<th><input class="form-control" style="width:204px;" name='rh[]' value="<?php echo $data[0]['rh'] ?>"></th>

							<th></th>
						</tr>

						<tr>
							<th>Pukul Selesai Pengujian</th>
							<td>:</td>
							<td class="input-group">
								<select style="width:100px;" class="default-select2" name="jam_mulai[]">
									<?php for($x=0; $x<24; $x++) {  $x = strlen($x) < 2 ? '0'.$x : $x; ?>
										<option <?php echo $jam_selesai == $x ? 'selected' : ''; ?> value="<?php echo $x;?>"><?php echo $x; ?></option>
									<?php } ?>
								</select> :
								<select style="width:100px;" class="default-select2" name="menit_mulai[]">
									<?php for($x=0; $x<60; $x++) {  $x = strlen($x) < 2 ? '0'.$x : $x; ?>
										<option <?php echo $menit_selesai == $x ? 'selected' : ''; ?> value="<?php echo $x;?>"><?php echo $x; ?></option>
									<?php } ?>
								</select>
							</td>
							
							<th>Metode Uji</th>
							<th>:</th>
							<td>Agra Quant Total Aflatoxin Test Kit</td>

							<td></td>
						</tr>
					</table>
            	</div>

            	<div class="panel panel-body table-responsive">
					<button class="btn btn-primary" type="button" onclick="add_kontrol_sampel()">
						Tambah Kontrol Sampel
					</button>
					<label><input type="radio" id="t1" name="letak[]" value="t1_">Sebelum</label>
					<label><input type="radio" id="t3" name="letak[]" value="t3_">Sesudah</label>
					<select id="letak_id" name="letak_id[]">
						<option disable>Pilih sampel</option>
						<?php foreach($data as $d) { ?>
							<?php if(!is_null($d['id_sampel'])) { ?>
								<option value="<?php echo $d['id_sampel']; ?>"><?php echo $d['id_sampel']; ?></option>
							<?php } ?>
						<?php } ?>
					</select>
					<hr>
					<div class="col-sm-6">
	                	<table class="table table-bordered table-hover table-striped table-td-valign-middle">			
	                		<thead>
								<tr>
									<th class="text-center">No Urut</th>
									<th class="text-center">No Sampel</th>
								    <th style="width: 150px;" class="text-center">Abs</th>
								    <th style="width: 150px;" class="text-center">Af</th>
								</tr>
	                		</thead>
		                	<tbody id="tabel_uji">
		                    <?php $z=1; foreach ($data as $r) { ?>
			                    <tr id="t2_<?php echo ($r['id_sampel'] ? $r['id_sampel']:0); ?>" class="">
									<td class="text-center"><?php echo $this->uri->segment(5) + $z++ ?></td>
									<td>
										<input type="hidden" name="nomor_batch[]" value="<?php echo $r['nomor_batch'] ?>">
										<input type="hidden" name="kontrol_sampel2[]" value="<?php echo $r['kontrol_sampel'] ?>">
										<?php
										if(is_null($r["id_sampel"])){ ?>
											<input class="winput wth-form form-control" type="text" onkeyup="persenCa(<?php echo $r['kontrol_sampel'] ?>)" id="kontrol_sampel" name="kontrol_sampel[]" placeholder="Kontrol Sampel" value="<?php echo $r["kontrol_sampel"]; ?>">
										<?php } else{?>
											<input type="hidden" name="kontrol_sampel[]" value="<?php echo ($r['kontrol_sampel'] ? $r['kontrol_sampel'] : 0) ?>">
											<?php echo nomor_id($r["id_sampel"]);
										} 
										?>
									</td>
									<td>
										<input class="winput wth-form form-control" onkeyup="persenAf(<?php echo $r['id_sampel'] ?>)" type="text" id="abs<?php echo $r['id_sampel'] ?>" name="abs[]" value="<?php echo $r["abs"]; ?>">
									</td>
									<td>
										<input class="winput wth-form form-control" type="text" id="kadar_af<?php echo $r['id_sampel'] ?>" name="kadar_af[]" value="<?php echo $r["kadar_af"]; ?>">
										<?php if(!is_null($r['id_sampel'])) { ?>
											<input type="hidden" name='c_range[]'>
										<?php } else { ?>
											<span style='font-size:10px;' class='text-center'><b>KS:</b></span>
											<input class='wth-form form-control' type='text' name='c_range[]' value="<?php echo $r['c_range'] ?>">
										<?php } ?>
									</td>

									<!-- ===ID SAMPEL (SYARAT MUTLAK HARUS ADA)=== -->
									<input type="hidden" id="id_sampel<?php echo $r['id_sampel'] ?>" name="id_sampel[]" value="<?php echo $r["id_sampel"]; ?>">
									<?php if(!empty($method)) { ?>
										<?php if(in_array($method, array('batch_sampel', 'kontrol_sampel'))) { ?>
											<input type="hidden" name="method_batch[]" value="<?php echo $method; ?>">
										<?php } ?>
										<?php if(in_array($method, array('kontrol_sampel'))) { ?>
											<input type="hidden" name="nomor_batch[]" value="<?php echo $nomor_batch; ?>">
										<?php } ?>
									<?php } ?>
									<!-- ========================================= -->

			                    </tr>
		                    <?php } ?>
		                	</tbody>
		                	<tfoot>

		                	</tfoot>
	                	</table>
	                </div>
            	</div> <!-- end panel-body -->
			</form>
			<div class="panel panel-footer">
				<!-- code -->
			</div> <!-- end panel-footer -->
        </div> <!-- end panel -->
    </div>
</div>

<div class="modal fade" id="modal-alert" style="display: none;" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="alert alert-danger m-b-0">
                    <p><b>Peringatan:</b> Apakah anda yakin akan membatalkan penyiapan sampel ini?</p>
                </div>
            </div>
            <div class="modal-footer">
                <a href="<?php //echo site_url('sampel/pengajuan/siapkan_sampel?id_uji='.$id_uji.'&status=0') ?>" class="btn width-100 btn-sm btn-primary">Ya</a>
                <a href="javascript:;" class="btn width-100 btn-sm btn-danger" data-dismiss="modal">Tidak</a>
            </div>
        </div>
    </div>
</div>

<script>
    function persenAf(x){
		var a = $('#abs'+x).val();
		var abs = Number('<?php echo $this->input->post('abs0') ?>');
		var s = Number('<?php echo $this->input->post('slope') ?>');
		var n = Number('<?php echo $this->input->post('intercept') ?>');
		var d = 1;

		if(a === '') a = 0;
		if(s === '') s = 0;
		if(n === '') n = 0;

		var kg = parseFloat(a)/parseFloat(abs);
		var kh = (Math.log10(parseFloat(kg)/(1-parseFloat(kg))));
		var ki = (Math.pow(10, ((parseFloat(kh)-parseFloat(n))/parseFloat(s))));

		console.log(kg);
		console.log(kh);
		console.log(ki);

		var j = ki*d;

      	if(isNaN(parseFloat(j))){
          	$('#kadar_af'+x).val(0);
      	}else{
          	j = j.toFixed(2);
          	$('#kadar_af'+x).val(j);
      	}
    }

	var c = 10000000;
	function add_kontrol_sampel(){
		var t1 = $("#t1").val();
		var t3 = $("#t3").val();
		var letak_id = $("#letak_id").val();
		var t = 0;

		var cek = "<tr>\n\
                        <td class='text-center'></td> \n\
						\n\
						<td>\n\
							<input type='hidden' name='nomor_batch[]' value='<?php echo $data[0]['nomor_batch'] ?>'>\n\
							<input type='hidden' name='kontrol_sampel2[]'>\n\
							<input class='winput wth-form form-control' type='text' id='kontrol_sampel' name='kontrol_sampel[]' placeholder='Kontrol Sampel'>\n\
						</td>\n\
						<td>\n\
							<input class='winput wth-form form-control' onkeyup=persenAf("+c+") type='text' id='abs"+c+"' name='abs[]'>\n\
						</td>\n\
						<td>\n\
							<input class='winput wth-form form-control' type='text' id='kadar_af"+c+"' name='kadar_af[]' value='<?php echo $r['kadar_af']; ?>'>\n\
							<span style='font-size:10px;' class='text-center'><b>KS:</b></span>\n\
							<input class='winput wth-form form-control' type='text' id='c_range"+c+"' name='c_range[]'>\n\
						</td>\n\
\n\
						<!-- ===ID SAMPEL (SYARAT MUTLAK HARUS ADA)=== -->\n\
							<input type='hidden' id='id_sampel"+c+"' name='id_sampel[]'>\n\
							<?php if(!empty($method)) { ?>
								<?php if(in_array($method, array('batch_sampel', 'kontrol_sampel'))) { ?>
									<input type='hidden' name='method_batch[]' value='<?php echo $method; ?>'>\n\
								<?php } ?>
								<?php if(in_array($method, array('kontrol_sampel'))) { ?>
									<input type='hidden' name='nomor_batch[]' value='<?php echo $nomor_batch; ?>'>\n\
								<?php } ?>
							<?php } ?>
						<!-- ========================================= -->\n\
\n\
                      </tr>";

		if ($("#t1").prop("checked")) {
			t = t1;
			//$("#t2_"+letak_id).before("<tr>"+$("#t2_"+letak_id).html()+"</tr>");
			$("#t2_"+letak_id).before(cek);
		}
		if ($("#t3").prop("checked")) {
			t = t3;
			//$("#t2_"+letak_id).after("<tr>"+$("#t2_"+letak_id).html()+"</tr>");
			//$("#t2_"+letak_id).html('');
			$("#t2_"+letak_id).after(cek);
		}

		var tr = $('#tabel_uji tr');
        for (var i = 0; i < tr.length; i++) {
            var td = $(tr[i]).find('td').first().text(i+1);
        }
		
		c++;
	}

	function removeTd() {
		$('.mulai_uji').removeAttr('td');
	}

	function save_analis(){
		$('#form_edit').submit();
	}
</script>
