@extends('layouts.frontLayout.front_design')
@section('content')
<section class="divider-screen-products fade-medium">
  <div class="container">
    <div class="row">
      <div class="col-sm-3">
        @include('layouts.frontLayout.front_sidebar')
      </div>
      <div class="col-sm-9 padding-right">
        <div class="features_items">
          <h2 class="title text-center">
            @if(!empty($search_product))
              {{ $search_product }}  
            @else
              {{ $categoryDetails->name }}  
            @endif
          </h2>
          <div class="row">
            @foreach($productsAll as $pro)
              <div class="col-xs-offset-3 col-md-offset-0 col-xs-6 col-md-3 col-lg-3">
                <div class="product-image-wrapper">
                  <div class="single-products">
                    <div class="productinfo text-center">
                      <a href="{{ url('/product/'.$pro->id) }}">
                        <img src="{{ asset('/images/backend_images/product/small/'.$pro->image) }}" class="
                        thumbnail responsive" alt="" />
                      </a>
                      <a href="{{ url('/product/'.$pro->id) }}"> <h5>{{ $pro->product_name }}</h5></a>
                      <div class="divider"></div>
                      <h5>Artikel Nr: {{ $pro->product_code }}</h5>
                      <div class="divider"></div>
                      <h5>CHF {{ $pro->price }}</h5>
                      <div class="divider"></div>
                      <a href="{{ url('/product/'.$pro->id) }}" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>In den Warenkorb</a>
                    </div>
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
        <div class="text-center">{{ $productsAll->links()}}</div>       
      </div>
    </div>
  </div>
</section>
@endsection