{{define "block_tool"}}
<section class="panel">
  <div class="panel-header">
    <h2>{{.Title}}</h2>
  </div>
  {{if .Tool.Tabs}}
    <div class="subtabs embedded">
      {{range .Tool.Tabs}}
        <a class="subtab {{if .Active}}active{{end}}" href="{{.Path}}">{{.Label}}</a>
      {{end}}
    </div>
  {{end}}
  <form class="mock-form" action="{{.Tool.Action}}" method="post" data-mock-form>
    <input type="hidden" name="action" value="{{.Tool.Action}}">
    <div class="form-grid">
      {{range .Tool.Fields}}
        <div class="form-row form-type-{{.Type}}">
          <label>{{.Label}}</label>
          {{if eq .Type "textarea"}}
            <textarea name="{{.Name}}" rows="{{.Rows}}">{{.Value}}</textarea>
          {{else if eq .Type "select"}}
            <select name="{{.Name}}">
              {{range .Options}}
                <option value="{{.Value}}" {{if .Selected}}selected{{end}}>{{.Label}}</option>
              {{end}}
            </select>
          {{else}}
            <input type="text" name="{{.Name}}" value="{{.Value}}">
          {{end}}
        </div>
      {{end}}
    </div>
    {{if .Tool.Result}}
      <div class="result-box">{{.Tool.Result}}</div>
    {{end}}
    <div class="panel-actions">
      <button type="submit" class="btn primary" data-mock-action="run-tool">{{.Tool.PrimaryLabel}}</button>
    </div>
  </form>
</section>
{{end}}