<?php
$placeholder_text = esc_html__('Search', 'osapa');

if( osapa_has_woocommerce() ){
	$placeholder_text = esc_html__('Search...', 'osapa');
}

if( is_404() ){
	$placeholder_text = esc_html__('You can back to homepage or seach anything', 'osapa');
}
?>

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <label for="<?php echo esc_attr( uniqid( 'search-form-' ) ); ?>">
		<span class="screen-reader-text"><?php echo esc_html__( 'Search for:', 'osapa' ); ?></span>
	</label>
    <input type="search" id="<?php echo esc_attr( uniqid( 'search-form-' ) ); ?>" class="search-field" placeholder="<?php echo esc_attr($placeholder_text); ?>" value="<?php echo get_search_query(); ?>" name="s" />
	<button type="submit" class="search-submit"><?php echo osapa_get_svg( array( 'icon' => 'search' ) ); ?><span class="screen-reader-text"><?php echo esc_html_e( 'Search', 'osapa' ); ?></span></button>
</form>