<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
  xmlns:kesearch="http://typo3.org/ns/Tpwd/KeSearch/ViewHelpers" data-namespace-typo3-fluid="true">

<f:layout name="General" />
<f:comment>
  <!--
=====================
Templates/SearchForm.html
-->
</f:comment>
<f:section name="content">
  <form method="get" id="form_kesearch_pi1" name="form_kesearch_pi1" action="{f:uri.page(pageUid: targetpage)}">
    <f:comment>
      <!-- Replace the URL with the speaking URL -->
    </f:comment>
    <f:if condition="{isEmptySearch} == FALSE ">
      <f:if condition="{conf.searchWordParameter} == 'tx_kesearch_pi1[sword]'">
        <f:format.raw>
          <script>history.replaceState(null, '', '</f:format.raw><kesearch:link keepPiVars="1" uriOnly="1" /><f:format.raw>');</script>
        </f:format.raw>
      </f:if>
    </f:if>

    <fieldset class="kesearch_searchbox">
      <f:if condition="{lparam}">
        <input type="hidden" name="L" value="{lparam}" />
      </f:if>
      <f:if condition="{mpparam}">
        <input type="hidden" name="MP" value="{mpparam}" />
      </f:if>
      <f:if condition="{typeparam}">
        <input type="hidden" name="type" value="{typeparam}" />
      </f:if>

      <div class="kesearchbox">
        <div class="inputwrapper">
          <div class="input">
            <input type="search" id="ke_search_sword" name="tx_kesearch_pi1[sword]"
              value="{searchword -> f:format.raw()}" placeholder="{searchwordDefault}"
              {f:if(condition: '{extConf.allowEmptySearch} == 0' , then: 'required' )}
              minlength="{extConf.searchWordLength}" />
          </div>

          <div class="reset hidden"
            title="{f:translate(key: 'LLL:EXT:ke_search/Resources/Private/Language/locallang_searchbox.xlf:reset_button')}">
            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512">
              <path
                d="M437.5 386.6L306.9 256l130.6-130.6c14.1-14.1 14.1-36.8 0-50.9-14.1-14.1-36.8-14.1-50.9 0L256 205.1 125.4 74.5c-14.1-14.1-36.8-14.1-50.9 0-14.1 14.1-14.1 36.8 0 50.9L205.1 256 74.5 386.6c-14.1 14.1-14.1 36.8 0 50.9 14.1 14.1 36.8 14.1 50.9 0L256 306.9l130.6 130.6c14.1 14.1 36.8 14.1 50.9 0 14-14.1 14-36.9 0-50.9z" />
            </svg>
            <div class="spacer"></div>
          </div>
        </div>
        <button class="submit" type="submit"
          title="{f:translate(key: 'LLL:EXT:ke_search/Resources/Private/Language/locallang_searchbox.xlf:submit')}">
          <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512">
            <path
              d="M344.5 298c15-23.6 23.8-51.6 23.8-81.7 0-84.1-68.1-152.3-152.1-152.3C132.1 64 64 132.2 64 216.3c0 84.1 68.1 152.3 152.1 152.3 30.5 0 58.9-9 82.7-24.4l6.9-4.8L414.3 448l33.7-34.3-108.5-108.6 5-7.1zm-43.1-166.8c22.7 22.7 35.2 52.9 35.2 85s-12.5 62.3-35.2 85c-22.7 22.7-52.9 35.2-85 35.2s-62.3-12.5-85-35.2c-22.7-22.7-35.2-52.9-35.2-85s12.5-62.3 35.2-85c22.7-22.7 52.9-35.2 85-35.2s62.3 12.5 85 35.2z" />
          </svg>
        </button>

        <f:if condition="{page}">
          <input id="kesearchpagenumber" type="hidden" name="tx_kesearch_pi1[page]" value="{page}" />
        </f:if>
        <input id="resetFilters" type="hidden" name="tx_kesearch_pi1[resetFilters]" value="0" />
        <f:if condition="{sortByField}">
          <input id="sortByField" type="hidden" name="tx_kesearch_pi1[sortByField]" value="{sortByField}" />
        </f:if>
        <f:if condition="{sortByDir}">
          <input id="sortByDir" type="hidden" name="tx_kesearch_pi1[sortByDir]" value="{sortByDir}" />
        </f:if>

        <f:if condition="{filters}">
          <div id="kesearch_filters">
            <f:render partial="Filters"
              arguments="{conf: conf, numberofresults: numberofresults, resultrows: resultrows, filters: filters}" />
          </div>
        </f:if>

    </fieldset>
  </form>
</f:section>

</html>
