@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> Inventori</a></li>
			<li class="active">Monitoring</li>
		</ul>
	</div>
</div>

<div class="content">
	<div class="panel panel-flat">
		<div class="panel-heading">
			<h5 class="panel-title">Monitoring Proses</h5>
			<div class="heading-elements">
				<ul class="icons-list">
		      		<li><a data-action="collapse"></a></li>
		      	</ul>
	       	</div>
	    </div>
	    <div class="panel-body">
	    </div>

	    <table class="table table-stripped" id="tabel_persediaan">
	    	<thead>
				<tr>
					<th>No</th>
					<th>No.SPK</th>
					<th>No.Order</th>					
                    <th>Corak</th>
                    <th>Motif</th>
                    <th>Tenun</th>
                    <th>Tanggal HB</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
	    </table>
	</div>
</div>

<script type="text/javascript">
	var tp;

	$(document).ready(function(){
		tp = $("#tabel_persediaan").DataTable({
			processing: true,
	        serverSide: true,
	        ajax: '{{ url('prosesmonitoring/get_data_proses') }}',
	        columns: [
	            {data: 'rownum', name: 'rownum', orderable: false, searchable: false, render : function(data, type, row, meta){
			  		return meta.row+1;
			  	}},
	            {data: 'nomor', name: 'nomor'},
	            {data: 'no_workorder', name: 'no_workorder'},
	            {data: 'corak', name: 'corak'},
	            {data: 'motif', name: 'motif'},
	            {data: 'tenun', name: 'tenun'},
	            {data: 'tanggal', name: 'tanggal'},
	        ],
		});

		
	})

</script>
@endsection