search-job-filter.php

<div class="col-md-3">
    <div class="block-section-sm side-right">

        <form class="search-filter">
            <div class="result-filter">
                <div class="filter-item search-keyword-filter">
                    <h5 class="no-margin-top font-bold margin-b-20 "><?php _e('Search Keyword', 'jobplanet-plugin'); ?></h5>
                    <div class="form-group">
                        <input id="keyword" name="keyword" value="<?php echo isset($_REQUEST['keyword']) ? $_REQUEST['keyword'] : ''; ?>" placeholder="<?php _e('Search Keyword', 'jobplanet-plugin'); ?>" class="form-control" type="text">
                    </div>
                </div>

                <div class="filter-item location-filter">
                    <h5 class="no-margin-top font-bold margin-b-20 "><?php _e('Location', 'jobplanet-plugin'); ?></h5>
                    <div class="form-group location-form">
                        <?php
                        $location = isset($_REQUEST['place']) ? $_REQUEST['place'] : '';
                        ?>
                        <input class="form-control location-autocomplete filter-location location" name="place" placeholder="<?php _e('preferred job location', 'jobplanet-plugin'); ?>" value="<?php echo esc_attr($location); ?>">
                    </div>
                </div>

                <div class="filter-item contract-type-filter">
                    <h5 class="no-margin-top font-bold margin-b-20 "><?php _e('Contract Type', 'jobplanet-plugin'); ?></h5>
                    <div class="form-group">
                        <?php
                        $types = jeg_get_job_type();
                        if($types) {
                            foreach($types as $type) {
                                $checked = '';
                                if(isset($_REQUEST['type'])) {
                                    if($_REQUEST['type'] === $type['value']) {
                                        $checked = 'checked';
                                    }
                                } else {
                                    $checked = 'checked';
                                }
                                ?>
                                <div class="checkbox contract-type flat-checkbox">
                                    <label>
                                        <input type="checkbox" name="type[]" value="<?php echo esc_attr($type['value']) ?>" <?php echo esc_attr($checked); ?>>
                                        <span class="fa fa-check"></span>
                                        <?php echo esc_attr($type['label']) ?>
                                    </label>
                                </div>
                                <?php
                            }
                        }
                        ?>
                        <input type="hidden" name="type[]" value="">
                    </div>
                </div>

                <div class="filter-item category-filter">
                    <h5 class="no-margin-top font-bold margin-b-20 "><?php _e('Categories', 'jobplanet-plugin'); ?></h5>
                    <div class="form-group">
                        <select name="categories" multiple class="chosen-select form-control categories" data-placeholder="<?php _e('Choose Category', 'jobplanet-plugin'); ?>">
                            <?php
                                $categories = jeg_get_job_category();
                                if($categories) {
                                    foreach($categories as $category) {
                                        $selected = ( isset($_REQUEST['categories']) && $_REQUEST['categories'] == $category['value'] ) ? "selected=selected" : "";
                                        ?>
                                        <option value="<?php echo esc_attr($category['value']) ?>" <?php echo $selected ?>><?php echo esc_attr($category['label']) ?></option>
                                        <?php
                                    }
                                }
                            ?>
                        </select>
                    </div>
                </div>

                <div class="filter-item salary-range-filter" style="display: none;">
                    <h5 class="no-margin-top font-bold margin-b-20"><?php _e('Salary Range', 'jobplanet-plugin'); ?></h5>
                    <select class="form-control chosen-select salary-range" name="salary_range" data-placeholder="<?php _e('Salary Range', 'jobplanet-plugin'); ?>">
                        <option></option>
                        <option value="hourly"><?php _e('Hourly', 'jobplanet-plugin'); ?></option>
                        <option value="weekly"><?php _e('Weekly', 'jobplanet-plugin'); ?></option>
                        <option value="monthly"><?php _e('Monthly', 'jobplanet-plugin'); ?></option>
                        <option value="yearly"><?php _e('Yearly', 'jobplanet-plugin'); ?></option>
                    </select>
                </div>

                <div class="filter-item salary-filter"  style="display: none;">
                    <h5 class="no-margin-top font-bold margin-b-20 "><?php _e('Salary Filter', 'jobplanet-plugin'); ?></h5>
                    <div class="jobplanet_price_slider">
                        <div class="price_label">
                            <?php _e('Salary :', 'jobplanet-plugin'); ?> <span class="from"></span> &mdash; <span class="to"></span>
                        </div>
                        <div class="price_slider"></div>
                        <div class="price_slider_amount">
                            <input type="hidden" id="min_price" name="min_salary" value="" data-min="<?php echo esc_attr(jeg_get_lowest_salary()) ?>" placeholder="<?php _e('Min price', 'jobplanet-plugin'); ?>" />
                                <input type="hidden" id="max_price" name="max_salary" value="" data-max="<?php echo esc_attr(jeg_get_higest_salary()) ?>" placeholder="<?php _e('Max price', 'jobplanet-plugin'); ?>" />
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="paged" class="paged" value="<?php echo get_query_var('paged') ? get_query_var('paged') : 1 ?>">
                <input type="hidden" name="jobplanet_nonce" value="<?php echo esc_attr( wp_create_nonce('jobplanet') ); ?>"/>
                <input type="hidden" name="action" value="search_job_ajax">
            </div>
        </form>
    </div>
</div>