<!DOCTYPE html>
<html class="no-js" lang="zxx">


<!-- Mirrored from htmldemo.hasthemes.com/greenfarm/greenfarm/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 10 Jul 2021 07:56:25 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>@yield('title') | E-Commerce</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	<link rel="icon" href="{{asset('assets/images/log.png')}}">

	<!-- CSS
	============================================ -->
	<!-- Bootstrap CSS -->
	<link href="{{asset('assets/css/bootstrap.min.css')}}" rel="stylesheet">

	<!-- FontAwesome CSS -->
	<link href="{{asset('assets/css/font-awesome.min.css')}}" rel="stylesheet">

	<!-- Elegent CSS -->
	<link href="{{asset('assets/css/elegent.min.css')}}" rel="stylesheet">

	<!-- Plugins CSS -->
	<link href="{{asset('assets/css/plugins.css')}}" rel="stylesheet">

	<!-- Helper CSS -->
	<link href="{{asset('assets/css/helper.css')}}" rel="stylesheet">

	<!-- Main CSS -->
	<link href="{{asset('assets/css/main.css')}}" rel="stylesheet">

	<!-- Modernizer JS -->
	<script src="{{asset('assets/js/vendor/modernizr-2.8.3.min.js')}}"></script>
	<link href="{{asset('toastr/toastr.min.css')}}" rel="stylesheet" type="text/css" />
 
    <style>
    #card-element {
      border: 1px solid #ccc;
      padding: 10px;
      border-radius: 5px;
    }

    .StripeElement {
      background-color: white;
      padding: 10px;
    }

    .form-row {
      margin-bottom: 15px;
    }
  </style>

	<style>

.main-menu nav > ul > li.active > a, .main-menu nav > ul > li:hover > a {
    color: #cb6600;
   
}

.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
    background-color: #c96400;
   
}


.breadcrumb-area .breadcrumb-container ul li.active {
    color: #c96400;
}


.slider .section-title:before {

    background: #fff;
    
}

.slider .slick-arrow i.fa {
    border: 2px solid #c96400 !important;
    color: #c96400 !important;
}

.category-slider-container .slick-slide .category-image img {
    border-radius: 5% !important;
}


.slider .section-title.coffee-title h3:after {
   
    border-top: 15px solid #c96400;

}

.slider .section-title h3:before {
    background: #c96400;

}

.slider .section-title h3:after {
  
    border-top: 15px solid #c96400;
}



.slider .section-title.coffee-title h3:before {
    background: #c96400;
}

.slider .section-title.coffee-title h3 {
    background: #c96400;
}

.tab-slider-wrapper .nav-tabs .nav-link.active:before {
    background: #c96400;
    height: 12px;
}


footer {
    background-color: #c96400;
}


.tab-slider-wrapper .nav-tabs  {
    background: #c96400;
    
}


.slider .section-title h3 {
  
    background: #c96400;
    
}


.register-button {
    background-color: #c96400;
}

.register-button:hover {
    background-color: #9f8024;
}

     .header-top {
       background-color:#c96400; }

	   .header-advance-search button:hover {
       background-color: #c96400;
     }

	 .header-advance-search button {

		background-color: #c96400;
	}

	.category-toggle-wrap:before {
    background: #c96400;
   
     }

 .category-toggle-wrap:after {
   
	border-top: 15px solid #c96400;
   
     }


	 .hero-side-category .category-toggle-wrap {
    background-color: #c96400;
}

 #global-loader {
  position: fixed;
  z-index: 50000;
  background: #fff;
  inset: 0;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.5s ease;
}

#global-loader.fade-out {
  opacity: 0;
  pointer-events: none;
}

.loader-img {
  width: 100px; /* ou ce que tu veux */
}

.bg-white {
    background-color: var(--gray-dark) !important;
}

body {
    background-color: #f5f5f5;
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    visibility: visible;
    color: #666666;
    position: relative;
    overflow-x: hidden;
    padding-top: 186px;
}


</style>

@stack('styles')

</head>

