<?php $__env->startSection('title','Accueil '); ?>
<?php $__env->startSection('description','Accueil'); ?>
<?php $__env->startSection('content'); ?>


<div class="hero-slider-with-category-container mt-15 mb-15">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-12">
					<!--=======  slider left category  =======-->

					<div class="hero-side-category">
						<!-- Category Toggle Wrap -->
						<div class="category-toggle-wrap">
							<!-- Category Toggle -->
							<button class="category-toggle"> <span class="arrow_carrot-right_alt2 mr-2"></span> 
							<?php echo e(__('messages.tocat')); ?></button>
						</div>
						
						<!-- Category Menu -->
						<nav class="category-menu">
							<ul>
							<?php $__currentLoopData = $cat; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cats): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> 
							<?php

							   $libcat = strtoupper($cats->libelle);
							
							?>
								<li class=""><a href="<?php echo e(route('articles-par-categorie2',['id'=>$cats->id])); ?>">  <?php echo e(__('messages.cate', ['catego' => $libcat ])); ?></a>
									
								</li>
							<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
								<!-- <li><a href="#" id="more-btn"><span class="icon_plus_alt2"></span> Toutes les catégories</a></li> -->
							</ul>
						</nav>
					</div>

					<!--=======  End of slider left category  =======-->
				</div>

				<div class="col-lg-9 col-md-12">
					<!--=======  slider container  =======-->

					<div class="slider-container">
						<!--=======  Slider area  =======-->

						<div class="hero-slider-three">
							<!--=======  hero slider item  =======-->

							<div class="hero-slider-item slider-bg-1">
								<div class="slider-content">
								
									<p><img src="assets/images/icon-slider.png" alt=""><span ><font color="#fff"  style="font-weight:550; size:20px"><?php echo e(__('messages.vp')); ?> </font></span></p>
								
									<p><img src="assets/images/icon-slider.png" alt=""> <span><font color="#fff"><?php echo e(__('messages.comm')); ?></font></span></p>

								 <?php if( session('client') ==  null ): ?>	
									 
									<a href="<?php echo e(route('register')); ?>" style="background-color: white; color: black" class="slider-two-btn mt-20"><?php echo e(__('messages.reg')); ?></a>
									
								<?php endif; ?>
								
								</div>
							</div>	
							
							<div class="hero-slider-item slider-bg-2">
								<div class="slider-content">
								
									<p><img src="assets/images/icon-slider.png" alt=""><span ><font color="#fff"  style="font-weight:550; size:20px"><?php echo e(__('messages.vp')); ?> </font></span></p>
								
									<p><img src="assets/images/icon-slider.png" alt=""> <span><font color="#fff"><?php echo e(__('messages.comm')); ?></font></span></p>

								 <?php if( session('client') ==  null ): ?>	
									 
									<a href="<?php echo e(route('register')); ?>" style="background-color: white; color: black" class="slider-two-btn mt-20"><?php echo e(__('messages.reg')); ?></a>
									
								<?php endif; ?>
								
								</div>
							</div>
							
								<div class="hero-slider-item slider-bg-5">
								<div class="slider-content">
								
									<p><img src="assets/images/icon-slider.png" alt=""><span ><font color="#fff"  style="font-weight:550; size:20px"><?php echo e(__('messages.vp')); ?> </font></span></p>
								
									<p><img src="assets/images/icon-slider.png" alt=""> <span><font color="#fff"><?php echo e(__('messages.comm')); ?></font></span></p>

								 <?php if( session('client') ==  null ): ?>	
									 
									<a href="<?php echo e(route('register')); ?>" style="background-color: white; color: black" class="slider-two-btn mt-20"><?php echo e(__('messages.reg')); ?></a>
									
								<?php endif; ?>
								
								</div>
							</div>	

							<!--=======  End of hero slider item  =======-->


							<!--=======  Hero slider item  =======-->

							

							<!--=======  End of Hero slider item  =======-->

						</div>

						<!--=======  End of Slider area  =======-->
					</div>

					<!--=======  End of slider container  =======-->
				</div>

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

	<!--=====  End of Hero slider with category   ======-->



	<!--=============================================
	=            Policy area         =
	=============================================-->

	<div class="policy-section mb-35 mt-35">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="policy-titles d-flex align-items-center flex-wrap">
						<!--=============================================
						=            single policy         =
						=============================================-->

						<div class="single-policy">
							<span><i class="fa fa-shopping-cart" style="color:  #c96400; font-size: 30px"></i></span>
							<p> <?php echo e(__('messages.effcom')); ?></p>
						</div>

						<!--=====  End of single policy  ======-->
						<!--=======  single policy  =======-->

						<div class="single-policy">
							<span><i class="fa fa-map" style="color:  #c96400; font-size: 30px"></i></span>
							<p> <?php echo e(__('messages.bene')); ?></p>
						</div>

						<!--=======  End of single policy  =======-->


						<!--=======  single policy  =======-->

						<div class="single-policy">
							<span><i class="fa fa-refresh" style="color:  #c96400; font-size: 30px"></i></span>
							<p> <?php echo e(__('messages.qual')); ?></p>
						</div>

						<!--=======  End of single policy  =======-->

						

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

	<!--=====  End of Policy area  ======-->

	<!--=============================================
	=            category slider         =
	=============================================-->

	<div class="slider category-slider mb-35">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  category slider section title  =======-->

					<div class="section-title">
						<h3><?php echo e(__('messages.allcat')); ?></h3>
					</div>

					<!--=======  End of category slider section title  =======-->

				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<!--=======  category container  =======-->

					<div class="category-slider-container">

						<!--=======  single category  =======-->
						
						<?php $__currentLoopData = $categorie; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $categories): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

					<div class="single-category">
						<div class="category-image">
							<a href="<?php echo e(route('articles-par-categorie2',['id'=>$categories->id])); ?>" title="<?php echo e($categories->libelle); ?>">
								<img src="<?php echo e(asset('storage/'.$categories->image_categorie)); ?>" style="height: 100px; width:150px" class="img-fluid" alt="">
							</a>
						</div>
						<div class="category-title mb-20"> 
							<h3>
								<a href="<?php echo e(route('articles-par-categorie2',['id'=>$categories->id])); ?>"> <?php echo e($categories->libelle); ?></a>
								
							</h3>
						</div>
						</br>
					</div>


					   <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

						<!--=======  End of single category  =======-->

					</div>

					<!--=======  End of category container  =======-->

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

	<!--=====  End of category slider  ======-->

	<!--=============================================
	=            Tab slider         =
	=============================================-->



	<!--=====  End of Tab slider  ======-->
	
	
	
		<div class="slider slider-with-banner mb-0">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!--=======  blog slider section title  =======-->

					<div class="section-title coffee-title">
						<h3><?php echo e(__('messages.pdv')); ?></h3>
					</div>

					<!--=======  End of blog slider section title  =======-->
				</div>
			</div>

			<div class="row">

				<div class="col-lg-12">
					<!--=======  banner slider wrapper  =======-->

					<div class="banner-slider-wrapper">
						<div class="row no-gutters">
							
							<div class="col-lg-12 col-md-12 col-sm-12">
								<!--=======  banner slider container  =======-->

								<div class="banner-slider-container">
									
									<!--=======  single banner slider product  =======-->

								<?php $__currentLoopData = $produit; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $produits): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
										
									<div class="gf-product banner-slider-product">
									
										<div class="image">
												<a href="<?php echo e(route('add_to_cart',['id'=>$produits->id])); ?>">
												
												 <?php
											
												$ppp =  number_format($produits->prix, 0, ' ', ' ');
												?>
													 <span class="onsale"><?php echo e($ppp); ?> USD</span>
												 
													<img src="<?php echo e(asset('storage/'.$produits->image_produit)); ?>" style="height: 150px !important; border-radius: 10px !important" class="img-fluid" alt="" >
												</a>
												<div class="product-hover-icons">
												
												  <?php if( session('client') ==  null ): ?>
													  <a class="active" href="<?php echo e(route('login_client', ['id'=>$produits->id])); ?>" data-tooltip="<?php echo e(__('messages.apan')); ?>"> <span class="icon_cart_alt"></span></a>
												  <?php else: ?>
													<a class="active" href="<?php echo e(route('add_to_cart',['id'=>$produits->id])); ?>" data-tooltip="<?php echo e(__('messages.apan')); ?>"> <span class="icon_cart_alt"></span></a>
												  <?php endif; ?>
													
												
													
													<a type="button" href="#" data-id="<?php echo e($produits->id); ?>" data-toggle="tooltip" data-tooltip="<?php echo e(__('messages.dpr')); ?>" class="btn btn-outline-danger data-detail"><i class="fa fa-search"></i> </a>
														
												</div>
											</div>
									
										<div class="product-content mb-20">
												<div class="product-categories">
												
												<?php if( session('client') ==  null ): ?>
													
													<a href="<?php echo e(route('login_client', ['id'=>$produits->id])); ?>"><?php echo e($produits->designation); ?></a>
												
												<?php else: ?>
													
												   <a href="<?php echo e(route('add_to_cart',['id'=>$produits->id])); ?>"><?php echo e($produits->designation); ?></a>
												
												<?php endif; ?>
												
													
													
												</div>
												
											</div>

									</div>
									<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
									
									</div>
									
									

								<!--=======  End of banner slider container  =======-->

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

					<!--=======  End of banner slider wrapper =======-->
				</div>
			</div>
		</div>
	</div>
	

		<div class="slider slider-with-banner">
		<div class="container">
			
			<div class="row">

				<div class="col-lg-12">
					<!--=======  banner slider wrapper  =======-->

					<div class="banner-slider-wrapper">
						<div class="row no-gutters">
							
							<div class="col-lg-12 col-md-12 col-sm-12">
								<!--=======  banner slider container  =======-->

							
									
									<div class="banner-slider-container">
									
									
										<?php $__currentLoopData = $produito; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $produitos): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									
									
									<div class="gf-product banner-slider-product">
										
											<div class="image">
												<a href="<?php echo e(route('add_to_cart',['id'=>$produitos->id])); ?>">
												<?php
											
												$pp =  number_format($produitos->prix, 0, ' ', ' ');
												?>
												   
													 <span class="onsale"><?php echo e($pp); ?> USD</span>
												
													<img src="<?php echo e(asset('storage/'.$produitos->image_produit)); ?>" style="height: 150px !important; border-radius: 10px !important " class="img-fluid" alt="">
												</a>
												<div class="product-hover-icons">
													<?php if( session('client') ==  null ): ?>
													  <a class="active" href="<?php echo e(route('login_client', ['id'=>$produitos->id])); ?>" data-tooltip="Ajouter au panier"> <span class="icon_cart_alt"></span></a>
												  <?php else: ?>
													<a class="active" href="<?php echo e(route('add_to_cart',['id'=>$produitos->id])); ?>" data-tooltip="Ajouter au panier"> <span class="icon_cart_alt"></span></a>
												  <?php endif; ?>
													<a type="button" href="#" data-id="<?php echo e($produitos->id); ?>" data-toggle="tooltip" data-tooltip="Détail produit" class="btn btn-outline-danger data-detail"><i class="fa fa-search"></i> </a>
												</div>
											</div>
										
										<div class="product-content mb-20">
												<div class="product-categories">
												
											    <?php if( session('client') ==  null ): ?>
													
													<a href="<?php echo e(route('login_client', ['id'=>$produitos->id])); ?>"><?php echo e($produitos->designation); ?></a>
												
												<?php else: ?>
													
												<a href="<?php echo e(route('add_to_cart',['id'=>$produitos->id])); ?>"><?php echo e($produitos->designation); ?></a>
												
												<?php endif; ?>
												
													
												</div>
											
											</div>

									</div>
									<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
									
									
									
									<!--=======  End of single banner slider product =======-->
								</div>

								<!--=======  End of banner slider container  =======-->

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

					<!--=======  End of banner slider wrapper =======-->
				</div>
			</div>
		</div>
	</div>
	
	
		<div class="slider slider-with-banner mb-35">
		<div class="container">
			
			<div class="row">

				<div class="col-lg-12">
					<!--=======  banner slider wrapper  =======-->

					<div class="banner-slider-wrapper">
						<div class="row no-gutters">
							
							<div class="col-lg-12 col-md-12 col-sm-12">
								<!--=======  banner slider container  =======-->

							
									
									<div class="banner-slider-container">
									
									
										<?php $__currentLoopData = $produitoo; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $produitoos): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									
									
									<div class="gf-product banner-slider-product">
										
											<div class="image">
												<a href="<?php echo e(route('add_to_cart',['id'=>$produitoos->id])); ?>">
												<?php
											
												$pp =  number_format($produitoos->prix, 0, ' ', ' ');
												?>
												   
													 <span class="onsale"><?php echo e($pp); ?> USD</span>
												
													<img src="<?php echo e(asset('storage/'.$produitoos->image_produit)); ?>" style="height: 150px !important; border-radius: 10px !important " class="img-fluid" alt="">
												</a>
												<div class="product-hover-icons">
													<?php if( session('client') ==  null ): ?>
													  <a class="active" href="<?php echo e(route('login_client', ['id'=>$produitoos->id])); ?>" data-tooltip="Ajouter au panier"> <span class="icon_cart_alt"></span></a>
												  <?php else: ?>
													<a class="active" href="<?php echo e(route('add_to_cart',['id'=>$produitoos->id])); ?>" data-tooltip="Ajouter au panier"> <span class="icon_cart_alt"></span></a>
												  <?php endif; ?>
													<a type="button" href="#" data-id="<?php echo e($produitoos->id); ?>" data-toggle="tooltip" data-tooltip="Détail produit" class="btn btn-outline-danger data-detail"><i class="fa fa-search"></i> </a>
												</div>
											</div>
										
										<div class="product-content mb-20">
												<div class="product-categories">
												
											    <?php if( session('client') ==  null ): ?>
													
													<a href="<?php echo e(route('login_client', ['id'=>$produitoos->id])); ?>"><?php echo e($produitoos->designation); ?></a>
												
												<?php else: ?>
													
												<a href="<?php echo e(route('add_to_cart',['id'=>$produitoos->id])); ?>"><?php echo e($produitoos->designation); ?></a>
												
												<?php endif; ?>
												
													
												</div>
											
											</div>

									</div>
									<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
									
									
									
									<!--=======  End of single banner slider product =======-->
								</div>

								<!--=======  End of banner slider container  =======-->

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

					<!--=======  End of banner slider wrapper =======-->
				</div>
			</div>
		</div>
	</div>	


	<div class="slider slider-with-banner mb-35">
		<div class="container">
			
			<div class="row">

				<div class="col-lg-12">
					<!--=======  banner slider wrapper  =======-->
					
					<div class="section-title">
						<h3><?php echo e(__('messages.lpcom')); ?></h3>
					</div>


					<div class="banner-slider-wrapper">
						<div class="row no-gutters">
							
							<div class="col-lg-12 col-md-12 col-sm-12">
								<!--=======  banner slider container  =======-->

							
									
									<div class="banner-slider-container">
									
									
										<?php $__currentLoopData = $best; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bests): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									
									
									<div class="gf-product banner-slider-product">
									
										 <?php
										 
										 $lang = app()->getLocale();

													$produit = DB::table('produit')
														->select(
															'image_produit',
															"designation_$lang as designation",
															'categorie_id',
															'prix',
														)
														->where('id', $bests->produit_id)
														->first();

													$imgseller = $produit->image_produit;
													$desi = $produit->designation;
													$idcateg = $produit->categorie_id;
													$pr = number_format($produit->prix, 0, ' ', ' ');
													
													$ct = DB::table('categorie')->where('id', $produit->categorie_id)->value("libelle_$lang");

													?>
										
											<div class="image">
												<a href="<?php echo e(route('add_to_cart',['id'=>$bests->produit_id])); ?>">
												
													 <span class="onsale"><?php echo e($pr); ?> USD</span>
												
													<img src="<?php echo e(asset('storage/'.$imgseller)); ?>" style="height: 150px !important; border-radius: 10px !important " class="img-fluid" alt="">
												</a>
												
												<div class="product-hover-icons">
													<?php if( session('client') ==  null ): ?>
													  <a class="active" href="<?php echo e(route('login_client', ['id'=>$bests->id])); ?>" data-tooltip="Ajouter au panier"> <span class="icon_cart_alt"></span></a>
												  <?php else: ?>
													<a class="active" href="<?php echo e(route('add_to_cart',['id'=>$bests->id])); ?>" data-tooltip="Ajouter au panier"> <span class="icon_cart_alt"></span></a>
												  <?php endif; ?>
													<a type="button" href="#" data-id="<?php echo e($bests->id); ?>" data-toggle="tooltip" data-tooltip="Détail produit" class="btn btn-outline-danger data-detail"><i class="fa fa-search"></i> </a>
												</div>
											</div>
										
										<div class="product-content mb-20">
												<div class="product-categories">
												
												<?php if( session('client') ==  null ): ?>
													
													<a href="<?php echo e(route('login_client', ['id'=>$bests->id])); ?>"><?php echo e($desi); ?></a>
												
												<?php else: ?>
													
												<a href="<?php echo e(route('add_to_cart',['id'=>$bests->id])); ?>"><?php echo e($desi); ?></a>
												
												<?php endif; ?>
												
													
												</div>
											
											</div>

									</div>
									<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
									
									
									
									<!--=======  End of single banner slider product =======-->
								</div>

								<!--=======  End of banner slider container  =======-->

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

					<!--=======  End of banner slider wrapper =======-->
				</div>
			</div>
		</div>
	</div>
	



	<!--=====  End of Best seller slider  ======-->

	<!--=============================================
	=            Blog post slider container         =
	=============================================-->

	<!--=====  End of Blog post slider  ======-->


	<!--=============================================
	=            Brand logo slider         =
	=============================================-->

 <!--=======	<div class="slider brand-logo-slider mb-35">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					  blog slider section title 

					<div class="section-title">
						<h3>NOS PARTENAIRES</h3>
					</div>

					 End of blog slider section title  
				</div>
			</div>

			<div class="row">
				<div class="col-lg-12">
					<!--=======  brand logo wrapper  =======-->

					
					<!--=======  End of brand logo wrapper 
				</div>
			</div>
		</div>
	</div>  =======-->
	
