{{#*inline "partial_one_result"}}
  <div class="result" data-position="{{iResNum}}">
    {{#if aResult.icon}}
      <img src="{{env.Images_Base_Url}}{{aResult.icon}}" />
      {{!-- {{formatMapIcon aResult.icon}} --}}
    {{/if}}

    <span class="name">{{aResult.display_name}}</span>
    <span class="type">{{formatLabel aResult}}</span>
    <p class="coords">{{aResult.lat}},{{aResult.lon}}</p>  

    <a class="details btn btn-outline-secondary btn-sm"
       href="details.html?osmtype={{shortOSMType aResult.osm_type}}&osmid={{aResult.osm_id}}">details</a>
  </div>
{{/inline}}

<div class="top-bar">
  <form class="form-inline" role="search" accept-charset="UTF-8" action="">
    <div class="form-group">
      <input name="format" type="hidden" value="html">
      <label>lat</label>
      <input name="lat"
             type="text"
             class="form-control form-control-sm"
             placeholder="latitude"
             value="{{fLat}}" />
      <a id="switch-coords" class="btn btn-outline-secondary btn-sm" title="switch lat and lon">&lt;&gt;</a>
      <label>lon</label>
      <input name="lon"
             type="text"
             class="form-control form-control-sm"
             placeholder="longitude"
             value="{{fLon}}" />
      <label>max zoom</label>
      <select name="zoom" class="form-control form-control-sm" value="{{iZoom}}">
        {{zoomLevels iZoom}}
      </select>
      <button type="submit" class="btn btn-primary btn-sm mx-1">
        Search
      </button>
    </div>
    <div class="search-type-link">
      <a href="/search.html">forward search</a>
    </div>
  </form>
</div>

<div id="content">
  {{#if aPlace}}
    <div id="searchresults" class="sidebar">
      {{>partial_one_result iResNum=0 aResult=aPlace env=env}}
    </div>
  {{else}}
    <div id="intro" class="sidebar">
      Search for coordinates or click anywhere on the map.
    </div>
  {{/if}}

  <div id="map-wrapper">
    <div id="map-position">
      <div id="map-position-inner"></div>
      <div id="map-position-close"><a href="#">hide</a></div>
    </div>
    <div id="map"></div>
  </div>
</div>