<?php

/**
 * The searchform.php template.
 *
 * Used any time that get_search_form() is called.
 *
 * @link https://developer.wordpress.org/reference/functions/wp_unique_id/
 * @link https://developer.wordpress.org/reference/functions/get_search_form/
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

/*
 * Generate a unique ID for each form and a string containing an aria-label
 * if one was passed to get_search_form() in the args array.
 */
$twentytwentyone_unique_id = wp_unique_id('search-form-');

$twentytwentyone_aria_label = !empty($args['aria_label']) ? 'aria-label="' . esc_attr($args['aria_label']) . '"' : '';
?>
<form role="search" <?php echo $twentytwentyone_aria_label; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped above. 
                    ?> method="get" class="search-form" action="<?php echo esc_url(home_url('/')); ?>">
    <div class="row my-5 row my-5 filter-section p-0">
        <div class="col-9 col-md-10 col-lg-11">
            <input type="search" id="<?php echo esc_attr($twentytwentyone_unique_id); ?>" placeholder="Search here..." class="form-control" value="<?php echo get_search_query(); ?>" name="s" />
        </div>
        <div class="col-3 col-md-2 col-lg-1 text-end">
            <input type="submit" disabled="disabled" class="bg-blue text-white font-18 text-bold border-0 filter-btn" value="<?php echo esc_attr_x('Go', 'submit button', 'twentytwentyone'); ?>" />
        </div>
    </div>
</form>