@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('dashboard') }}"> <i class="la la-chevron-left icon text-white"> </i> </a> Language Hub   </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') }}"> Dashboard </a> </li>
               <li> <a href="{{ route('user.all.language') }}">   Language Hub   </a>  </li>
           </ul>


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

       

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




@php

   $languages =  App\Models\Language::where('id', '!=', 1)->orderBy('language_name', 'ASC')->get();

@endphp




<section class="course-area pb-120px">
    <div class="container">

        {{--
        <!-- section-heading -->
        <div class="section-heading text-center">
            
            <h2 class="section__title pt-5">   </h2>

            <form method=""  action="{{ route('user.search.language') }}">
                <div class="form-group mb-0">
                    <input class="form-control form--control pl-3" type="text" name="search" placeholder="Search for Language">
                    <span class="la la-search search-icon"></span>
                </div>
            </form> 
           
            
           

        </div><!-- end section-heading -->
         --}}


      <!-- section-heading -->
      <div class="section-heading text-center">
        <form method="" action="{{ route('user.search.language') }}">
            <div class="form-group mb-0">
                <div class="input-group">
        
                    <input class="form-control form--control pl-3" type="text" name="search" placeholder="Search for Language">
        
                    <div class="input-group-append">
                        <button class="btn btn-danger" type="submit">
                            <i class="la la-search"></i> Search
                        </button>
                    </div>
        
                </div>
            </div>
       </form>


                                    
       </div><!-- end section-heading -->







       

         <div class="row my-5">
   
                  
   
             @foreach ($languages as $language)
   

                  <div class="col-lg-2 responsive-column-half">
                    <div class="card card-item card-preview shadow-lg" data-tooltip-content="#tooltip_content_1">
                        
                        <div class="card-image" style="background-color:#031124">
                            <a href="{{ route('user.show.language', $language->language_name) }}" class="d-block">
                                <h6 class="text-center py-5 text-white"> {{ $language->language_name }}  </h6>
                            </a>

                        </div><!-- end card-image -->


                    </div> <!-- end card -->
                  </div><!-- end col-lg-2 -->
   
            @endforeach
   
   
           </div>
   
   
         
       


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




       
      

   


</section>



    



   







@endsection