@extends("layouts.app_new")
@section("title")
    Institutions
@endsection
@section("content")
    <!-- Start Blog Area -->
        <section class="blog-area ptb-70 limit-line">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 order-details">
                        <div class="courses-topbar">
                            <div class="topbar-search">
                                
                                <div class="search-overlay-form filter-s">
                                    <form method="get">
                                        <input class="input-search" type="search" value="{{isset($_GET['q'])?$_GET['q']:""}}" name="q"
                                         id="q" placeholder="Search here...">
                                          @if(isset($_GET['sources']))
                                              @foreach($_GET['sources'] as $source)
                                                  <input type="hidden" class="sources" name="sources[]" value="{{$source}}">
                                              @endforeach
                                          @endif
                                        <button type="submit" class="save_btn"><i class='bx bx-search-alt'></i></button>
                                    </form>
                                  </div>
                            </div>
                        </div>
                    
                    </div>
                    <div class="col-md-9 woocommerce-topbar">
                        <div class="row align-items-center">
                            <div class="col-lg-6 col-md-6">
                                <div class="topbar-result-count">
<!--                                     <p>Showing (no. results)</p>
 -->                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <div class="topbar-ordering-and-search">
                                    <div class="row align-items-center">
                                        <div class="col-md-6">
                                           
                                        </div>
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            @forelse($Institutions as $Institution)
                            <div class="col-lg-6 col-md-6">
                                <div class="single-courses-list-box mb-30 min-h-ex">
                                    <div class="box-item">
            
                                        <div class="courses-desc">
                                            <div class="courses-content">
                
<!--                                                 <h3><a href="{{url('institutions/'.$Institution->id)}}" class="d-inline-block">
 -->                                             <h3><a class="d-inline-block">
                                                    {{$Institution->name}}</a></h3>
                                                <p>
                                                     {{$Institution->sub_institution_name}}
                                                </p>
                                                <p>
                                                     {{$Institution->describe_institution}}
                                                </p>
                                                
                                            </div>
                
                                            <div class="courses-box-footer">
                                                <ul>
                                                    @if(!empty($Institution->email))
                                                    <li class="students-number">
                                                        <a href="emailto://{{$Institution->email}}"> <i class='bx bxs-envelope'></i> {{$Institution->email}} </a>
                                                    </li>
                                                    @endif
                                                    @if(!empty($Institution->type))
                                                    <li class="courses-lesson">
                                                       <a href="tel://{{$Institution->type}}"> <i class='bx bx-card'></i> {{$Institution->type}} </a>
                                                    </li>
                                                    @endif
                                                    @if(!empty($Institution->website))
                                                    <li class="courses-lesson">
                                                       <a href="{{$Institution->website}}" target="_blank"> <i class='bx bx-globe'></i> {{$Institution->website}} </a>
                                                    </li>
                                                    @endif
                                                  
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @empty
                            <div class="col-md-12 text-center" >
                                <h3>Coming Soon...</h3>
                            </div>
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Blog Area -->
@endsection
@section("script")
    <script type="text/javascript">
      
    </script>
@endsection