<?php
/**
 * The template for the html5 search form
 */
?>
<div class="search-form__container <?php czr_fn_echo('element_class')?>" <?php czr_fn_echo('element_attributes')?>>
  <form action="<?php echo esc_url(home_url( '/' )); ?>" method="get" class="czr-form search-form">
    <div class="form-group czr-focus">
      <?php $sf_id = uniqid() ?>
      <label for="s-<?php echo $sf_id ?>" id="lsearch-<?php echo $sf_id ?>">
        <span class="screen-reader-text"><?php _ex( 'Search', 'label', 'customizr-pro') ?></span>
        <input id="s-<?php echo $sf_id ?>" class="form-control czr-search-field" name="s" type="search" value="<?php echo get_search_query() ?>" aria-describedby="lsearch-<?php echo $sf_id ?>" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'title', 'customizr-pro') ?>">
      </label>
      <button type="submit" class="button"><i class="icn-search"></i><span class="screen-reader-text"><?php echo esc_attr_x( 'Search &hellip;', 'title', 'customizr-pro') ?></span></button>
    </div>
  </form>
</div>