<?php
/**
 * Displays the Search in header.
 *
 * @package blueboxed
 */
?>

<div class="header-right-section d-flex align-items-center ml-md-4">
    <div class="header-search relative">
        <button
            id="blueboxed-search-toggle"
            class="white-link d-inline-block"
            type="button"
            aria-expanded="false"
            aria-controls="blueboxed-search-field"
            aria-label="<?php echo esc_attr__( 'Toggle search', 'blueboxed' ); ?>"
        >
            <?php
            $search_img = blueboxed_THEME_ASSETS_DIR . '/images/search.png';
            ?>
            <img src="<?php echo esc_url( $search_img ); ?>" alt="<?php esc_attr_e( 'Search Icon', 'blueboxed' ); ?>" >
        </button>
        <?php get_search_form(); ?>
    </div>
</div>