<body>

    <div id="global-loader">
		<img src="{{ asset('assets/images/w3.gif') }}" class="loader-img" alt="Loader">
	</div>

	<!--=============================================
	=            Header         =
	=============================================-->

	<header>
		<!--=======  header top  =======-->

		<div class="header-top pt-10 pb-10 pt-lg-10 pb-lg-10 pt-md-10 pb-md-10">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-center text-sm-left">
						<!-- currncy language dropdown -->
						<div class="lang-currency-dropdown">
							<ul>
								
								<li><a type="" style="color:white"
                    href="https://api.whatsapp.com/send?phone=0022890891804&text=Bonjour,%20je%20veux%20passer%20une%20commande/%20une%20location%20"
                    target="_blank"> <i style="font-size:15px" class="fa fa-whatsapp fa-2x"></i>  {{ __('messages.nscons') }}</a>
								</li>
							</ul>
						</div>
						
						<!-- end of currncy language dropdown -->
					</div>
					
						<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12  text-center text-sm-right">
						<!-- header top menu -->
						<div class="header-top-menu">

						<ul>
							@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
								<li>
									<a rel="alternate" hreflang="{{ $localeCode }}" href="{{ LaravelLocalization::getLocalizedURL($localeCode, null, [], true) }}">
										<i class="fa fa-globe"></i> {{ $properties['native'] }}
									</a>
								</li>
							@endforeach
                       </ul>

						</div>
						<!-- end of header top menu -->
					</div>
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12  text-center text-sm-right">
						<!-- header top menu -->
						<div class="header-top-menu">

							<ul>
							
							   @if( session('client') ==  null )
								 <li><a href="{{route('client')}}">{{ __('messages.ms1') }}</a></li>
							   @else
								    <li style="color:white"><i class="fa fa-user"></i> {{session('client')->prenom}} </li>
								
								    <li><a href="{{route('compte')}}"> {{ __('messages.ms2') }} </a></li>
							   @endif
								
								
							</ul>
						</div>
						<!-- end of header top menu -->
					</div>
				</div>
			</div>
		</div>

		<!--=======  End of header top  =======-->

		<!--=======  header bottom  =======-->

		<div class="header-bottom header-bottom-one header-sticky">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-12 col-xs-12 text-lg-left text-md-center text-sm-center">
						<!-- logo -->
						<div class="logo mt-15 mb-15">
							<a href="{{route('accueil')}}">
							  <img src="{{asset('storage/'.$info_logo)}}" class="img-fluid" alt="logo">
							</a>
						</div>
						<!-- end of logo -->
					</div>
					<div class="col-md-9 col-sm-12 col-xs-12">
						<div
							class="menubar-top d-flex justify-content-between align-items-center flex-sm-wrap flex-md-wrap flex-lg-nowrap mt-sm-15">
							<!-- header phone number -->
							<div class="header-contact d-flex">
								<div class="phone-icon">
									<img src="assets/images/icon-phone.png" class="img-fluid" alt="">
								</div>
								<div class="phone-number">
								{{ __('messages.tel') }}: <span class="number">{{$tel1}}</span>
								</div>
							</div>
							<!-- end of header phone number -->
							<!-- search bar -->
							<div class="header-advance-search">
								<form action="{{route('searchPost')}}" method="POST">
								{{csrf_field()}}
									<input type="text" placeholder="{{ __('messages.rech') }}" value="{{$rech}}" name="rech">
									<button type="submit"><span class="icon_search"></span></button>
								</form>
							</div>
							<!-- end of search bar -->
							<!-- shopping cart -->
							<div class="shopping-cart" id="shopping-cart">
								<a href="#">
									<div class="cart-icon d-inline-block">
										<span class="icon_bag_alt"></span>
									</div>
									<div class="cart-info d-inline-block">
										<p>{{ __('messages.com') }}
										
										 
										   @if( session('client') ==  null )
											<span>
											  0 {{ __('messages.ele') }} - 0.00
											</span>
											@else
												
											   @php 
											   
											   $idcli =  session('client')->id;

                                               $nvp = DB::table('ligne_commande')->where('client_id', $idcli)->where('etat', 'En cours')->get()->count();
											   
                                               $vp = DB::table('ligne_commande')->where('client_id', $idcli)->where('etat', 'En cours')->limit(3)->get();
											   
                                               $somme = DB::table('ligne_commande')->where('client_id', $idcli)->where('etat', 'En cours')->get()->sum('somligne');
											   
											   @endphp
											
												<span>
											  {{$nvp}} {{ __('messages.ele') }} - {{$somme}} FCFA
											</span>
											@endif
											
											
										</p>
									</div>
								</a>
								<!-- end of shopping cart -->

								<!-- cart floating box -->
								
							 @if( session('client') )	
								
								 @if( $somme > 0 )
								
								<div class="cart-floating-box" id="cart-floating-box">
								
								    @if( session('client') )	
										 
									 <div class="cart-items">
										 
									
										@foreach($vp as $vps)
										
										  @php 
										  
										  $lang = app()->getLocale();
										  
										  $prod = DB::table('produit')
													->select(
														'id',
														DB::raw("designation_$lang as designation"),
														DB::raw("description_$lang as description"),
														'image_produit',
														'categorie_id',
														'prix',
														'etat_pub',
														'etat_dispo'
													)
													->where('id',$vps->produit_id)
													->first();
										  
										    $img = $prod->image_produit;
											
										    $designa = $prod->designation;
											
											$pp = $prod->prix;
											
						
										  
										  @endphp
										
										
									
										<div class="cart-float-single-item d-flex">
											<span class="remove-item"><a href="#"></a></span>
											<div class="cart-float-single-item-image">
												<a href="single-product.html"><img src="{{asset('storage/'.$img)}}" class="img-fluid"
														alt=""></a>
											</div>
											<div class="cart-float-single-item-desc">
												<p class="product-title"> <a href="single-product.html">{{$designa}} </a></p>
												<p class="price"><span class="count">{{$vps->qte}}x</span> {{$pp}} FCFA</p>
											</div>
										</div>
									
									
										 @endforeach
										
										 
										 </div>
										 
										 @endif
										 
								    @if( session('client') )
						
									<div class="cart-calculation">
									
									  @if($nvp > 0 )
									
										<div class="calculation-details">
										
											
											<p class="total">{{ __('messages.tot') }}<span>{{$somme}} </span></p>
											
										
										</div>
										
									@endif
									
										<div class="floating-cart-btn text-center">
											<a href="{{route('cart')}}"><i class="fa fa-shopping-cart"></i> {{ __('messages.pan') }}</a>
										</div>
									</div>
									@endif	
								</div>
								
								@endif	
								
							@endif	
								<!-- end of cart floating box -->
							</div>
						</div>

						<!-- navigation section -->
						<div class="main-menu">
							<nav>
								<ul>
									<li class="{{ request()->routeIs('accueil') ? 'active' : '' }}">
										<a href="{{ route('accueil') }}">{{ __('messages.ac') }}</a>
									</li>
									<li class="{{ request()->routeIs('boutique') ? 'active' : '' }}">
										<a href="{{ route('boutique') }}">{{ __('messages.vp') }}</a>
									</li>
									<li class="{{ request()->is('contact') ? 'active' : '' }}">
										<a href="{{ route('contact-us') }}">{{ __('messages.nscon') }}</a>
									</li>

								   @if( session('client') ==  null )

									<li class="{{ request()->routeIs('register') ? 'active' : '' }}">
										<a href="{{ route('register') }}">{{ __('messages.clienr') }}</a>
                                     </li>

								  @endif

								</ul>
							</nav>
						</div>
						<!-- end of navigation section -->
					</div>
					<div class="col-12">
						<!-- Mobile Menu -->
						<div class="mobile-menu d-block d-lg-none"></div>
					</div>
				</div>
			</div>
		</div>

		<!--=======  End of header bottom  =======-->
	</header>

	<!--=====  End of Header  ======-->

	<!--=============================================
	=            Hero slider Area         =
	=============================================-->

	@yield('content')

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



	<!--=============================================
	=            Footer         =
	=============================================-->

	<footer>
		<!--=======  newsletter section  =======-->

		
		<!--=======  End of newsletter section  =======-->

		<!--=======  social contact section  =======-->

		<div class="social-contact-section pt-50 pb-50">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-12 order-2 order-md-2 order-sm-2 order-lg-1">
						<!--=======  social media links  =======-->

						<div class="social-media-section">
							<h3 style="color:#fff">{{ __('messages.sv') }} </h3>
							<div class="social-links">
								<a class="facebook" href="http://www.facebook.com/" data-tooltip="Facebook"><i
										class="fa fa-facebook"></i></a>
								<a class="twitter" href="http://www.twitter.com/" data-tooltip="Twitter"><i
										class="fa fa-twitter"></i></a>
								<a class="instagram" href="http://www.instagram.com/" data-tooltip="Instagram"><i
										class="fa fa-instagram"></i></a>
								<a class="linkedin" href="http://www.linkedin.com/" data-tooltip="Linkedin"><i
										class="fa fa-linkedin"></i></a>
							</div>
						</div>

						<!--=======  End of social media links  =======-->

					</div>
					<div class="col-lg-8 col-md-12 order-1 order-md-1 order-sm-1 order-lg-2  mb-sm-50 mb-xs-50">
						<!--=======  contact summery  =======-->

						<div class="contact-summery">
							<h3 style="color:#fff">{{ __('messages.coninf') }}</h3>

							<!--=======  contact segments  =======-->

							<div class="contact-segments d-flex justify-content-between flex-wrap flex-lg-nowrap">
								<!--=======  single contact  =======-->

								<div class="single-contact d-flex mb-xs-20">
									<div class="icon">
										<span class="icon_pin_alt"></span>
									</div>
									<div class="contact-info">
										<p>{{ __('messages.adr') }}: <span>{{$adresse}}</span></p>
									</div>
								</div>

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

								<div class="single-contact d-flex mb-xs-20">
									<div class="icon">
										<span class="icon_mobile"></span>
									</div>
									<div class="contact-info">
										<p>{{ __('messages.tel') }}: <span>{{$tel1}}</span></p>
									</div>
								</div>

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

								<div class="single-contact d-flex">
									<div class="icon">
										<span class="icon_mail_alt"></span>
									</div>
									<div class="contact-info">
										<p>{{ __('messages.em') }}: <span>{{$email}}</span></p>
									</div>
								</div>

								<!--=======  End of single contact  =======-->
							</div>

							<!--=======  End of contact segments  =======-->



						</div>

						<!--=======  End of contact summery  =======-->

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

		<!--=======  End of social contact section  =======-->

		<!--=======  footer navigation  =======-->

		
		<!--=======  End of footer navigation  =======-->


		<!--=======  copyright section  =======-->

		<div class="copyright-section pb-35">
			<div class="container">
				<div class="row align-items-md-center align-items-sm-center">
					<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 text-center text-md-left">
						<!--=======  copyright text	  =======-->

						<div class="copyright-segment">
							<p>
								<a href="#" style="color:#fff">{{ __('messages.poli') }}</a>
								<span class="separator" style="color:#fff">|</span>
								<a href="#" style="color:#fff">{{ __('messages.tercon') }}</a>
							</p>
						</div>

						<!--=======  End of copyright text	  =======-->

					</div>	
					
					<div class="col-lg-3 col-md-6 col-sm-12 col-xs-12 text-center text-md-left">
						<!--=======  copyright text	  =======-->

					 <div class="header-advance-search">
								<form action="{{route('searchPost')}}" method="POST">
								{{csrf_field()}}
									<input type="text" placeholder="{{ __('messages.rech') }}" value="{{$rech}}" name="rech">
									<button type="submit"><span class="icon_search"></span></button>
								</form>
							</div>
						<!--=======  End of copyright text	  =======-->

					</div>
					<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12">
						<!--=======  payment info  =======-->

						<div class="payment-info text-center text-md-right">
							<p style="color: white" class="copyright-text">&copy; 2023 <a href="https://htmldemo.hasthemes.com/">Powered By ZEK Corporation</a>. {{ __('messages.todr') }}</p>
						</div>

						<!--=======  End of payment info  =======-->

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

		<!--=======  End of copyright section  =======-->
	</footer>

	<!--=====  End of Footer  ======-->

	<!--=============================================
	=            Quick view modal         =
	=============================================-->

