@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="vctable" class="table table-bordered">
                      <thead>
                          <tr class="text-center">
                            <th>#</th>
                            <th>Serial Number</th>
                            <th>Pemilik</th>
                          </tr>
                      </thead>
                      <tbody>
                        @foreach($serialnumbers as $val)
                            <tr class="text-center">
                                <td>{{ ++$i }}</td>
                                <td>{{ $val->serial_number }}</td>
                                <td>{{ ucwords(strtolower($val->owner)) }}</td>
                            </tr>
                        @endforeach
                      </tbody>
                      
                  </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