<?php
/**
 * Template for displaying search forms in blog-web
 *
 * @package blog-web
 */

$unique_id = esc_attr( uniqid( 'search-form-' ) );
$placeholder = esc_attr_x( 'Search Here &hellip;', 'placeholder', 'blog-web' );
?>
<div class="search-box-wrap">
    <form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
        <label for="<?php echo $unique_id; ?>">
            <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'blog-web' ); ?></span>
            <input type="search" id="<?php echo $unique_id; ?>" class="search-input" placeholder="<?php echo $placeholder; ?>" value="<?php echo get_search_query(); ?>" name="s" />
        </label>
        <button type="submit" class="search-btn">
            <i class="fa fa-search" aria-hidden="true"></i>
            <span class="screen-reader-text"><?php echo esc_html_x( 'Search', 'submit button', 'blog-web' ); ?></span>
        </button>
    </form>
</div>
