@extends('layouts.app')

@section('title')
	
	<tr><td width="80">History Transfer Barang &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
	&nbsp;&nbsp;&nbsp;
	<a onclick="window.location='{{ route('home') }}'" class="btn btn-primary"><i class="fa fa-home"></i> Home </a>
	</tr>	
@endsection

@section('breadcrumb')
   @parent
   <li>history transfer</li>
@endsection

<head>
    <title>History Transfer Barang </title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<script src="{{ asset('public/adminLTE/plugins/jQuery/jquery-2.2.3.min.js') }}"></script>
	<script src="{{ asset('public/adminLTE/bootstrap/js/bootstrap.min.js') }}"></script> 
	<script src="{{ asset('public/adminLTE/plugins/datatables/jquery.dataTables.min.js') }}"></script>
	<script src="{{ asset('public/adminLTE/plugins/datatables/dataTables.bootstrap.min.js') }}"></script>

	<script type="text/javascript" src="public/adminLTE/dist/css/sweetalert.min.js"></script>

</head>


@section('content')   
<div class="row">
	<div class="col-sm-10">
		<div class="box">
			<div class="box-header"></div>
				<div class="box-body">  

<form method="post" id="form-transfer">
{{ csrf_field() }}


<table class="table table-striped table-padding table-bordered" id="tbltransfer" style="background: #DCDCDC;" width="100%">
<thead>
   <tr class="tblheader">
   
 	  <th width="25px">No.</th>	  
      <th width="50px">No.Transfer</th>
	  <th width="30px">Tanggal</th>
      <th width="75px">Tujuan</th>
	  <th width="40px">Status</th>
      <th width="10px">Opsi</th> 	  
 
	</tr>
</thead>
<tbody></tbody>

</table>
</form>

			</div>
		</div>
	</div>	
</div>

@include('transfer.transfer_create')

@endsection

@section('script')
<script type="text/javascript">
var table, save_method;
$(function(){
   table = $('.table').DataTable({
     "processing" : true,
     "ajax" : {
       "url" : "{{ route('transfer.history_header') }}",
       "type" : "GET"
     }
   }); 
}) 
</script>

@endsection
