{{if getForm}}
<div class="search">
  <div class="popup-title">
    <p class="search-recap-content">${data.searchResult}</p>
  </div>
  <form class="search-form" onsubmit="${onSubmit}" method="GET" action="javascript:void(0)">
    <div class="search-form-wrapper">
      <input type="text" class="search-form-field" name="searchField" value="${motRecherche}" onkeyup="${onChange}" />
      <button class="search-form-button" type="submit"></button>
      <div class="search-form-reset" onclick="${onReset}">{{html iconPlugin('reset menu')}}</div>
    </div>
  </form>
  <div class="search-loader-wrapper">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" class="search-loader-spinner spinner">
      <path opacity=".25" d="M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"/>
      <path d="M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"/>
    </svg>
  </div>
  <div class="search-results"></div>
</div>
{{/if}}

{{if workersResult}}
<div class="search-result focusable">
  <div class="search-result-content">
    <p class="search-result-page">${infoPageText}</p>
    {{each(i,text) infoTextArray}}
      <p class="search-result-quote">{{html text}}</p>
    {{/each}}
  </div>
</div>
{{/if}}

{{if finalResult}}
  <div class="search-result final-result focusable">
    <div class="search-result-content">
      <div class="search-result-title">${data.searchEnded}</div>
      {{if resultsFound == 0}}
        ${data.searchNoResult}
      {{else}}
        ${resultsFound} ${data.searchResult}
      {{/if}}
    </div>
  </div>
{{/if}}