{{-- featured product --}}
{{-- <div class="row" id="featured_products_box" style="display: none;">
@if(!empty($featured_products))
	@include('sale_pos.partials.featured_products')
@endif
</div> --}}
<div class="row vh-pos-rightside-top" style="padding-right: 7px;">
	<div class="col-md-12 row">
		{{-- <div class="form-group" style="margin"> --}}
			<div class="col-md-5">
				{{-- <div class="input-group-btn">
					<button type="button" class="btn btn-default bg-white btn-flat" data-toggle="modal" data-target="#configure_search_modal" title="{{__('lang_v1.configure_product_search')}}"><i class="fas fa-search-plus"></i></button>
				</div> --}}
				{!! Form::text('search_product', null, ['class' => 'form-control mousetrap', 'id' => 'search_product', 'placeholder' => __('lang_v1.search_product_placeholder'),
				'disabled' => is_null($default_location)? true : false,
				'autofocus' => is_null($default_location)? false : true,
				]); !!}
				<span class="input-group-btn">

					<!-- Show button for weighing scale modal -->
					@if(isset($pos_settings['enable_weighing_scale']) && $pos_settings['enable_weighing_scale'] == 1)
						<button type="button" class="btn btn-default bg-white btn-flat" id="weighing_scale_btn" data-toggle="modal" data-target="#weighing_scale_modal" 
						title="@lang('lang_v1.weighing_scale')"><i class="fa fa-digital-tachograph text-primary fa-lg"></i></button>
					@endif
					

					{{-- <button type="button" class="btn btn-default bg-white btn-flat pos_add_quick_product" data-href="{{action([\App\Http\Controllers\ProductController::class, 'quickAdd'])}}" data-container=".quick_add_product_modal"><i class="fa fa-plus-circle text-primary fa-lg"></i></button> --}}
				</span>								
				{{-- <span class="input-group-btn"> --}}					
				{{-- </span> --}}
			</div>
			<div class="col-md-3" style="margin: 0; padding: 0;">
				<select id="product_display" style="width: 100% !important;">
					<option value="none">None</option>
					<option value="all">All Products</option>
					<option value="featured">Featured Products</option>
				</select>				
			</div>
			<div class="col-md-3" style="margin: 0; padding: 0;">
				<select class="select" id="product_category" multiple style="width:100% !important;">					
					{{-- <option value=""></option> --}}
					<option value="all">@lang('lang_v1.all_category')</option>
	
					@foreach($categories as $category)						
						<option value="{{$category['id']}}" data-type_category="category">{{$category['name']}}</option>
					@endforeach
	
					@foreach($categories as $category)
						@if(!empty($category['sub_categories']))
							<optgroup label="{{$category['name']}}">
								@foreach($category['sub_categories'] as $sc)
									<i class="fa fa-minus"></i> <option value="{{$sc['id']}}" data-type_category="sub_category">{{$sc['name']}}</option>
								@endforeach
							</optgroup>
						@endif
					@endforeach
				</select>
			</div>
		{{-- </div> --}}
	</div>
	{{-- <div class="col-sm-4" id="shopify_test">
		<button type="button" class="btn btn-primary btn-flat" id="shopify_test_btn">@lang('lang_v1.shopify_test')</button>
	</div> --}}
	{{-- @if(!empty($categories))
		<div class="col-md-2" id="product_category_div">
			<div class="input-group">
				<select class="select2" id="product_category" style="width:100% !important">
	
					<option value="all">@lang('lang_v1.all_category')</option>
	
					@foreach($categories as $category)
						<option value="{{$category['id']}}">{{$category['name']}}</option>
					@endforeach
	
					@foreach($categories as $category)
						@if(!empty($category['sub_categories']))
							<optgroup label="{{$category['name']}}">
								@foreach($category['sub_categories'] as $sc)
									<i class="fa fa-minus"></i> <option value="{{$sc['id']}}">{{$sc['name']}}</option>
								@endforeach
							</optgroup>
						@endif
					@endforeach
				</select>
			</div>
			</div>
	@endif --}}

	{{-- @if(!empty($brands))
		<div class="col-sm-4" id="product_brand_div">
			{!! Form::select('size', $brands, null, ['id' => 'product_brand', 'class' => 'select2', 'name' => null, 'style' => 'width:100% !important']) !!}
		</div>
	@endif

	<!-- used in repair : filter for service/product -->
	<div class="col-md-6 hide" id="product_service_div">
		{!! Form::select('is_enabled_stock', ['' => __('messages.all'), 'product' => __('sale.product'), 'service' => __('lang_v1.service')], null, ['id' => 'is_enabled_stock', 'class' => 'select2', 'name' => null, 'style' => 'width:100% !important']) !!}
	</div>

	<div class="col-sm-4 @if(empty($featured_products)) hide @endif" id="feature_product_div">
		<button type="button" class="btn btn-primary btn-flat" id="show_featured_products">@lang('lang_v1.featured_products')</button>
	</div>

	<!--Shopify Integration Test Button -->
	<div class="col-sm-4" id="shopify_test">
		<button type="button" class="btn btn-primary btn-flat" id="shopify_test_btn">@lang('lang_v1.shopify_test')</button>
	</div>

	<div class="col-sm-4 @if(empty($featured_products)) hide @endif" id="feature_product_div">
		<button type="button" class="btn btn-primary btn-flat" id="show_featured_products">@lang('lang_v1.featured_products')</button>
	</div> --}}

</div>
<br>
<div class="row" style="
height: 626px;
overflow: auto;
">
	<input type="hidden" id="suggestion_page" value="1">
	<div class="col-md-12" id="featured_products_box">
		{{-- product list before --}}
		{{-- <div class="eq-height-row" id="product_list_body"></div> --}}
		@if(!empty($featured_products))
			@include('sale_pos.partials.featured_products')
		@endif
	</div>
	<div class="col-md-12 text-center" id="suggestion_page_loader" style="display: none;">
		<i class="fa fa-spinner fa-spin fa-2x"></i>
	</div>
</div>