@extends ('layouts.app')

@section ('content')

<input type="hidden" value="{{ $type_id }}" id="search_type_id">
<input type="hidden" value="{{ $field }}" id="search_field">
<input type="hidden" value="{{ $order }}" id="search_order">

<div class="row">
    <div class="col-md-12 stocktake-list">
        <div class="panel with-nav-tabs panel-default pagination-list">

            <div class="panel-heading m-b-15">
                <a href="{{ route('product.create') }}" class="btn btn-tabletpos pull-right m-r-10"><i class="fa fa-plus m-r-10"></i> Add New Stock Item</a>
                <button data-toggle="modal" data-target="#modal-product-categories" class="btn btn-tabletpos pull-right m-r-10"><i class="fa fa-list m-r-10"></i> Product Categories</button>
            </div>

            <div class="panel-body">
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="tab1default">

                        @include('partials.messages')

                        <div class="row no-padding">
                            <div class="col-xs-2 no-padding">
                                <div class="form-group">
                                    <input type="text" id="search" placeholder="search..." value="{{ ($search) ? $search : '' }}" class="form-control">
                                </div>
                            </div>
                            <div class="col-xs-2 no-padding">
                                @include('products.partials.categories')
                            </div>
                            <div class="col-xs-2 no-padding">
                                <select class="form-control select2 m-l-20" id="product-type-change">
                                    @foreach($product_types as $type)
                                        <option value="{{ route('product.type', [$type->id, 'title', 'asc', ''])  }}" {{ ($type_id == $type->id) ? 'selected': '' }}>{{ ucfirst($type->title) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-xs-2 no-padding"></div>
                            <div class="col-xs-2 no-padding">
                                <a href="" class="btn btn-tabletpos pull-right m-l-5" id="supplier-reorder" style="display:none"></a>
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-md-12 m-t-20 no-padding">
                                <div class="row padding-15">
                                    <div class="col-xs-3 no-padding">
                                                                                <a href="{{ route('product.type', [$type_id, 'title', $title_order, ($search) ? $search : ''])  }}" class="filter_link">
                                            <strong>PRODUCT NAME <i class="fa fa-chevron-{{ $title_chevron }}" aria-hidden="true"></i></strong>
                                        </a>
                                    </div>
                                    <div class="col-xs-2 text-center">
                                                                                <a href="{{ route('product.type', [$type_id, 'mass_volume', $size_order, ($search) ? $search : ''])  }}" class="filter_link">
                                            <strong>SIZE <i class="fa fa-chevron-{{ $size_chevron }}" aria-hidden="true"></i></strong>
                                        </a>
                                    </div>
                                    <div class="col-xs-1 text-center">
                                        <strong>CATEGORY</strong>
                                    </div>
                                    <div class="col-xs-1 text-center">
                                                                                <a href="{{ route('product.type', [$type_id, 'image_url', $image_order, ($search) ? $search : ''])  }}" class="filter_link">
                                            <strong>IMAGE <i class="fa fa-chevron-{{ $image_chevron }}" aria-hidden="true"></i></strong>
                                        </a>
                                    </div>
                                    <div class="col-xs-1 text-center">
                                                                                <a href="{{ route('product.type', [$type_id, 'bar_code', $barcode_order, ($search) ? $search : ''])  }}" class="filter_link">
                                            <strong>BARCODE <i class="fa fa-chevron-{{ $barcode_chevron }}" aria-hidden="true"></i></strong>
                                        </a>
                                    </div>
                                    <div class="col-xs-1 text-center">
                                                                                <a href="{{ route('product.type', [$type_id, 'pos_link', $pos_link_order, ($search) ? $search : ''])  }}" class="filter_link">
                                            <strong>POS LINK <i class="fa fa-chevron-{{ $pos_link_chevron }}" aria-hidden="true"></i></strong>
                                        </a>
                                    </div>

                                    <div class="col-xs-1 text-center">
                                                                                <a href="{{ route('product.type', [$type_id, 'created_at', $created_link_order, ($search) ? $search : ''])  }}" class="filter_link">
                                            <strong>ADDED <i class="fa fa-chevron-{{ $created_link_chevron }}" aria-hidden="true"></i></strong>
                                        </a>
                                    </div>

                                    <div class="col-xs-1 text-center">
                                        <strong>MEASUREMENTS</strong>
                                    </div>
                                    <div class="col-xs-1 text-right">
                                        <strong>MANAGE</strong>
                                    </div>
                                </div>
                                <ul class="list-group">
                                    @foreach($products as $product)
                                        @include('products.partials.item')
                                    @endforeach
                                </ul>
                            </div>
                        </div>

                        <div class="row no-padding">
                            <div class="col-md-6 m-t-20 no-padding">

                                {{ $products->links() }}

                                <div class="form-group-default select-wrapper pagination-select-wrapper m-r-10 m-t-20 pull-left">
                                    <select class="form-control select2">
                                        @foreach($numbers as $number)
                                            <option value="{{ $number }}" {{ ($items == $number) ? 'selected' : '' }}>{{ $number }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="pull-right m-t-25">
                                    Showing {{ ($items > $products->total()) ? $products->total() : $items }} out of {{ $products->total() }} entries
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>

        </div>
    </div>
</div>

@include('modals.product_categories')
@include('modals._deactivate')
@include('modals.delete_product_category')

@stop