<div class="modal fade quick-view-modal-container" id="Detailmodal" tabindex="-1" role="dialog"
		aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content" style="width:70% !important">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body" id="voir">
             
			    </div>

		</div>
	</div>
	<!--=====  End of Quick view modal  ======-->

  </div>
	<!--=====  End of Quick view modal  ======-->


	<!-- scroll to top  -->
	<a href="#" class="scroll-top"></a>
	<!-- end of scroll to top -->

	<!-- JS
	============================================ -->
	<!-- jQuery JS -->

	<script src="{{asset('assets/js/vendor/jquery.min.js')}}"></script>

	<!-- Popper JS -->
	<script src="{{asset('assets/js/popper.min.js')}}"></script>

	<!-- Bootstrap JS -->
	<script src="{{asset('assets/js/bootstrap.min.js')}}"></script>

	<!-- Plugins JS -->
	<script src="{{asset('assets/js/plugins.js')}}"></script>

	<!-- Main JS -->
	<script src="{{asset('assets/js/main.js')}}"></script>
	<script src="{{asset('toastr/toastr.min.js')}}"></script>
	
	<script>
    window.addEventListener('load', function () {
        const loader = document.getElementById('global-loader');
        if (loader) {
            loader.classList.add('fade-out');
            setTimeout(() => {
                loader.style.display = 'none';
            }, 500); // délai identique au `transition`
        }
    });
</script>


	<script>
  
     $(function () {
            $('[data-toggle="tooltip"]').tooltip()
       })

  </script>

	 @stack('scripts')

</body>


<!-- Mirrored from htmldemo.hasthemes.com/greenfarm/greenfarm/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 10 Jul 2021 08:03:03 GMT -->
</html>