@extends('layouts.frontend.app')

@section('content')

<div class="ps-breadcrumb">
    <div class="ps-container container-fluid costum-container">
        <ul class="breadcrumb">
            <li><a href="{{url('/')}}">Home</a></li>
            <li><a href="{{url('/products')}}">Products</a></li>
			<li>Product Category</li>
        </ul>
		@if ($message = Session::get('error'))
		<div class="alert alert-danger alert-block">
			<button type="button" class="close" data-dismiss="alert">×</button>	
				<strong>{{ $message }}</strong>
		</div>
		@endif
		@if ($message = Session::get('success'))
			<div class="alert alert-success alert-block">
				<button type="button" class="close" data-dismiss="alert">×</button>	
					<strong>{{ $message }}</strong>
			</div>
		@endif
    </div>
</div>

<div class="ps-page--shop" id="shop-sidebar">
    <div class="container-fluid costum-container">
        <div class="ps-layout--shop">
            <div class="ps-layout__left">
				@include('frontend.sidebar');
            </div>

			<div class="ps-layout__right">
				<div class="ps-shopping ps-tab-root">


<div class="search-baar-product">
    <form class="ps-form--quick-search" action="" method="">
        <input class="form-control" type="text" name="" placeholder="Search..." value="" style="border: 1px solid black;">
        <button>Search</button>
    </form>
</div>

					<div class="ps-shopping__header">
						<p><strong> {{$countProductBySubCategory}}</strong> Products found</p>
						<div class="ps-shopping__actions">
							<select class="ps-select select2-hidden-accessible" data-placeholder="Sort Items" data-select2-id="1" tabindex="-1" aria-hidden="true">
								<option data-select2-id="3">Sort by latest</option>
								<option>Sort by popularity</option>
								<option>Sort by average rating</option>
								<option>Sort by price: low to high</option>
								<option>Sort by price: high to low</option>
							</select>
						</div>
					</div>






					<div class="product-page-category">
						<div class="row">
							@foreach($productBySubCategory as $product)
								<div class="col-sm-3 col-lg-3 col-md-3 col-xs-6">
								<form name="addtoCartForm" action="{{ url('/add-cart') }}" id="addtoCartForm" method="post">{{ csrf_field() }}
									<input type="hidden" name="product_id" value="{{$product->id}}">
									<input type="hidden" name="product_name" value="{{$product->product_name}}">
									<input type="hidden" name="product_code" value="{{$product->product_code}}">
									<input type="hidden" id="price" name="price" value="{{$product->selling_price}}">
									<input type="hidden" id="quantity" name="quantity" value="1">
									<div class="ps-product">
										<div class="ps-product__thumbnail"><a href="{{url('products')}}/{{$product->slug}}"><img src="{{ URL::asset('storage/product/medium/'. $product->product_image) }}" alt=""></a>
											<ul class="ps-product__actions">
												<li><a href="{{url('products')}}/{{$product->slug}}" data-toggle="tooltip" data-placement="top" title="Read More"><i class="icon-eye"></i></a></li>
												<!-- <li><a href="#" data-placement="top" title="Quick View" data-toggle="modal" data-target="#product-quickview"><i class="icon-eye"></i></a></li> -->
												<li><button type="submit" data-toggle="tooltip" data-placement="top" title="Add to cart" name="AddToCart" value="Add to cart"><i class="icon-bag2"></i></button></li>
												<li><a href="#" data-toggle="tooltip" data-placement="top" title="Compare"><i class="icon-chart-bars"></i></a></li>
											</ul>
										</div>
										<div class="ps-product__container"><a class="ps-product__vendor" href="{{url('products')}}/{{$product->slug}}">{{$product->category_name}}</a>
											<div class="ps-product__content"><a class="ps-product__title" href="{{url('products')}}/{{$product->slug}}">{{$product->product_name}}</a>
												<div class="ps-product__rating">
													<select class="ps-rating" data-read-only="true">
														<option value="1">1</option>
														<option value="1">2</option>
														<option value="1">3</option>
														<option value="1">4</option>
														<option value="2">5</option>
													</select><span>01</span>
												</div>
												<p class="ps-product__price">${{$product->regular_price}}</p>
											</div>
											<div class="ps-product__content hover"><a class="ps-product__title" href="{{url('products')}}/{{$product->slug}}">{{$product->product_name}}</a>
												<p class="ps-product__price">${{$product->regular_price}}</p>
											</div>
											<button type="submit" class="home-btn ps-btn--black" name="AddToCart" value="Add to cart">Add to cart</button>
                                            <button type="submit" class="home-btn ps-btn--black" style="background: #eb1c24;" name="AddToCart" value="Buy Now">Buy Now</button>
										</div>
									</div>
								</form>
								</div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>    
</div>

@endsection