@extends('layout')


@section('content')
<div class="page-header page-header-default">
	<div class="breadcrumb-line">
		<ul class="breadcrumb">
			<li><a href="index.html"><i class="icon-home2 position-left"></i> Produksi</a></li>
			<li class="active">Bon Bahan Multi</li>
		</ul>
	</div>
</div>

<div class="content">
	<div class="panel panel-flat">
		<div class="panel-heading">
			<h5 class="panel-title">Form Bon Bahan Multi</h5>
			<div class="heading-elements">
				<ul class="icons-list">
		      		<li><a data-action="collapse"></a></li>
		      	</ul>
	       	</div>
	    </div>
	    <div class="panel-body">
	    	<form class="form-horizontal" action="{{ url('barangkeluar_kemasan/simpan') }}" method="post" autocomplete="off">
	    		<input type="hidden" name="_token" value="{{ csrf_token() }}">
	    		<input type="hidden" name="id_bonbahan" value="{{ $data['data']->id_barangkeluar_kemasan }}">
	    		<table class="table table-stripped table-responsive">
	    			<tr>
	    				<td width="20%">Tanggal Pengambilan</td>
	    				<td width="5%">:</td>
	    				<td>{{ tgl_full($data['data']->tanggal, '') }}</td>

	    				<td width="20%">Pegawai</td>
	    				<td width="5%">:</td>
	    				<td>{{ $data['data']->nama_pegawai }}</td>
	    			</tr>

	    			<tr>
	    				<td width="20%">Tanggal Perkiraan Selesai</td>
	    				<td width="5%">:</td>
	    				<td>{{ tgl_full($data['data']->tanggal_perkiraan, '') }}</td>

	    				<td width="20%">Rekanan</td>
	    				<td width="5%">:</td>
	    				<td>{{ $data['data']->nama_rekanan.' - '.$data['data']->nama_kelompok }}</td>
	    			</tr>

	    			<tr>
	    				<td width="20%">Proses Produksi</td>
	    				<td width="5%">:</td>
	    				<td>{{ $data['data']->nama_proses }}</td>

	    				<td colspan="3"></td>
	    			</tr>
	    			<tr>
	    				<td width="20%">Lokasi Produksi</td>
	    				<td width="5%">:</td>
	    				<td>{{ $data['data']->nama_lokasi }}</td>

	    				<td colspan="3"></td>
	    			</tr>
	    		</table>
	    		
	    		<div class="col-sm-12">
	    			<div class="panel panel-primary">
                
                	</div>
	    			<div class="table-responsive">
		            <table class="table datatable-basic table-stripped" id="table_barang">
			    	<thead>
						<tr>
								<th>No</th>
								<th></th>
								<th>No. Order</th>
								<th>Kode Barang</th>
								<th>Nama Barang</th>
								<th>Proses</th>
								<th>Warna</th>
								<th>Gudang</th>
								<th>Jumlah</th>
								<th>Satuan</th>
								<th>Kualitas Proses</th>
								<th>Corak</th>
								<th>Motif</th>
								<th>Kualitas</th>
								<th>Dudulan</th>
								<th>Kualitas Periksa</th>
								<th>Label</th>
								<th>Cap</th>
								<th>Kemasan</th>
								<th>Kemasan Satuan</th>
								<th>Kemasan 10 Potong</th>
								<th>Kemasan Dus Ball</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
			    </table>
				</div>
	    	</div>
	    	<div class="col-sm-12">
	    		
             </div>
         </div>
	    	</form>
	    	
	    </div>

	</div>
</div>

<script type="text/javascript">
	$("#btn_tambah_item").click(function(){
		$("[name=popup_id]").val('');
		$("[name=popup_list]").val('');
		$("[name=popup_proses]").val(null).trigger('change');
		$("[name=popup_kode]").val(null).trigger('change');
		$("[name=popup_jumlah]").val('');
		$("[name=popup_stok]").text('');

		$("#exampleModal").modal('show');
	})
	var id;
	var table_barang;
	var store_bonbahan;
	var tb_no = parseInt(10000);
	$(document).ready(function(){
		table_barang = $("#table_barang").DataTable();
		table_barang.on( 'order.dt search.dt', function () {
            table_barang.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
                cell.innerHTML = i+1;
            } );
        } ).draw();
	})

	store_bonbahan = $("[name=id_bonbahan]").val();
	if(store_bonbahan != ''){
		console.log(store_bonbahan);
		get_edit(store_bonbahan);
	}

	function get_edit(id){
		$.ajax({
			url: '{{ url('barangkeluar_kemasan/get_edit') }}',
			type: 'post',
			dataType: 'json',
			data: {id : id},
			headers : {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			success: function(respon){
				if(respon.length > 0){
					for(i in respon){
						
						table_barang.row.add(['<div><center></center></div>',
							'<div id="list_workorder'+respon[i].id_barangkeluar_kb+'">'+respon[i].status_div+'</div>',
							'<div id="list_workorder'+respon[i].id_barangkeluar_kb+'">'+respon[i].no_workorder_barang+'</div>',
							'<div id="list_kode'+respon[i].id_barangkeluar_kb+'">'+respon[i].kode_barang+'</div>',
							'<div id="list_nama'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_barang+'</div>',
							'<div id="list_proses'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_proses+'</div>',
							'<div id="list_warna'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_komposisi+'</div>',
							'<div id="list_gudang'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_gudang+'</div>',
							'<div id="list_jumlah'+respon[i].id_barangkeluar_kb+'">'+respon[i].jumlah+'</div>',
							'<div id="list_satuan'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_satuan+'</div>',
							'<div id="list_kualitas_proses'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kualitas_proses+'</div>',
							'<div id="list_corak'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_corak+'</div>',
							'<div id="list_motif'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_motif+'</div>',
							'<div id="list_kualitas'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kualitas+'</div>',
							'<div id="list_dudulan'+respon[i].id_barangkeluar_kb+'">'+respon[i].kualitas_dudul+'</div>',
							'<div id="list_kualitas_periksa'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kualitas_periksa+'</div>',
							'<div id="list_label'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_label+'</div>',
							'<div id="list_cap'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_cap+'</div>',
							'<div id="list_kemasan'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kemasan+'</div>',
							'<div id="list_kemasansatuan'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kemasansatuan+'</div>',
							'<div id="list_kemasansepuluh'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kemasansepuluh+'</div>',
							'<div id="list_kemasanseratus'+respon[i].id_barangkeluar_kb+'">'+respon[i].nama_kemasanseratus+'</div>'
						]).draw(false);
					}
				}
			}
		})
	}


</script>
@endsection