@extends('layouts.app')

@section('styles')
@endsection

@section('content')
@include('web.header')
      <!-- end banner -->
       <div class="back_re">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="title">
                          <h2>Our Products</h2>
                  </div>
               </div>
            </div>
         </div>
      </div>
    
      <!-- our products -->
      <div class="products">
         <div class="container">
            <div class="row">
               <div class="col-md-7">
                  <div class="titlepage">
                    
                     <span>We supply to a variety of companies all over the world
in small and bigger quantities
                     </span>
                  </div>
               </div>
            </div>
            <div class="row">
               @foreach($products as $product)
               <div class="col-lg-3 col-md-6 col-sm-6">
                   <a href="{{ route('detail' , $product->id)}}">
                  <div id="ho_bo" class="our_products">
                     <div class="product">
                        <figure><img src="data:image/jpeg;base64,{{$product->image}}" alt="#"/></figure>
                     </div>
                     <h3>{{$product->name}}</h3>
                     <span>{{$product->price}} $</span>
                     <!--<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non </p>-->
                  </div>
                  </a>
               </div>
               @endforeach
                
            </div>
         </div>
      </div>
@endsection

@section('scripts')

@endsection