@php
    $jobCategories = jobCategory(1) ?? [];
    $jobypies = jobType(1) ?? [];
    $jobCareerLevels = jobcareerLevel(1) ?? [];
    $experiences = jobExperience(1) ?? [];
@endphp


<div class="col-xl-4 order-xl-1 order-2">
    <div class="left-sidebar package-sidebar-area">
        <div class="filter-sidebar-header d-lg-none">
            <h5>{{ translate('Filters') }}</h5>
            <button class="filter-sidebar-close">&times;</button>
        </div>
        <div class="left-sidebar-wrapper">
            <div class="single-widgets mb-25">
                <div class="widget-title">
                    <h5>{{ translate('Job Search') }}</h5>
                </div>
                <div class="checkbox-container job-search-box">
                    <input type="text" placeholder="Job title or keyword" value="{{ Request::get('job_title') }}"
                        class="form-control keyword">
                    <button class="srcBtn"><i class="bi-search"></i></button>
                </div>
            </div>
            <div class="single-widgets mb-25">
                <div class="widget-title">
                    <h5>{{ translate('Category') }}</h5>
                </div>
                <div class="checkbox-container">
                    <ul>
                        @if (count($jobCategories) > 0)
                            @foreach ($jobCategories as $category)
                                <li>
                                    <label class="containerss">
                                        <input class="filter-option category"
                                            {{ $category->category_slug == $param['category_slug'] ? 'checked' : '' }}
                                            value="{{ $category->id }}" type="checkbox" name="category_id">
                                        <span class="checkmark"></span>
                                        <span class="text">{{ $category->getTranslation('category_name') }}</span>
                                    </label>
                                </li>
                            @endforeach
                        @else
                            <p>{{ translate('No Job Category') }}</p>
                        @endif
                    </ul>
                </div>
            </div>

            <div class="single-widgets mb-25">
                <div class="widget-title">
                    <h5>{{ translate('Location') }}</h5>
                </div>
                <div class="checkbox-container">
                    <ul>
                        @foreach (locationWithCompany() as $location)
                            <li>
                                <label class="containerss">
                                    <input type="checkbox" class="filter-option location" name="city_id"
                                        value="{{ $location->id }}">
                                    <span class="checkmark"></span>
                                    <span>{{ $location->name }},{{ $location->country_name }}</span>
                                </label>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="single-widgets mb-25">
                <div class="widget-title">
                    <h5>{{ translate('Type of Employments') }}</h5>
                </div>
                <div class="checkbox-container">
                    <ul>
                        @if (count($jobypies) > 0)
                            @foreach ($jobypies as $item)
                                <li>
                                    <label class="containerss">
                                        <input class="filter-option job-type" type="checkbox"
                                            value="{{ $item->job_type_name }}" name="job_type">
                                        <span class="checkmark"></span>
                                        <span class="text">{{ $item->getTranslation('job_type_name') }}</span>
                                    </label>
                                </li>
                            @endforeach
                        @else
                            <p>{{ translate('No Job Type') }}</p>
                        @endif
                    </ul>
                </div>
            </div>
            <div class="single-widgets mb-25">
                <div class="widget-title">
                    <h5>{{ translate('Job Level') }}</h5>
                </div>
                <div class="checkbox-container">
                    <ul>
                        @if (count($jobCareerLevels) > 0)
                            @foreach ($jobCareerLevels as $careerLevel)
                                <li>
                                    <label class="containerss">
                                        <input class="filter-option career-level" type="checkbox"
                                            value="{{ $careerLevel->id }}" name="career_level_id">
                                        <span class="checkmark"></span>
                                        <span class="text">{{ $careerLevel->getTranslation('name') }}</span>
                                    </label>
                                </li>
                            @endforeach
                        @else
                            <p>{{ translate('No Job Level') }}</p>
                        @endif
                    </ul>
                </div>
            </div>
            <div class="single-widgets mb-25">
                <div class="widget-title">
                    <h5>{{ translate('Job Experience') }}</h5>
                </div>
                <div class="checkbox-container">
                    <ul>
                        @if (count($experiences) > 0)
                            @foreach ($experiences as $experience)
                                <li>
                                    <label class="containerss">
                                        <input class="filter-option experience" type="checkbox"
                                            value="{{ $experience->id }}" name="experience_id">
                                        <span class="checkmark"></span>
                                        <span class="text">{{ $experience->getTranslation('name') }}</span>
                                    </label>
                                </li>
                            @endforeach
                        @else
                            <p>{{ translate('No Job Category') }}</p>
                        @endif
                    </ul>
                </div>
            </div>
     
            <div class="single-widgets">
                <input type="hidden" name="min_salery" id="min_salery">
                <input type="hidden" name="max_salery" id="max_salery">
                <div class="widget-title">
                    <h5>{{ translate('Salary Range') }}</h5>
                </div>
                <div class="range-wrap">
                    <div class="slider-labels">
                        <div class="caption">
                            <span id="slider-range-value"></span>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div id="slider-range"></div>
                        </div>
                    </div>
                </div>
                <div class="checkbox-container mt-25">
                    <ul>
                        <li>
                            <label class="containerss">

                                <input class="form-check-input salery-range" type="radio" name="showInputBox"
                                    data-min="100" data-max="300">
                                <span class="checkmark"></span>
                                <span class="text">{{ defaultCurrency() }}100-{{ defaultCurrency() }}300</span>
                            </label>
                        </li>
                        <li>
                            <label class="containerss">
                                <input class="form-check-input salery-range" type="radio" name="showInputBox"
                                    data-min="300" data-max="500">
                                <span class="checkmark"></span>
                                <span class="text">{{ defaultCurrency() }}300-{{ defaultCurrency() }}500</span>
                            </label>
                        </li>
                        <li>
                            <label class="containerss">
                                <input class="form-check-input salery-range" type="radio" name="showInputBox"
                                    data-min="500" data-max="1000">
                                <span class="checkmark"></span>
                                <span
                                    class="text">{{ defaultCurrency() }}500-{{ defaultCurrency() }}1{{ translate('k') }}</span>
                            </label>
                        </li>
                        <li>
                            <label class="containerss">
                                <input class="form-check-input salery-range" type="radio" name="showInputBox"
                                    data-min="1000" data-max="2000">
                                <span class="checkmark"></span>
                                <span
                                    class="text">{{ defaultCurrency() }}1k-{{ defaultCurrency() }}2{{ translate('k') }}</span>
                            </label>
                        </li>
                        <li>
                            <label class="containerss">

                                <input class="form-check-input salery-range" type="radio" name="showInputBox"
                                    data-min="2000" data-max="6000">
                                <span class="checkmark"></span>
                                <span
                                    class="text">{{ defaultCurrency() }}2{{ translate('k') }}-{{ defaultCurrency() }}6{{ translate('k') }}</span>
                            </label>
                        </li>

                        <li>
                            <label class="containerss">
                                <input class="form-check-input salery-range" type="radio" name="showInputBox"
                                    data-min="6000" data-max="15000">
                                <span class="checkmark"></span>
                                <span
                                    class="text">{{ defaultCurrency() }}6{{ translate('k') }}-{{ defaultCurrency() }}15{{ translate('k') }}</span>
                            </label>
                        </li>
                        <li>
                            <label class="containerss">
                                <input class="form-check-input salery-range-negotiable" type="radio"
                                    name="showInputBox" value="negotiable">
                                <input type="hidden" id="negotiable_salary" value="0">
                                <span class="checkmark"></span>
                                <span class="text">{{ translate('Negotiable') }}</span>
                            </label>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="job-widget-btn">
                <a class="primary-btn-2 lg-btn text-center" id="refreshPage">{{ translate('Reset') }}</a>
            </div>
        </div>
    </div>
</div>