@extends('layouts.header')

@section('content')
    <div class="container-fluid">
        <div class = "row">
            <div id="entryfield" class="col-md-8 col-md-offset-2" >
                <div  class="panel panel-primary">
                    <!-- Title Block Start -->
                    <div class="panel-heading">Checked Out</div>
                    <!-- Title Block End -->
                    <div class="panel-body table-responsive">

                        @if($items)
                        <table id="itemstable" class="table table-bordered table-condensed">
                            <thead>
                            <tr>
                                <th class="order-head">SKU</th>
                                <th>Item Name</th>
                                <th>Location</th>
                                <th>Quantity Taken</th>
                                <th class="order-head">User Name</th>
                                <th>Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!--Create Table-->
                            @foreach($items as $item)
                                <tr>
                                    <td class="sku">{{$item['sku']}}</td>
                                    <td class="name">{{$item[8]}}</td>
                                    <td class="location">{{$item['location']}}</td>
                                    <td class="quantitya">{{$item['quantity_out']}}</td>
                                    <td class="username">{{$item['name']}}</td>
                                    <td class="date">{{date('m/d/Y',strtotime($item['timeout']))}}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                        @else
                            <p class="bold-large">Nothing Checked Out</p>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection