<style type="text/css">
	.width-td{width: 100px;}
	.winput{text-align: center}
	/*.winput{width: 100px;}*/
</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');
?>

<div class="row">
    <!-- begin col-8 -->
    <div class="col-sm-12">
        <!-- begin panel -->
        <form method="post" id="form_edit" action="">
        	<div class="panel panel-inverse">
	            <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('fosfor', 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']); ?>" 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>
								<textarea class="form-control" style="width: 204px;" name="metode_uji[]"><?php echo $data[0]['metode_uji'] ? $data[0]['metode_uji'] : 'AOAC 2012 Bab 4 Butir 4.8.02 Metode 968.08'; ?>
								</textarea>
							</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>

                	<table class="table table-bordered table-hover table-striped table-td-valign-middle">
                		<thead>
							<tr>
								<th class="text-center">No.</th>
								<th class="text-center">Nomor Sampel</th>
								<th class="text-center">Kode krusibel porselen</th>
								<th class="text-center">Berat Sampel (gram)</th>
								<th class="text-center">V Indukan (mL)</th>
								<th class="text-center">V Labu (mL)</th>
								<th class="text-center">V Pipet (mL)</th>
								<th class="text-center">Abs</th>
								<th class="text-center">Intercept (a)</th>
								<th class="text-center">Slope (b)</th>
								<th class="text-center">Konsentrasi Sampel (ppm)</th>
								<th class="text-center">% P</th>
							</tr>
                		</thead>
                		<tbody id="tabel_uji">
                    	<?php $z=1; foreach ($data as $r) { ?>
                      		<tr id="t2_<?php echo $r['id_sampel']; ?>">
	                        	<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 " 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" type="text" id="kode_krusibel_porselen<?php echo $r['id_sampel'] ?>" name="kode_krusibel_porselen[]" value="<?php echo $r["kode_krusibel_porselen"]; ?>">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="berat_sampel<?php echo $r['id_sampel'] ?>" name="berat_sampel[]" value="<?php echo $r["berat_sampel"]; ?>">
								</td>
								<td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="v_indukan<?php echo $r['id_sampel'] ?>" name="v_indukan[]" value="250">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="v_labu<?php echo $r['id_sampel'] ?>" name="v_labu[]" value="25">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="v_pipet<?php echo $r['id_sampel'] ?>" name="v_pipet[]" value="<?php echo $r["v_pipet"]; ?>">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="abs<?php echo $r['id_sampel'] ?>" name="abs[]" value="<?php echo $r["abs"]; ?>">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="intercept<?php echo $r['id_sampel'] ?>" name="intercept[]" value="<?php echo $method == 'edit' ? $this->input->post('intercept') : $r['intercept']; ?>">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="slope<?php echo $r['id_sampel'] ?>" name="slope[]" value="<?php echo $method == 'edit' ? $this->input->post('slope') : $r['slope']; ?>">
								</td>
		                        <td>
									<input class="winput" type="text" onkeyup="persenP(<?php echo $r['id_sampel'] ?>)" id="konsentrasi_sampel<?php echo $r['id_sampel'] ?>" name="konsentrasi_sampel[]" value="<?php echo $r["konsentrasi_sampel"]; ?>">
								</td>
		                        <td colspan="2">
									<input class="winput" type="text" id="kadar_p<?php echo $r['id_sampel'] ?>" name="kadar_p[]" value="<?php echo $r["kadar_p"]; ?>">
									<?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(!empty($uji_fosfor)) { ?>
										<input type="hidden" name="nomor_batch[]" value="<?php echo $this->session->userdata('nomor_batch'); ?>">
									<?php } ?>
									<?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> <!-- end panel-body -->
			</form>
			<div class="panel panel-footer bg-white">
				<div>
					<h5>Keterangan</h5>
					<table>
						<tr>
							<td>1</td>
							<td>Tanggal pembuatan Larutan Molybdovanadate</td>
							<td>:</td>
							<td>
								<div style="width:204px;" class="input-group">
									<input style="width:50px;" onchange="klik_tgl('ket_1');" type="date" id="ket_1" name="ket_1[]">
									<input class="" id="c_ket_1" class="" value="<?php echo toi_date03(($data[0]['ket_1'] ? $data[0]['ket_1'] : '')); ?>" readonly>
								</div>
							</td>
						</tr>
						<tr>
							<td>2</td>
							<td>Tanggal pembuatan Larutan Standar Fosfor 2000 ppm</td>
							<td>:</td>
							<td>
								<div style="width:204px;" class="input-group">
									<input style="width:50px;" onchange="klik_tgl('ket_2');" type="date" id="ket_2" name="ket_2[]">
									<input class="" id="c_ket_2" class="" value="<?php echo toi_date03(($data[0]['ket_2'] ? $data[0]['ket_2'] : '')); ?>" readonly>
								</div>
							</td>
						</tr>
						<tr>
							<td>3</td>
							<td><input class="winput" type="text" id="ket_3" name="ket_3[]" value="<?php echo $data[0]['ket_3']; ?>"></td>
							<td></td>
							<td>
							</td>
						</tr>
					</table>
				</div>

			</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 type="text/javascript">
	function persenP(x){
		var g = $('#v_indukan'+x).val();
		var h = $('#v_labu'+x).val();
		var f = $('#berat_sampel'+x).val();
		var i = $('#v_pipet'+x).val();

		var j = $('#abs'+x).val();
		var k = $('#intercept'+x).val();
		var l = $('#slope'+x).val();

		if(j === '') j = 0;
		if(k === '') k = 0;
		if(l === '') l = 0;

		var m = (parseFloat(j)-parseFloat(k))/parseFloat(l);

		if(isNaN(parseFloat(m))){
				$('#konsentrasi_sampel'+x).val(0);
		}else{
				d = m.toString().split('.');
				$('#konsentrasi_sampel'+x).val(d[0]+'.'+d[1].substring(0, 4));
		}

		if(g === '') g = 0;
		if(h === '') h = 0;
		if(f === '') f = 0;
		if(m === '') m = 0;
		if(i === '') i = 0;


		var z = (parseFloat(g)*parseFloat(h)*parseFloat(m))/(parseFloat(f)*parseFloat(i)*10000);

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

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

	function save_analis(){
		$('#form_edit').submit();
	}

	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 = "\n\
		<tr class=''>\n\
			<td class='text-center'></td>\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' type='text' id='kontrol_sampel' name='kontrol_sampel[]' placeholder='Kontrol Sampel'>\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' id='kode_krusibel_porselen"+c+"' name='kode_krusibel_porselen[]' >\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='berat_sampel"+c+"' name='berat_sampel[]' >\n\
			</td>\n\
			<td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='v_indukan"+c+"' name='v_indukan[]' value='250' >\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='v_labu"+c+"' name='v_labu[]' value='25' >\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='v_pipet"+c+"' name='v_pipet[]' >\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='abs"+c+"' name='abs[]' >\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='intercept"+c+"' name='intercept[]' value='<?php echo $method == 'edit' ? $this->input->post('intercept') : $r['intercept']; ?>'>\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='slope"+c+"' name='slope[]' value='<?php echo $method == 'edit' ? $this->input->post('slope') : $r['slope']; ?>'>\n\
			</td>\n\
		    <td>\n\
				<input class='winput' type='text' onkeyup='persenP("+c+")' id='konsentrasi_sampel"+c+"' name='konsentrasi_sampel[]'>\n\
			</td>\n\
		    <td colspan='2'>\n\
				<input class='winput' type='text' id='kadar_p"+c+"' name='kadar_p[]' value='<?php echo $r['kadar_p']; ?>'>\n\
				<span style='font-size:10px;' class='text-center'><b>KS:</b></span>\n\
				<input class='' 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(!empty($uji_fosfor)) { ?>
					<input type='hidden' name='nomor_batch[]' value='<?php echo $this->session->userdata('nomor_batch'); ?>'>\n\
				<?php } ?>
				<?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\
		</tr>";

		if ($("#t1").prop("checked")) {
			t = t1;
			$("#t2_"+letak_id).before(cek);
		}
		if ($("#t3").prop("checked")) {
			t = t3;
			$("#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++;
	}
</script>
