@section('checkout-errors')
    <!--This build the error table when validation fails-->

    <!--Error Table Start-->
    @for($i=0;$i<count(old('sku'));$i++)

        @if(!$errors->has("sku.$i"))
            <div id="item{{$i}}" class="tr">
                <div class="td sku">
                    <label class="sr-only" for="sku{{$i}}">SKU</label>
                    <input id="sku{{$i}}" type="text" name="sku[]" class="form-control input-medium" placeholder="SKU" value="{{old("sku.$i")}}" required autofocus>
                </div>
                <div class="td name">{{$itemsSorted[old("sku.$i")]->name}}</div>
                <div class="td location">{{$itemsSorted[old("sku.$i")]->cf_location}}</div>
                <div class="td quantity-available">
                    {{$itemsSorted[old("sku.$i")]->stock_on_hand." ".$itemsSorted[old("sku.$i")]->unit}}
                    <input id="available{{$i}}" type="hidden" name="available[]" value="{{$itemsSorted[old("sku.$i")]->stock_on_hand}}">
                </div>
                <div class="td quantity-taken {{ $errors->has("quantity.$i") ? ' has-error' : '' }}">
                    <label class="sr-only" for="quantity{{$i}}">Quantity Taken</label>
                    <input id="quantity{{$i}}" type="text" name="quantity[]" class="form-control input-small" placeholder="Quanitity" value="{{old("quantity.$i")}}" required>
                    {{$itemsSorted[old("sku.$i")]->unit}}
                </div>
                <div class="td border-right-none">
                    <button class="deletebut btn btn-primary" type="button" value = "{{$i}}">
                        <span class="glyphicon glyphicon-remove"></span>
                    </button>
                </div>
            </div>


        @else
            <div id="item{{$i}}" class="tr">
                <div class="td sku {{ $errors->has("sku.$i") ? ' has-error' : '' }}">
                    <label class="sr-only" for="sku{{$i}}">SKU</label>
                    <input id="sku{{$i}}" type="text" name="sku[]" class="form-control input-medium" placeholder="SKU" value="{{old("sku.$i")}}" required autofocus>
                </div>
                <div class="td name"></div>
                <div class="td location"></div>
                <div class="td quantity-available">
                    <input id="available{{$i}}" type="hidden" name="available[]" value="">
                </div>
                <div class="td quantity-taken">
                    <label class="sr-only" for="quantity{{$i}}">Quantity Taken</label>
                    <input id="quantity{{$i}}" type="text" name="quantity[]" class="form-control input-small" placeholder="Quanitity" value="{{old("quantity.$i")}}" required>
                </div>
                <div class="td border-right-none">
                    <button class="deletebut btn btn-primary" type="button" value = "{{$i}}">
                        <span class="glyphicon glyphicon-remove"></span>
                    </button>
                </div>
            </div>


        @endif

    @endfor
    <!--Error Table End-->

@endsection