@extends('front.layouts.master')

@section('content')

        <!-- Breadcrumb Section Starts -->
        <div class="breadcrumbs">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-9">
                        <h2>{{__('message.jobs')}}</h2>
                    </div>
                    <div class="col-md-3">
                        <div class="breadcrumbs-text-right">
                            <p class="text-lg-end">
                                <a href="{{route('home')}}">{{__('message.home')}}</a> > <a href="{{route('home').'/jobs'}}">{{__('message.jobs')}}</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Breadcrumb Section Ends -->

        <div class="jobs-list-container">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="jobs-list-left-bar">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="jobs-list-filter">
                                    <h3>{{__('message.keywords')}}</h3>
                                    <input type="text" name="search" value="{{app('request')->input('keyword')}}" id="jobs-search-input">
                                    <input type="hidden" id="jobs-page" value="{{$page}}">
                                    <input type="hidden" id="selected-company" value="{{$selected_company}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="jobs-list-filter">
                                    <h3>{{__('message.companies')}}</h3>
                                    <ul>
                                        @foreach($companies as $k => $c)
                                        <li>
                                            <input 
                                                type="checkbox" 
                                                class="filter-radio-checkbox jobs-company-check" 
                                                value="{{encode($c['employer_id'], false)}}" 
                                                id="test{{$k}}" 
                                                {{selCb(encode($c['employer_id'], false), $selected_company)}} 
                                            />
                                            <label for="test{{$k}}"> {{$c->company}}</label>
                                        </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="jobs-list-right-bar">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="jobs-list-right-top">
                                    <div class="row">
                                        <div class="col-md-3">
                                            {{$pagination_overview}} {{__('message.jobs')}}
                                        </div>
                                        <div class="col-md-9 text-lg-end">
                                            <select class="jobs-list-select-sort">
                                                <option value="sort_newer" {{sel(app('request')->input('sort'), 'sort_newer')}}>Sort by Newer</option>
                                                <option value="sort_older" {{sel(app('request')->input('sort'), 'sort_older')}}>Sort by Older</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @php $onerror = url('/g-assets').'/essentials/images/company-not-found.png'; @endphp
                            @if($jobs)
                            @foreach($jobs as $j)
                            <div class="col-md-12">
                                <div class="jobs-list-single">
                                    <div class="row align-items-center">
                                        <div class="col-md-2 justify-content-center h-100">
                                            <img 
                                                src="{{employerThumb2($j['employer_image'])}}" 
                                                onerror="this.src='{{$onerror}}'"
                                                alt="{{$j['company']}}" 
                                                class="jobs-list-single-image"
                                            />                                            
                                        </div>
                                        <div class="col-md-10">
                                            <div class="row align-items-center">
                                                <div class="col-md-9">
                                                    <h2>
                                                        <a href="{{empUrlBySlug($j['slug'])}}job/{{encode($j['job_id'])}}"
                                                            target="_blank">
                                                        {{$j['title']}}
                                                        </a>
                                                    </h2>
                                                </div>
                                                <div class="col-md-3 text-lg-end">
                                                    <a class="btn btn-job-detail" href="{{empUrlBySlug($j['slug'])}}job/{{encode($j['job_id'])}}">
                                                        {{__('message.details')}}
                                                    </a>
                                                </div>
                                                <div class="col-md-12">
                                                    <span class="jobs-list-department">
                                                        <i class="fa-solid fa-building"></i>
                                                        {{$j['department']}}
                                                    </span>
                                                    <span class="jobs-list-department">
                                                        <i class="fa-regular fa-clock"></i>
                                                        {{__('message.posted_on')}} : {{date('d M, Y', strtotime($j['created_at']))}}
                                                    </span>
                                                </div>
                                                <div class="col-md-12">
                                                    @if(isset($j['job_filters']))
                                                    @foreach ($j['job_filters'] as $jf)
                                                    <span class="jobs-list-attachment">
                                                        <i class="fa fa-paperclip" aria-hidden="true"></i>
                                                        {{ $jf['title'] }} : {{ implode(', ',$jf['values']) }}
                                                    </span>
                                                    @endforeach
                                                    @endif                                                
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="jobs-pagination">
                                    <nav aria-label="Page navigation example">
                                        {!!$pagination!!}
                                    </nav>
                                </div>
                            </div>
                            @else
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="jobs-pagination">
                                    {{__('message.no_results')}}
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>

@endsection