@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">
               <h3 class="section__title text-white"> <a href="{{ route('user.all.language') }}"> <i class="la la-chevron-left icon text-white"> </i> </a>   Search Languages Results &nbsp;  &nbsp; &nbsp;  </h3>
           </div>

           <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center"> 

             
               
           </ul>

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

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



@php
 

$languages = App\Models\Language::where('status', 1)->filter(request(['search']))
           ->orderBy('language_name', 'ASC')->get();


        
@endphp




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

        <!-- section-heading -->
        <div class="section-heading text-center mb-5">
            
            <h2 class="section__title py-5 text-white" > SEARCH RESULT  </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> 
            --}}

            <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>
            
           {{-- <span class="section-divider"></span> --}}

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



        @unless(count($languages) == 0) 
          
         <div class="row">

                   
            @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><!-- end row -->


        @else

        <p> No Language found </p>

       @endunless






        

         

          

      




       


</section>



    



   







@endsection