<!--
    Copyright 2019 The Go Authors. All rights reserved.
    Use of this source code is governed by a BSD-style
    license that can be found in the LICENSE file.
-->

{{define "pre-content"}}
  <link href="/static/frontend/homepage/homepage.min.css?version={{.AppVersionLabel}}" rel="stylesheet">
{{end}}

{{define "main"}}
  <main class="go-Container">
    <div class="go-Content go-Content--center">
      <img class="Homepage-logo" width="700" height="300"
          src="/static/shared/gopher/package-search-700x300.jpeg" alt="Cartoon gopher typing">
      <form class="go-InputGroup Homepage-search
          {{if .Experiments.IsActive "symbol-search"}}Homepage-search--symbol{{end}}"
          action="/search" role="search" data-gtmc="homepage search form"
          aria-label="Search for a Package">
        {{if .Experiments.IsActive "symbol-search"}}
          <select name="m" class="go-Select">
            <option value="packages">Packages</option>
            <option value="{{.SearchModeSymbol}}">{{capitalize .SearchModeSymbol}}s</option>
          </select>
        {{end}}
        <input
          class="go-Input js-searchFocus"
          data-test-id="homepage-search"
          id="AutoComplete"
          role="textbox"
          {{- if .Experiments.IsActive "symbol-search" -}}
            aria-label="Search packages or symbols"
          {{else}}
            aria-label="Search for Go packages"
          {{- end -}}
          type="search"
          name="q"
          {{- if .Experiments.IsActive "symbol-search" -}}
            placeholder="Search packages or symbols"
          {{else}}
            placeholder="Search for Go packages"
          {{- end -}}
          autocapitalize="off"
          autocomplete="off"
          autocorrect="off"
          spellcheck="false"
          {{- if .Experiments.IsActive "symbol-search" -}}
            title="Search packages or symbols"
          {{else}}
            title="Search for Go packages"
          {{- end -}}
          autofocus="true">
        <button type="submit" class="go-Button">Search</button>
      </form>
      <span class="Homepage-searchHelp">
        <div class="Homepage-exampleSearches">
          <span class="Homepage-exampleSearchesLabel">Example searches:</span>
          <a class="Homepage-exampleSearch" href="/search?q=http">“http”</a>
          <a class="Homepage-exampleSearch" href="/search?q=command">“command”</a>
          {{if .Experiments.IsActive "symbol-search"}}
            <a class="Homepage-exampleSearch" href="/search?q=sql.DB&m={{.SearchModeSymbol}}">“{{.SearchModeSymbol}}:sql.DB”</a>
          {{else}}
            <a class="Homepage-exampleSearch" href="/search?q=yaml+OR+json+OR+xml">“yaml OR json OR xml”</a>
          {{end}}
        </div>
        <a href="/search-help" target="_blank" rel="noopener" class="Homepage-helpLink">
          Search help <span><img width="24" height="24" src="/static/shared/icon/launch_gm_grey_24dp.svg" alt=""></span>
        </a>
      <span>
    </div>
  </main>
{{end}}

{{define "pre-footer"}}
  <div class="Questions">
    <div class="Questions-content">
      <div class="Questions-header">Frequently asked questions:</div>
      <ul>
        <li><a href="https://go.dev/about#adding-a-package">How can I add a package?</a></li>
        <li><a href="https://go.dev/about#removing-a-package">How can I remove a package?</a></li>
        <li><a href="https://go.dev/about#creating-a-badge">How can I add a go badge in my README file?</a></li>
      </ul>
    </div>
  </div>
{{end}}