<?php
/**
 * Accessible search form.
 *
 * @package Gustavo_Portfolio
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$gustavoo_search_id = wp_unique_id( 'site-search-' );
?>
<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
	<label class="search-form__label" for="<?php echo esc_attr( $gustavoo_search_id ); ?>">
		<span class="screen-reader-text"><?php echo esc_html_x( 'Pesquisar por:', 'label', 'gustavoo-portfolio' ); ?></span>
		<input id="<?php echo esc_attr( $gustavoo_search_id ); ?>" type="search" class="search-form__field" placeholder="<?php echo esc_attr_x( 'Pesquisar no blog…', 'placeholder', 'gustavoo-portfolio' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
	</label>
	<button type="submit" class="search-form__submit">
		<span><?php echo esc_html_x( 'Pesquisar', 'submit button', 'gustavoo-portfolio' ); ?></span>
		<span aria-hidden="true">→</span>
	</button>
</form>
