<?php
/**
 * @var $icon
 */
?>

<div class="big-service-search">

	<form class="search-form" method="get" action="<?php echo wpj_get_main_search_url(); ?>">

		<div class="inner-cell">

			<div class="form-field form-field-with-icon icon-l">

				<i class="icon icon-img icon-img-l form-field-icon"><img src="<?php echo get_template_directory_uri() . '/assets/images/search/categories-icon.svg'; ?>" alt=""></i>

				<?php wpj_display_categories_and_subcategories_select( 'job_cat', 'slug', __( 'Categories', 'wpjobster' ), '', 'category', '', '', '', true ); ?>

			</div>

		</div>

		<div class="inner-cell">

			<div class="form-field form-field-with-icon icon-l">

				<i class="<?php echo $icon; ?> icon form-field-icon icon-l"></i>

				<input type="text" class="form-field-control" placeholder="<?php _e( 'Keyword', 'wpjobster' ); ?>" name="term">

			</div>

		</div>

		<div class="inner-cell">

			<button class="text-button text-button-big">

				<?php _e( 'Search', 'wpjobster' ); ?>

			</button>

		</div>

	</form>

</div>
