<?php

/**
 * @var Collection $filters
 */

use App\Models\LeverCategory;
use App\Models\LeverLocation;
use App\Repositories\CategoryRepository;
use App\Repositories\LocationRepository;
use Illuminate\Database\Eloquent\Collection;


$categoriesIds = empty($filters['categories']) ? [] : $filters['categories']->map(fn($item) => $item->id)->toArray();
$locationsIds = empty($filters['locations']) ? [] : $filters['locations']->map(fn($item) => $item->id)->toArray();

?>

<form action="<?php echo e(route('jobs')); ?>" class="search">
    <div class="search__field search__field-keyword">
        <label for="keywords"><?php echo app('translator')->get('messages.Enter keywords'); ?></label>
        <input id="keywords" type="text" name="keywords" placeholder="<?php echo app('translator')->get('messages.SearchExample'); ?>" value="<?php echo e(request('keywords')); ?>">
    </div>
    <div class="search__field has-select ">
        <div class="search-select js-category-selector-parent">
            <select class="js-category-selector" name="category[]" multiple="multiple" data-placeholder="<?php echo app('translator')->get('messages.Choose category'); ?>">
                <option value="0"><?php echo app('translator')->get('messages.departments'); ?></option>
                <?php $__currentLoopData = CategoryRepository::getCategories(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php /** @var LeverCategory $category */ ?>
                    <option value="<?php echo e($category->id); ?>" <?php echo e(in_array($category->id, $categoriesIds) ? 'selected' : ''); ?>><?php echo e($category->title); ?></option>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </select>
        </div>
    </div>
    <div class="search__field has-select">
        <div class="search-select js-location-selector-parent">
            <select class="js-location-selector" name="location[]" multiple="multiple" data-placeholder="Locations">
                <option value="0">All locations</option>
                <?php $__currentLoopData = LocationRepository::getLocations(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $location): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php /** @var LeverLocation $location */ ?>
                    <option value="<?php echo e($location->id); ?>" <?php echo e(in_array($location->id, $locationsIds) ? 'selected' : ''); ?>><?php echo e($location->title); ?></option>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </select>
        </div>
    </div>
    <div class="search__field search__field--submit">
        <button type="submit" class="btn">Search</button>
    </div>
</form>

<script>
    $(document).ready(function () {
        const breakpointSm = window.matchMedia('(max-width: 767px)');
        const categorySelect = $('.js-category-selector');
        const locationSelector = $('.js-location-selector');

        categorySelect.select2({
            dropdownParent: '.js-category-selector-parent',
            closeOnSelect: false,
            minimumResultsForSearch: Infinity
        });

        categorySelect.on('select2:close', () => {
            if (breakpointSm.matches) {
                document.activeElement.blur();
                categorySelect.css('z-index', '1');
            }
        });

        locationSelector.select2({
            dropdownParent: '.js-location-selector-parent',
            closeOnSelect: false,
            minimumResultsForSearch: Infinity
        });

        locationSelector.on('select2:close', () => {
            if (breakpointSm.matches) {
                document.activeElement.blur();
                locationSelector.css('z-index', '1')
            }
        });
    });
</script>
<?php /**PATH /var/www/quadcode-jobs/resources/views/site/partials/search_form.blade.php ENDPATH**/ ?>