@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>Spare Parts</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-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> {{$productpartsCount}}</strong> Spare parts 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($productparts 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="productpart_name" value="{{$product->productpart_name}}">
									<input type="hidden" name="product_code" value="{{$product->product_code}}">
									<input type="hidden" id="price" name="price" value="{{$product->productpart_price}}">
									<input type="hidden" id="quantity" name="quantity" value="1">
									<div class="ps-product">
										<div class="ps-product__thumbnail"><a href="{{url('/product-parts')}}/{{$product->productpart_slug}}"><img src="{{ URL::asset('storage/product/medium/'. $product->productpart_image) }}" alt=""></a>
											<ul class="ps-product__actions">
											<li><a href="{{url('/product-parts')}}/{{$product->productpart_slug}}" data-toggle="tooltip" data-placement="top" title="Read More"><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('product-parts')}}/{{$product->productpart_slug}}">{{$product->product_name}}</a>
											<div class="ps-product__content"><a class="ps-product__title" href="{{url('product-parts')}}/{{$product->productpart_slug}}">{{$product->productpart_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->productpart_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->productpart_price}}</p>
											</div>
											
										</div>
									</div>
								</form>	
								</div>
							@endforeach
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>    
</div>

@endsection