@extends('layouts.app')

@section('content')

<div class="mb-4 d-flex">
    <h3 class="text-muted my-auto"><b><i class="fas fa-not-equal mr-2"></i>Out Of Stock Logs</b></h3>
</div>

<div class="card mb-4">
    <div class="card-body">
        <form action="{{ URL::to('oos/log/'.$id) }}" method="GET">
            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <input type="text" id="order_number" name="order_number" class="form-control scan-control" value="{{ Request::has('order_number')? Request::input('order_number') : '' }}" placeholder="Search Order #">
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary">Search</button>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <table id="datatable" class="datatable table table-hover table-center mb-0">
            <thead>
                <tr>
                    <th>Order #</th>
                    <th>SKU</th>
                    <th>Status</th>
                    <th>Updated At</th>
                </tr>
            </thead>
            <tbody>
                @foreach($sheets as $sheet)
                @php 
                    $status = array(0 => 'Pending', 1 => 'Updated', 2 => 'Item Remarks: Shipped', 3 => 'Wrong Order #', 4 => 'Wrong SKU')
                @endphp
                <tr>
                    <td>{{ $sheet->order_number }}</td>
                    <td>{{ $sheet->sku }}</td>
                    <td>{{ $status[$sheet->isUpdated] }}</td>
                    <td>{{ $sheet->isUpdated=='1'? $sheet->updated_at : '-' }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{ $sheets->links() }}
    </div>
</div>

@endsection

@section('script')

@endsection