<?php $__env->startPush('scripts'); ?>

	<style>
    .single-category {
        border-left: solid 1px #a2b3c2 !important;
        overflow: hidden; /* Pour éviter que l'image déborde */
    }
	
	.single-best-seller-item {
        border-left: solid 1px #a2b3c2 !important;
        overflow: hidden; /* Pour éviter que l'image déborde */
    }

    .single-category .category-image img {
        transition: transform 0.3s ease;
    }

   .single-category:hover .category-image img {
    transform: scale(1.1);
   }
   
   #monElement {
    width: 200px !important;
   }
    
</style>



	<script>
        $(".data-detail").on('click', function () {
                var id=$(this).data('id');
                $.get('Produits/'+id, function (data) {
                  var html = `
				  
				  
				  	<div class="row">
						<div class="col-lg-5 col-md-6 col-xs-12">
							
							<img src="storage/`+data.produ.image_produit+`" style="border-radius: 10px !important; object-fit: cover !important" class="img-fluid" alt="">
							
						</div>
						<div class="col-lg-7 col-md-6 col-xs-12">
							<!-- product quick view description -->
							<div class="product-feature-details">
								<h2 class="product-title mb-15">`+data.produ.designation+`</h2>
								
								
                                  
								<h2 class="product-price mb-15">
									
									<span class="discounted-price"> `+data.produ.prix+` USD</span>
								</h2>

								<p class="product-description mb-20">`+data.produ.description+` </p>

								
								<div class="social-share-buttons">
									<h3><?php echo e(__('messages.parp')); ?></h3>
									<ul>
										<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
										<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
										<li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
										<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
									</ul>
								</div>
							
						</div>
					</div>
				</div>
				  
				  
                               `
            ;
            $('#voir').html('').append(html);
          })
          $('#Detailmodal').modal();
        });
    </script>
	
    <script>
	      document.getElementById('monElement').style.width = '200px';
    </script>
	
<?php $__env->stopPush(); ?>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\samassmarket\resources\views/accueil.blade.php ENDPATH**/ ?>