@extends('layouts.master')

@section('content')
<div class="container-fluid">
  <div class="page-header">
      <div class="row align-items-end">
          <div class="col-lg-8">
              <div class="page-header-title">
                  <i class="ik ik-cast bg-blue"></i>
                  <div class="d-inline">
                      <h5>Inventory Voucher Card Area {{ ucwords(strtolower(Auth::user()->myarea)) }} - {{ $itemname }}</h5>
                      <span>&nbsp;</span>
                  </div>
              </div>
          </div>
          <div class="col-lg-4">
              <nav class="breadcrumb-container" aria-label="breadcrumb">
                  <ol class="breadcrumb">
                      <li class="breadcrumb-item">
                          <a href="{{ route('home') }}"><i class="ik ik-home"></i></a>
                      </li>
                      <!--li class="breadcrumb-item">
                          <a href="#">User</a>
                      </li -->
                      <li class="breadcrumb-item active" aria-current="page">Inventory Voucher Card {{ ucwords(strtolower(Auth::user()->myarea)) }}</li>
                  </ol>
              </nav>
          </div>
      </div>
  </div><!-- page-header -->

  <div class="row">
      <div class="col-md-1">  
        &nbsp;
      </div>
      <div class="col-md-10">
          <div class="card">
              <div class="card-header">                
                <!--a href="{{-- route('inventoryvc.create') --}}" class="btn btn-success"><i class="ik ik-plus"></i>&nbsp;Tambah Inventory Voucher Card Baru</a -->
                <!--a href="{{ route('chipexcel.index') }}" class="btn btn-info" style="margin-left: 15px;"><i class="ik ik-upload"></i>&nbsp;Upload Chip via Excel</a -->
              </div>
              <div class="card-body">                
                  <table id='vctablex' class="table table-bordered">
                      <thead>
                          <tr class="text-center">
                            <th style="width:5px;">#</th>
							@if($itemname == "KPK MINI")
							<th>Outer Box SN</th>
							@endif
                            <th>Serial Number</th>
                            <th>Pemilik</th>
                          </tr>
                      </thead>
                      <tbody>
                        @foreach($serialnumbers as $val)
                            <tr class="text-center">
                                <td>{{ ++$i }}</td>
                                @if($itemname == "KPK MINI")
								<td>{{ $val->serial_number_outer }}</td>
								@endif
								<td>{{ $val->serial_number }}</td>
                                <td>{{ ucwords(strtolower($val->owner)) }}</td>
                            </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                          <tr class="text-center">
                            <th style="width:5px;">#</th>
                            @if($itemname == "KPK MINI")
							<th>Outer Box SN</th>
							@endif
                            <th>Serial Number</th>
                            <th>Pemilik</th>
                          </tr>
                      </tfoot>
                  </table>
                  {!! $serialnumbers->render() !!}
                 <div class="col-12 text-right">
                    <a href="{{ route('inventoryvc.index') }}" class="btn btn-light pull-right">Kembali</a>
                 </div>
              </div>
          </div>
      </div>
      <div class="col-md-1">  
        &nbsp;
      </div>
  </div>
</div><!-- container-fluid -->
@endsection

@push('scripts')
<script>
// add by edy 20200814
$(document).ready(function(){

  var mydt =  $('#vctable').DataTable({
          processing:true,
          serverSide:true,
		  ajax: '{!! route('vcard.ajaxindex', $type == "rawmat"? $id_raw_mat ?? '' : $itemname) !!}',
		  columns:[
              {data: 'DT_RowIndex', name: 'DT_RowIndex',orderable: false, searchable: false },
              {data: 'serial_number', name: 'serial_number'},
              {data: 'owner', name: 'owner'}
          ],
          columnDefs: [
              {
                  targets: -3,
                  className: 'text-center'
              }
          ]
      });
	  
});
</script>
@endpush