@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="ps-shopping__header">
						<p><strong> {{$countProductByCategory}}</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($productByCategory 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>
										</div>
									</div>
								</form>
								</div>
							@endforeach
						</div>
					</div>
					<div class="ps-home-promotions today-offer-deal" style="padding-bottom: 0px;">
						<div class="related-p">
							<div class="ps-section__header pb-40 pt-30">
								<h3>Related<span> Spare </span> Parts</h3>
							</div>
							<div class="row">
								@foreach($productsPart as $productpart)
								<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 col-6 ">
										<div class="ps-block--category"><a href="{{url('/product-parts')}}/{{$productpart->productpart_slug}}"></a><img src="{{ URL::asset('storage/product/medium/'. $productpart->productpart_image) }}" alt="Inkjet Printer">
											<p>{{$productpart->productpart_name}}</p>
											<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>
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>    
</div>

@endsection