@extends('layouts.master')
@section('title', 'Produits')
@section('produitactive', 'active') 
@section('content')
        
        <div class="page-content">
        
            <!-- INNER PAGE BANNER -->
            <div class="mt-bnr-inr overlay-wraper bg-parallax bg-top-center"  data-stellar-background-ratio="0.5"  style="background-image:url(template/images/banner/1.jpg);">
                <div class="overlay-main bg-black opacity-07"></div>
                <div class="container">
                    <div class="mt-bnr-inr-entry">
                        <div class="banner-title-outer">
                            <div class="banner-title-name">
                                <h2 class="m-b0">ELYT BTP, votre partenaire de confiance pour des finitions parfaites et durables</h2>
                            </div>
                        </div>
                        <!-- BREADCRUMB ROW -->                            
                        
                            <div>
                                <ul class="mt-breadcrumb breadcrumb-style-2">
                                    <li><a href="{{url('/')}}">Accueil</a></li>
                                    <li>Nos produits</li>
                                </ul>
                            </div>
                        
                        <!-- BREADCRUMB ROW END -->                        
                    </div>
                </div>
            </div>
            <!-- INNER PAGE BANNER END -->

                        
                        <!-- OUR SPECIALLIZATION START -->
                        
                        <div class="section-full p-t80 p-b50 mobile-page-padding our-product3-wrap" style="background-image:url(template/images/background/bg-6.png);">
                            <div class="container">
                                <!-- IMAGE CAROUSEL START -->
                                <div class="section-content">
                                    <div class="section-head m-b50 text-black text-center">
                                        <h3 class="m-t0">Nos produits</h3>
                                        <p>Découvrez nos differents produits et équipements de qualités</p>
                                    </div>
                                    <div class="row d-flex justify-content-center">

                                        @foreach(product() as $products)
                                        <div class="col-lg-4 col-md-6 m-b30" style="cursor: pointer" onclick="window.location.href='{{url('detail_produit/'.$products->id)}}'">
                                        
                                            <div class="image-effect-one hover-shadow">
                                                <img src="{{url($products->picture)}}" alt="" />
                                                <div class="figcaption">
                                                    <h4>{{$products->title}}</h4>
                                                    {!! @$products->body !!}
                                                    <a href="{{url('detail_produit/'.$products->id)}}"><i class="link-plus site-bg-primary"></i></a>
                                                </div>
                                                                                    
                                            </div>
                                                                            
                                        </div>
                                        @endforeach
                                        

                                        

                                        
                                    </div>
                                </div>
                            </div>
                        </div>

                      
            
        </div>

@endsection