@empty($short_list)

@else 


    <div class="d-block pt-4">
        <div class="mb-3">
            <form class="search-box-find-chefs">
                <input type="search" class="form-control" placeholder="Use keywords here to narrow search">
                <span class="search-box-btn">
                    <a href="#" class="btn green"><i class="fa fa-search"></i></a>
                </span>
            </form>
        </div>
        <div class="results">
        
            @foreach ($short_list as $user)
        
            <div class="single-result">
                <div class="d-flex flex-column flex-md-row align-items-start">
                    <div class="image">
                        <div class="d-flex flex-row align-items-center">
                            <div class="image-wrap text-center">
                                @if($user && $user->profile_photo_path)
                            
                                    <img src='{{asset("storage/".$user->profile_photo_path)}}' alt="#" class="image-auto">
                                
                                @else
                                    <img src="{{asset('images/user-no-image.png')}}" alt="#" class="image-auto">
                                @endif
                            </div>
                            <h2 class="mb-3 d-inline-block d-md-none ms-4">{{$user->jobseeker->headline}}</h2>
                        </div>
                    </div>
                    
                    <div class="details px-0 px-md-3 pt-3 pt-md-0">
                        <h2 class="mb-3 d-none d-md-block">{{$user->jobseeker->headline}}</h2>
                        <p class="mb-3 description-results">{{$user->jobseeker->pitch}}</p>

                        @if($user)
                        <div class="row g-4 align-items-stretch f-14">
                            <div class="col-12 col-sm-6 col-md-12 col-lg-6">
                                <div class="row mb-2">
                                    <div class="col-5 col-sm-5 col-md-5 col-xl-4">Location:</div>

                                    <div class="col-7 col-sm-7 col-md-7 col-xl-8">{{$user->address->country->title}} /{{$user->address->city}}</div>
                                </div>


                                <div class="row mb-2">
                                    <div class="col-5 col-sm-5 col-md-5 col-xl-4">Job title:</div>
                                    @if($user->jobseeker->job_title)
                                        <div class="col-7 col-sm-7 col-md-7 col-xl-8">{{$user->jobseeker->job_title->title}}</div>
                                    @endif
                                </div>

                                <div class="row mb-2">
                                    <div class="col-5 col-sm-5 col-md-5 col-xl-4">Work type:</div>
                                    @if($user->jobseeker->recent_job_title)
                                        <div class="col-7 col-sm-7 col-md-7 col-xl-8">{{$user->jobseeker->recent_job_title}}</div>
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-md-12 col-lg-6">
                                <div class="row mb-2">
                                    <div class="col-5 col-sm-5 col-md-5 col-xl-4">Education:</div>
                                    @if($user->jobseeker->education)
                                        <div class="col-7 col-sm-7 col-md-7 col-xl-8">{{$user->jobseeker->education->title}}</div>
                                    @endif
                                </div>

                                <div class="row mb-2">
                                    <div class="col-5 col-sm-5 col-md-5 col-xl-4">Job wanted:</div>
                                    @if($user->jobseeker->job_title_wanted)
                                        <div class="col-7 col-sm-7 col-md-7 col-xl-8">{{$user->jobseeker->job_title_wanted->title}}</div>
                                    @endif
                                </div>

                                <div class="row mb-2">
                                    <div class="col-5 col-sm-5 col-md-5 col-xl-4">Salary wanted:</div>
                                    @if($user->jobseeker->salery_wanted)
                                        <div class="col-7 col-sm-7 col-md-7 col-xl-8">{{$user->jobseeker->salery_wanted->title}}</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @endif
                        <div class="d-flex justify-content-between align-items-start flex-row flex-wrap pt-3">
                            <div class="text-start">
                                <ul class="list-unstyled social-links">
                                    @auth
                                        @if($user->jobseeker->profile_cv)
                                            <li class="list-inline-item">
                                                <a href="#">
                                                    <i class="fa fa-file-text-o"></i>
                                                </a>
                                            </li>
                                        @endif
                                    @if($user)
                                            @foreach ($user->networks_urls() as $network)
                                        
                                                <li class="list-inline-item">
                                                    <a href="{{$network->url}}" target="_blank">
                                                        @if($network->logo)
                                                            <i class="{{$network->logo}}" aria-hidden="true"></i>
                                                        @endif
                                                    </a>
                                                </li>
                                            @endforeach
                                        @endif
                                    @endauth
                                    @guest
                                        @if($user->jobseeker->profile_cv)
                                            <li class="list-inline-item">
                                                <a href="#">
                                                    <i class="fa fa-file-text-o"></i>
                                                </a>
                                            </li>
                                        @endif
                                        

                                        @foreach ($user->networks_urls() as $network)
                                    
                                            <li class="list-inline-item">
                                                <a href="#">
                                                    @if($network->logo)
                                                    <i class="{{$network->logo}}" aria-hidden="true"></i>
                                                    @endif
                                                </a>
                                            </li>
                                        @endforeach
                                    @endguest
                                    @if($user->jobseeker->will_relocate)
                                        <li class="list-inline-item">
                                            <a href="#" title="Willing to relocate">
                                                <i class="fa fa-plane" ></i>
                                            </a>
                                        </li>
                                    @endif
                                

                                    
                                </ul>

                            </div>
                            <div class="text-end">
                                <ul class="list-unstyled share-contacts">
                                    @auth
                                        @if(Auth::user()->recruiter)

                                            <li class="list-inline-item"><a type="button" class="btn w100 @if(Auth::user()->short_list->contains('id', $user->id)) active @endif btn-sm grey" wire:click.prevent="addToShortlist({{$user->id}})">Shortlist</a></li>
                                        @else 
                                            <li class="list-inline-item">
                                                <div class="dropup-center dropup social-share-links">
                                                    <a href="#" class="btn w100 btn-sm grey dropdown-toggle share-button" type="button" id="dropupCenterBtn" data-bs-toggle="dropdown" aria-expanded="false" data-url="" data-headline="{{$user->jobseeker->headline}}" data-image=""></a>
                                                
                                                </div>
                                            </li>

                                        @endif
                                    @else  
                                        <li class="list-inline-item">
                                            <div class="dropup-center dropup social-share-links">
                                                <a href="#" class="btn w100 btn-sm grey dropdown-toggle share-button" type="button" id="dropupCenterBtn" data-bs-toggle="dropdown" aria-expanded="false" data-url="" data-headline="{{$user->jobseeker->headline}}" data-image=""></a>
                                            
                                            </div>
                                        </li>
                                    @endauth
                                

                                    
                                

                                    <li class="list-inline-item"><a href="#" class="btn w100 btn-sm grey" data-bs-toggle="modal" data-bs-target="#registerModal">Contact Me</a></li>
                                </ul>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        
        

        </div>
    </div>
@endempty