@extends('front.layouts.app')
@section('title', 'Preporučeni materijali')
@section('content')
<div class="container">
  <div class="row">
    <div class="page-head">
      <div class="page-head-content">
        <h1>Materijali</h1>
        <h2>Preporučeni materijali</h2>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row">

    <div class="">
         <!-- Prikaz proizvoda -->
         <div class="product-list">
           @foreach($products as $product)
               <a href="{{ route('products.show', $product->slug) }}" class="product-box" data-aos="fade-up" data-aos-once="true" data-aos-delay="{{ $loop->index*10 }}">
                 @if ($product->price_discount)
                 <div class="product-box-discount pulse"><span>{{ round((($product->price-$product->price_discount)/$product->price * 100)) }}% <br /><small>POPUST</small></span></div>
                 @endif

                 <div class="product-box-image">
                   @forelse($product->images as $image)
                   <img src="{{url('storage/'.$image->thumbnail_path)}}" alt="">

                   @empty
                   <img src="https://placehold.co/300" alt="">
                   @endforelse

                 </div>
                 <h3>{{ $product->title }}</h3>
                  @if($product->price_discount)
                      <p class="original-price">{{ $product->price }} RSD/{{ $product->unit }}</p>
                      <p class="discount-price">{{ $product->price_discount }} RSD/{{ $product->unit }}</p>
                  @else
                      <p class="price">{{ $product->price }} RSD/{{ $product->unit }}</p>
                  @endif
              </a>
           @endforeach

         </div>

         {{ $products->links() }}
    </div>

  </div>
</div>






<style>



</style>
@endsection
@section('scripts')
@endsection