<?php
/**
 * Full screen search template.
 *
 * @package Woodmart
 */

?>
<div class="wd-search-<?php echo esc_attr( $args['type'] ); ?> <?php echo esc_html( $wrapper_classes ); ?>"<?php echo wp_kses( $wrapper_atts, true ); ?> role="complementary" aria-label="<?php esc_attr_e( 'Search', 'woodmart' ); ?>">
	<span class="wd-close-search wd-action-btn wd-style-icon wd-cross-icon<?php echo esc_attr( woodmart_get_old_classes( ' woodmart-close-search' ) ); ?>">
		<a href="#" rel="nofollow" aria-label="<?php esc_attr_e( 'Close search form', 'woodmart' ); ?>"></a>
	</span>

	<?php if ( 'full-screen-2' === $args['type'] ) : ?>
		<div class="container">
	<?php endif; ?>

	<form role="search" method="get" class="searchform <?php echo esc_attr( $class ); ?>" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php echo ! empty( $data ) ? $data : ''; ?> autocomplete="off">
		<input type="text" class="s" placeholder="<?php echo esc_attr( $placeholder ); ?>" value="<?php echo get_search_query(); ?>" name="s" aria-label="<?php esc_attr_e( 'Search', 'woodmart' ); ?>" title="<?php echo esc_attr( $placeholder ); ?>"<?php echo esc_attr( apply_filters( 'woodmart_show_required_in_search_form', true ) ? ' required' : '' ); ?>/>
		<input type="hidden" name="post_type" value="<?php echo esc_attr( $args['post_type'] ); ?>">

		<?php if ( 'full-screen' !== $args['type'] ) : ?>
			<span tabindex="0" aria-label="<?php esc_attr_e( 'Clear search', 'woodmart' ); ?>" class="wd-clear-search wd-role-btn<?php echo get_search_query() ? '' : ' wd-hide'; ?>"></span>
		<?php endif; ?>

		<?php if ( $args['show_categories'] && 'product' === $args['post_type'] ) : ?>
			<?php $this->show_categories_dropdown(); ?>
		<?php endif; ?>

		<button type="submit" class="searchsubmit<?php echo esc_attr( $btn_classes ); ?>">
			<span>
				<?php echo esc_attr_x( 'Search', 'submit button', 'woodmart' ); ?>
			</span>
			<?php
			if ( 'custom' === $args['icon_type'] ) {
				echo whb_get_custom_icon( $args['custom_icon'] ); // phpcs:ignore.
			}
			?>
		</button>
	</form>

	<div class="wd-search-loader wd-fill"></div>

	<?php if ( $args['search_history_enabled'] ) : ?>
		<div class="wd-search-history<?php echo esc_attr( $args['search_history_custom_classes'] ); ?>"></div>
	<?php endif; ?>

	<?php if ( $popular_search_requests ) : ?>
		<?php $this->show_search_requests( $popular_search_requests, $args['post_type'], $args['popular_requests_custom_classes'] ); ?>
	<?php endif; ?>

	<?php if ( ! empty( $extra_content ) ) : ?>
		<?php echo $extra_content; // phpcs:ignore. ?>
	<?php endif; ?>

	<?php if ( $args['ajax'] || $popular_search_requests ) : ?>
		<div class="wd-search-results <?php echo esc_attr( $dropdowns_classes ); ?>"></div>
	<?php endif; ?>
	
	<?php if ( 'full-screen' === $args['type'] && ! $args['search_history_enabled'] && ! $popular_search_requests && ! $extra_content ) : ?>
		<div class="wd-search-info-text"><?php echo esc_html( $description ); ?></div>
	<?php endif; ?>

	<?php if ( 'full-screen-2' === $args['type'] ) : ?>
		</div>
	<?php endif; ?>
</div>
<?php