@extends('layouts.frontLayout.front_design')
@section('content')
<section class="divider-screen-sm fade-medium">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 padding-right" >
        <div class="features_items">
          <h2 class="title text-center mb-5">
            @if(!empty($search_product))
              {{ $search_product }}  
            @else
              {{ $categoryDetails->name }}  
            @endif
          </h2>
          @foreach($productsAll as $pro)  
            <div class="col-sm-4">
              <div class="product-image-wrapper">
                <div class="single-products">
                  <div class="productinfo text-center">
                    <img src="{{ asset('/images/backend_images/product/small/'.$pro->image) }}" alt="" />
                    <a href="{{ url('/product/'.$pro->id) }}"> <h5>{{ $pro->product_name }}</h5></a>
                    <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 der warenkorb</a>
                  </div>
                </div>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>
</section>
@endsection