@extends('user.user_dashboard')
@section('home')







<!-- ================================
    START BREADCRUMB AREA
================================= -->
<section class="breadcrumb-area section-padding img-bg-2">
   <div class="overlay"></div>

   <div class="container">

       <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">
          
           <div class="section-heading">
               <h2 class="section__title text-white"> <a href="{{ route('user.all.language') }}"> <i class="la la-chevron-left icon text-white"> </i> </a>   Products In  {{ $language->language_name }}   </h2>
           </div>

           <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center"> 
               <li> <a href="{{ route('dashboard') }}" class="text-white"> Dashboard </a> </li>
                      
               <li> <a href="{{ route('user.all.language') }}" class="text-white"> Language Hub </a> </li>

    
           </ul>

       </div><!-- end breadcrumb-content -->

   </div><!-- end container -->
</section><!-- end breadcrumb-area -->
<!-- ================================
   END BREADCRUMB AREA
================================= -->





<section class="course-area pb-120px pt-5" style="min-height: 60vh;">
   
   
         


    <div class="container"> 

         <div class="row my-5">

               <h4 class="mb-4 fw-bold">  </h4>

               @forelse ($relatedLangProducts as $related)

                   <div class="col-lg-2 col-md-4 col-6 my-2">

                     <div class="card" style="width:150px">
                      <a  class="text-black" href="{{ route('user.language.show.product', $related->product_slug) }}">  <img class="card-img-top" src="{{ asset($related->product_thumbnail) }}" alt="Card image"  style="height:150px" >  </a>
                  
                       {{--
                       <div class="card-body text-center">
                         <h6 class="card-title"> <a  class="text-black" href="{{ route('user.language.show.product', $related->product_slug) }}"> {{ $related->product_name }} </a></h6>
                       </div>
                       --}}
                       

                     </div>

                   </div>

                @empty

                   <h5 class=""> Products Coming Soon   </h5>
                         
                @endforelse

        </div>


      
    </div>




   





   
 
  
</div>

        

   






</section>




<div class = "container">

  <div class="section-block"></div>

</div>



<script>
  document.addEventListener('contextmenu', function(event) {
      event.preventDefault();
    
  });
</script>






@endsection