@extends("layouts.app_new")
@section("title")
    Experts
@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...">
                                        <button type="submit" class="save_btn"><i class='bx bx-search-alt'></i></button>
                                    </form>
                                  </div>
                            </div>
                        </div>
                        <form method="{{url("experts")}}" id="institution-form">
                            <div class="payment-box courses-details-desc">
                                <div class="courses-accordion">
                                    <h5 class="title-filter">Institutions</h5>
                                    <select  name="institution" id="institution" class="form-control">
                                        <option value="">Choose Institution</option>
                                        @foreach($institution as $Inst)
                                            <option {{(isset($_GET['institution']) && $_GET['institution']==$Inst->id)?"selected":""}} value="{{$Inst->id}}">{{$Inst->sub_institution_name}}, {{$Inst->name}}</option>
                                        @endforeach
                                    </select>
                                    <input type="submit" style="display: none" name="">
                                    <h5 class="title-filter">Area of Interest</h5>
                                    <select  name="keyword_id" id="keyword_id" class="form-control">
                                        <option value="">Choose an Area of Interest</option>
                                        @foreach($main_keywords as $a_o_i)
                                            <option {{(isset($_GET['keyword_id']) && $_GET['keyword_id']==$a_o_i->id)?"selected":""}} value="{{$a_o_i->id}}">{{$a_o_i->keyword_en}}</option>
                                        @endforeach
                                    </select>
                                    <input type="submit" style="display: none" name="">
                                </div>
                                <button class="filter_btn" type="submit" >Filter</button>
                                <button class="clear_btn reset" type="reset">Clear</button>
                            </div>
                        </form>
                    </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">
                            @if(url()->full() != url("experts"))
                                @forelse($experts as $expert)
                                <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-image">
                                                <div class="image bg-1">
                                                    @if($expert->photo)
                                                    <img src="{{url($expert->photo)}}" alt="image">
                                                        @if(Auth::user()->expert == 1)
                                                            <a href="{{url('experts/'.$expert->id)}}" class="link-btn"></a>
                                                        @endif
                                                    @else
                                                        <img src="{{url('uploads/Expert/no_image.jpg')}}" alt="image">
                                                        @if(Auth::user()->expert == 1)
                                                            <a href="{{url('experts/'.$expert->id)}}" class="link-btn"></a>
                                                        @endif
                                                    @endif 
                                                </div>
                                            </div>
                
                                            <div class="courses-desc">
                                                <div class="courses-content">
                    
                                                    <h3>

                                                        @if(Auth::user()->expert == 1)
                                                            <a href="{{url('experts/'.$expert->id)}}" class="d-inline-block">
                                                                {{trim($expert->first_name." ".$expert->last_name)}}
                                                            </a>
                                                        @else
                                                            {{trim($expert->first_name." ".$expert->last_name)}}
                                                        @endif
                                                    </h3>
                                                    <p>
                                                    @php $string  = ""; @endphp
                                                        @foreach($expert->institutions as $institution)
                                                            @php $string  .= $institution->sub_institution_name." ".$institution->name.", "; @endphp
                                                        @endforeach
                                                        {{substr($string, 0, -1)}}
                                                    </p>
                                                </div>
                    
                                                <div class="courses-box-footer">
                                                    <ul>
                                                        @if(!empty($expert->email))
                                                        <li class="students-number">
                                                            <a href="emailto://{{$expert->email}}"> <i class='bx bxs-envelope'></i> {{$expert->email}} </a>
                                                        </li>
                                                        @endif
                                                        @if(!empty($expert->phone))
                                                        <li class="courses-lesson">
                                                           <a href="tel://{{$expert->phone}}"> <i class='bx bx-phone'></i> {{$expert->phone}} </a>
                                                        </li>
                                                        @endif
                                                        @if(!empty($expert->orcid_id))
                                                        <li class="courses-lesson">
                                                            <i class='bx bx-id-card'></i> ORCID iD
                                                        : {{$expert->orcid_id}}
                                                        </li>
                                                        @endif
                                                        @if(!empty($expert->country))
                                                        <li class="courses-lesson">
                                                            <i class='bx bx-globe'></i> Country
                                                        : {{$expert->country->name}}
                                                        </li>
                                                        @endif
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @empty
                                <div class="col-md-12 text-center" >
                                    <h3>No Results Found...</h3>
                                </div>
                                @endforelse
                            @else
                                <div class="col-md-12 text-center" >
                                    <h4 class="start_search"><i class="bx bx-search"></i> Start searching by  name, area of interest or institution.</h4>
                                </div>

                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Blog Area -->
@endsection
@section("script")
<script type="text/javascript">
    $(".clear_btn").on("click",function(){
        window.location.href = "{{url()->current()}}";

    })
</script>
@endsection